博客
关于我
Android中使用ViewPager和Fragment实现底部导航栏
阅读量:377 次
发布时间:2019-03-04

本文共 4574 字,大约阅读时间需要 15 分钟。

1、最终效果展示

附:中间部分可以左右滑动在这里插入图片描述

2、核心类和布局

(1)activity_main主页面布局

(2)底部导航栏部分bottom布局

(3)MainActivity.java

/** * 使用FragmentActivity,它是基于Fragment实现的活动类 */public class MainActivity extends FragmentActivity implements View.OnClickListener {    //声明ViewPager    private ViewPager mViewPager;    //适配器    private FragmentPagerAdapter mAdapter;    //装载Fragment的集合    private List
mFragments; //三个Tab对应的布局 private LinearLayout mTab1,mTab2,mTab3; //三个Tab对应的ImageButton private ImageButton mImg1,mImg2,mImg3; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); requestWindowFeature(Window.FEATURE_NO_TITLE); setContentView(R.layout.activity_main); initViews();//初始化控件 selectTab(0);//初始页面为主页面 initEvents();//初始化事件 initDatas();//初始化数据 } //初始化控件 private void initViews(){ mViewPager = (ViewPager) findViewById(R.id.id_viewpager); mTab1 = (LinearLayout) findViewById(R.id.id_tab1); mTab2 = (LinearLayout) findViewById(R.id.id_tab2); mTab3 = (LinearLayout) findViewById(R.id.id_tab3); mImg1 = (ImageButton) findViewById(R.id.id_tab_img1); mImg2 = (ImageButton) findViewById(R.id.id_tab_img2); mImg3 = (ImageButton) findViewById(R.id.id_tab_img3); } private void initEvents(){ //设置三个Tab的点击事件 mTab1.setOnClickListener(this); mTab2.setOnClickListener(this); mTab3.setOnClickListener(this); } private void initDatas(){ mFragments=new ArrayList<>(); //将三个Fragment加入集合中 mFragments.add(new HomeFragment()); mFragments.add(new RecommendFragment()); mFragments.add(new MineFragment()); //初始化适配器 mAdapter=new FragmentPagerAdapter(getSupportFragmentManager()) { @Override public Fragment getItem(int position) { return mFragments.get(position); } @Override public int getCount() { return mFragments.size(); } }; //设置ViewPager的适配器 mViewPager.setAdapter(mAdapter); //设置ViewPager的切换监听 mViewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() { //页面滚动事件 @Override public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) { } //页面选中事件 @Override public void onPageSelected(int position) { //设置position对应的集合中的fragment mViewPager.setCurrentItem(position); resetImgs(); selectTab(position); } //页面滚动状态改变事件 @Override public void onPageScrollStateChanged(int state) { } }); } @Override public void onClick(View view) { //先将三个ImageButton置为灰色 resetImgs(); switch (view.getId()){ case R.id.id_tab1: selectTab(0); break; case R.id.id_tab2: selectTab(1); break; case R.id.id_tab3: selectTab(2); break; } } //将三个ImageButton设置为灰色 private void resetImgs() { mImg1.setImageResource(R.drawable.icon1); mImg2.setImageResource(R.drawable.icon2); mImg3.setImageResource(R.drawable.icon3); } private void selectTab(int i) { //根据点击的Tab设置对应的ImageButton为选中的颜色 switch (i) { case 0: mImg1.setImageResource(R.drawable.icon1_selected); break; case 1: mImg2.setImageResource(R.drawable.icon2_selected); break; case 2: mImg3.setImageResource(R.drawable.icon3_selected); break; } //设置当前点击的Tab所对应的页面 mViewPager.setCurrentItem(i); }}

3、三个fragment,都一样

(1)新建三个blank fragment,我自己的是HomeFragment,RecommendFragment,MineFragment

/** * 首页HomeFragment */public class HomeFragment extends Fragment {    @Override    public View onCreateView(LayoutInflater inflater, ViewGroup container,                             Bundle savedInstanceState) {        return inflater.inflate(R.layout.fragment_home, container, false);    }}

(2)三个fragment的布局文件也都一样

附:在此之前也试过另一种办法,可参考:

https://blog.csdn.net/guolin_blog/article/details/13171191

你可能感兴趣的文章
MySQL中的DB、DBMS、SQL
查看>>
MySQL中的DECIMAL类型:MYSQL_TYPE_DECIMAL与MYSQL_TYPE_NEWDECIMAL详解
查看>>
MySQL中的GROUP_CONCAT()函数详解与实战应用
查看>>
MySQL中的IO问题分析与优化
查看>>
MySQL中的ON DUPLICATE KEY UPDATE详解与应用
查看>>
mysql中的rbs,SharePoint RBS:即使启用了RBS,内容数据库也在不断增长
查看>>
mysql中的undo log、redo log 、binlog大致概要
查看>>
Mysql中的using
查看>>
MySQL中的关键字深入比较:UNION vs UNION ALL
查看>>
mysql中的四大运算符种类汇总20多项,用了三天三夜来整理的,还不赶快收藏
查看>>
mysql中的字段如何选择合适的数据类型呢?
查看>>
MySQL中的字符集陷阱:为何避免使用UTF-8
查看>>
mysql中的数据导入与导出
查看>>
MySQL中的时间函数
查看>>
mysql中的约束
查看>>
MySQL中的表是什么?
查看>>
mysql中穿件函数时候delimiter的用法
查看>>
Mysql中索引的分类、增删改查与存储引擎对应关系
查看>>
Mysql中索引的最左前缀原则图文剖析(全)
查看>>
MySql中给视图添加注释怎么添加_默认不支持_可以这样取巧---MySql工作笔记002
查看>>