怎么在Android中利用BottomTabBar实现一个底部导航页效果?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。
网站建设哪家好,找创新互联!专注于网页设计、网站建设、微信开发、微信小程序开发、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了通河免费建站欢迎大家使用!
1. 导依赖
compile 'com.hjm:BottomTabBar:1.1.1'
2. 在所实现的XML中定义一下该控件
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); } }); } }
效果图:
下面通过实例代码介绍下 Android_BottomTabBar
一:依赖
compile 'com.hjm:BottomTabBar:1.1.1'
二:布局
三:代码
public class MainActivity extends AppCompatActivity { @BindView(R.id.bottomtabbar) BottomTabBar bottomtabbar; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); ButterKnife.bind(this); bottomtabbar.init(getSupportFragmentManager()) .setImgSize(25, 25) .setFontSize(8) .setTabPadding(4, 6, 10) .setChangeColor(Color.RED, Color.BLACK) .addTabItem("精选", R.drawable.choiceness, ChoicenessFragment.class) .addTabItem("专题", R.drawable.dissertation, DissertationFragment.class) .addTabItem("发现", R.drawable.discover, DiscoverFragment.class) .addTabItem("我的", R.drawable.my, MyFragment.class) .isShowDivider(false) .setOnTabChangeListener(new BottomTabBar.OnTabChangeListener() { @Override public void onTabChange(int position, String name) { } }) .setTabBarBackgroundResource(R.drawable.bottom_bg) .setBackgroundResource(R.drawable.bg_blue); } }
看完上述内容,你们掌握怎么在Android中利用BottomTabBar实现一个底部导航页效果的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注创新互联行业资讯频道,感谢各位的阅读!
售后响应及时
7×24小时客服热线数据备份
更安全、更高效、更稳定价格公道精准
项目经理精准报价不弄虚作假合作无风险
重合同讲信誉,无效全额退款