Bottobar 实现分类页面

最新推荐文章于 2023-11-07 17:03:43 发布

原创最新推荐文章于 2023-11-07 17:03:43 发布 · 349 阅读

CC 4.0 BY-SA版权

本文介绍了一个自定义BottomTabBar组件的实现方法，包括XML布局定义与Java代码配置过程。通过设置各项属性如图片尺寸、字体大小、选中颜色等，并添加四个Tab项，每个Tab项关联不同的Fragment。

//布局

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    >
    <com.hjm.bottomtabbar.BottomTabBar
        android:id="@+id/bottom_tab_bar"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        >
    </com.hjm.bottomtabbar.BottomTabBar>
</LinearLayout>

//方法

  private BottomTabBar mb;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_shop);
        mb=(BottomTabBar)findViewById(R.id.bottom_tab_bar);

        mb.init(getSupportFragmentManager())
                .setImgSize(100,100)
                .setFontSize(0)
                .setTabPadding(4,6,10)
                .setChangeColor(Color.RED,Color.DKGRAY)
                .addTabItem("",R.drawable.ac0, Fragment01.class)
                .addTabItem("",R.drawable.abw, Fragment02.class)
                .addTabItem("",R.drawable.abu, Fragment03.class)
                .addTabItem("",R.drawable.ac2, Fragment04.class)
                .isShowDivider(false)
                .setOnTabChangeListener(new BottomTabBar.OnTabChangeListener() {
                    @Override
                    public void onTabChange(int position, String name) {

                    }
                });

    }
}