Android---使用BottomTabBar实现底部导航页
来源:互联网 发布:软件c 编程代码 编辑:程序博客网 时间:2024/06/05 03:59
1. 导依赖
compile 'com.hjm:BottomTabBar:1.1.1'
2. 在所实现的XML中定义一下该控件
<com.hjm.bottomtabbar.BottomTabBar android:id="@+id/bottom_tab_bar" android:layout_width="match_parent" android:layout_height="match_parent" ></com.hjm.bottomtabbar.BottomTabBar>
3. 定义每个Fragment,这里列举一个
public class OneFragment extends Fragment{ @Nullable @Override public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) { View view = inflater.inflate(R.layout.fragment1, container, false); return view; }}
4. MainActivity中
//Fragment页面设置页public class MainActivity extends AppCompatActivity { private BottomTabBar bottomTabBar; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); bottomTabBar = findViewById(R.id.bottom_tab_bar); //初始化Fragment bottomTabBar.init(getSupportFragmentManager()) .setImgSize(50, 50) //图片大小 .setFontSize(12) //字体大小 .setTabPadding(4, 6, 10)//选项卡的间距 .setChangeColor(Color.RED, Color.BLUE) //选项卡的选择颜色 .addTabItem("首页", R.drawable.home_, ShouYe_Fragment.class) .addTabItem("分类", R.drawable.classify, FenLei_Fragment.class) .addTabItem("发现", R.drawable.cart, Cart_Fragment.class) .addTabItem("我的", R.drawable.mine, Mine_Fragment.class) .isShowDivider(true) //是否包含分割线 .setOnTabChangeListener(new BottomTabBar.OnTabChangeListener() { @Override public void onTabChange(int position, String name) { Log.i("TGA", "位置:" + position + " 选项卡:" + name); } }); }}效果图:
阅读全文
0 0
- Android--------使用BottomTabBar实现底部导航页
- Android--使用BottomTabBar实现底部导航页
- Android--------使用BottomTabBar实现底部导航页
- Android--------使用BottomTabBar实现底部导航页
- Android---使用BottomTabBar实现底部导航页
- Android--------使用BottomTabBar实现底部导航页
- 使用BottomTabBar实现底部导航页
- 使用BottomTabBar+Fragment实现底部导航页
- BottomTabBar实现底部导航页
- BottomTabBar底部导航页
- BottomTabBar实现底部导航栏
- Android——BottomTabBar实现底部导航栏
- 使用BottomTabBar实现底部导航,MVP网络框架,retrofit解析
- 底部导航栏 BottomTabBar
- BottomTabBar底部导航模版
- android BottomTabBar的简单使用(类似:京东底部导航栏)
- //BottomTabBar实现底部选项卡
- 底部导航:BottomTabBar的简单应用
- 返回顶部效果!
- 【Struts2】1.类型转换和输入校验
- vue省市区三级联动mysql,js/json,html/jsp
- 根据电影名称,获取下载链接
- xargs命令详解,xargs与管道的区别
- Android---使用BottomTabBar实现底部导航页
- VueJS学习笔记
- Spring+SpringMVC+Mybatis+Maven+MySql框架搭建与分页实例
- request.getParameter() 和request.getAttribute() 区别
- 一个简单的input离焦事件验证
- postgresql 查看wal生成频率和大小
- ext使用
- iOS APP上架被拒重新提交审核教程
- 自定义view实现炸弹效果