怎么在Android中利用BottomTabBar实现一个底部导航页效果-成都创新互联网站建设

关于创新互联

多方位宣传企业产品与服务 突出企业形象

公司简介 公司的服务 荣誉资质 新闻动态 联系我们

怎么在Android中利用BottomTabBar实现一个底部导航页效果

怎么在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实现一个底部导航页效果

下面通过实例代码介绍下 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实现一个底部导航页效果的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注创新互联行业资讯频道,感谢各位的阅读!


分享名称:怎么在Android中利用BottomTabBar实现一个底部导航页效果
本文路径:http://kswsj.cn/article/ihcoej.html

其他资讯