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

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

1.导依赖

 

1	<br>compile 'com.hjm:BottomTabBar:1.1.1'<br>

​

2.在XML中定义一下该控件

 

1	<br><com.hjm.bottomtabbar.BottomTabBar<br>    android:id="@+id/bottom_tab_bar"<br>    android:layout_width="match_parent"<br>    android:layout_height="match_parent"<br>    ><br></com.hjm.bottomtabbar.BottomTabBar>

 

3.定义每个Fragment,这里列举一个

  

1

<br>public class OneFragment extends Fragment{<br>    @Nullable<br>    @Override<br>    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {<br>        View view = inflater.inflate(R.layout.fragment1, container, false);<br>        return view;<br>    }<br>}

 

4.MainActivity中

  

1

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

 

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