使用BottomTabBar+Fragment实现底部导航页

来源:互联网 发布:it helpdesk 工作内容 编辑:程序博客网 时间:2024/05/19 04:54

  注:详细见链接

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

1、导入依赖

   compile 'com.hjm:BottomTabBar:1.1.1'
2、在XML中定义控件

     <com.hjm.bottomtabbar.BottomTabBar         android:id="@+id/fragment"         android:layout_width="match_parent"         android:layout_height="match_parent">     </com.hjm.bottomtabbar.BottomTabBar>
3、定义每一个Fragment这里只列举一个
   public class FragmentFour extends Fragment {       @Nullable       @Override       public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {           View view = View.inflate(getActivity(),R.layout.fragmentfour,null);           return view;         }   }
4、MainActivity中的设置

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




原创粉丝点击