BottomTabView

Download

通过Gradle集成： 在应用级的build.gradle中添加依赖：

	dependencies {
	        implementation 'vip.mystery0.tools:bottomtabview:x.x.x'
	}

或者通过Maven：

	<dependency>
      <groupId>vip.mystery0.tools</groupId>
      <artifactId>bottomtabview</artifactId>
      <version>x.x.x</version>
      <type>pom</type>
    </dependency>

具体效果

如何使用

往您的布局文件中添加控件

<vip.mystery0.bottomTabView.BottomTabView
	android:id="@+id/bottomTabView"
	android:layout_width="wrap_content"
	android:layout_height="wrap_content" />

配置属性

获取控件实例：

BottomTabView bottomTabView = findViewById(R.id.bottomTabView);

除了设置菜单项和设置当前选中的项，其他的自定义配置都通过BottomTabViewConfig类定义。

构建菜单项

List<BottomTabItem> menuList = new ArrayList<>();
menuList.add(new BottomTabItem("11", R.drawable.ic_android_black_24dp));
menuList.add(new BottomTabItem("12", R.drawable.ic_android_black_24dp));
menuList.add(new BottomTabItem("33133", R.drawable.ic_android_black_24dp));

菜单项必须是 BottomTabItem 类的对象，对应的构造函数传入的是现在的菜单名称和显示的 drawable 资源。 构造函数的第二个参数必须是 drawable 的资源引用，必须是矢量图资源（用于着色）。

设置菜单项

bottomTabView.setMenuList(menuList);

自定义配置

bottomTabView.getConfig()
	.setSelectedColor(Color.BLACK)//设置选中的条目颜色
	.setUnSelectedColor(Color.BLUE)//设置未选中条目颜色
	.setMarginTop(16f)//设置距离顶部间距，单位dp
	.setMarginBottom(24f)//设置距离底部间距，单位dp
	.setItemIconSize(24f)//设置图标大小，单位dp
	.setItemTextSize(24f)//设置文字大小，单位sp
	.setLineHeight(1f)//设置顶部分割线高度，单位px
	.isShowRipple(true)//是否显示点击时水波效果
	.isShowGradientColors(false)//是否显示渐变图标（需要设置渐变的颜色数组）
	.setGradientColors(new int[]{Color.WHITE, Color.BLACK});//设置渐变颜色数组
bottomTabView.init();//更新视图

自定义属性

属性	值类型	说明
selected_color	color	选中条目颜色
unselected_color	color	未选中条目颜色
margin_top	dimension	距离顶部间距
margin_bottom	dimension	距离底部间距
line_height	dimension	分割线高度
item_text_size	dimension	菜单项文字大小
item_icon_size	dimension	菜单项图标大小
show_ripple	boolean	是否显示点击水波效果
show_gradient_colors	boolean	是否显示渐变图标

设置当前选中条目

bottomTabView.setCheckedItem(2);

设置菜单项点击监听

bottomTabView.setOnItemSelectedListener(new BottomTabView.OnItemSelectedListener() {
	@Override
	public void onItemSelected(@NotNull BottomTabItem bottomTabItem) {
		//Do Something you want to do
	}
});

通过index获取item实例

bottomTabView.findItem(index);

通过BottomTabItem对象获取对应的index

bottomTabView.indexOf(BottomTabItem);

LICENSE

Copyright (C) 2018 Mystery0.

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

   http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.