Android--------使用BottomTabBar实现底部导航页

布满荆棘的人生 2023-10-17 22:38 32阅读 0赞

##  ##

#### 注：详细见链接 ####

#### http://www.jianshu.com/p/ade8485a16be ####

### 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) {
    
                        }
                    });
    
        }
    }

![Center][]

[Center]: https://img-blog.csdn.net/20170802105037420?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvbGVlaGJocw==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center