直播平台开发,使用BottomTabBar实现底部导航页

发布时间 2023-07-06 14:13:22作者: 云豹科技-苏凌霄

直播平台开发,使用BottomTabBar实现底部导航页

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中

  


public class MainActivity extends AppCompatActivity {
private BottomTabBar mb;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
      mb=(BottomTabBar)findViewById(R.id.bottom_tab_bar);
        mb.init(getSupportFragmentManager())
                .setImgSize(50,50)
                .setFontSize(8)
                .setTabPadding(4,6,10)
                .setChangeColor(Color.RED,Color.DKGRAY)
                .addTabItem("月光茶人",R.drawable.tab_home, OneFragment.class)
                .addTabItem("优惠",R.drawable.tab_topic, TwoFragment.class)
                .addTabItem("购物车",R.drawable.main_index_cart_normal, ThreeFragment.class)
                .addTabItem("我的",R.drawable.main_index_my_normal, FourFragment.class)
                .isShowDivider(false)
                .setOnTabChangeListener(new BottomTabBar.OnTabChangeListener() {
                    @Override
                    public void onTabChange(int position, String name) {
                    }
                });
    }
}

 

 以上就是 直播平台开发,使用BottomTabBar实现底部导航页,更多内容欢迎关注之后的文章