Android底部菜单（Fragment控制切换多个页面）
16lz
2021-01-26
第一次写博客，希望对大家有所帮助
关于Android底部菜单、侧滑菜单现在用的都比较多，我有时间会给大家多整理这类似的资料，希望能够帮助有需要的人！
首先讲一下思路，就是在主页面里面用一个线性布局把所有的类容都包住，然后分为上下两个部分，上面是FrameLayout，用来存放不同的Fragment，下面是一个线性布局，线性布局里面有多个小的线性布局，这些小的线性布局就是所谓的“菜单”，点击不同的“菜单”，上面切换不同的Fragment进行显示。
好了，下面直接附上代码
首先是菜单栏include_main.xml
<?xml version="1.0" encoding="utf-8"?> 这里用到的图片（ @drawable/home）大家随便找一张代替就可以了，主要是看一下效果就好！
有了菜单栏之后便是我们需要的几个Fragment了，因为一个菜单对应了便是一个Fragment，所以你写一个菜单选项就需要几个Fragment了！名字可以随便取，我取的名字分别是：FirstFrament、TwoFrament、ThreeFrament、FourFrament、FiveFrament；就是五个Fragment而已，自己写的时候区别一下就好了，好吧，还是上源码。
public class FirstFrament extends Fragment{ @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { return inflater.inflate(R.layout.frament_first,null); } @Override public void onViewCreated(View view, Bundle savedInstanceState) { super.onViewCreated(view, savedInstanceState); }}public class TwoFrament extends Fragment{ @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { return inflater.inflate(R.layout.frament_two,null); }}public class ThreeFrament extends Fragment{ @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { return inflater.inflate(R.layout.frament_three,null); }}public class FourFrament extends Fragment{ @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { return inflater.inflate(R.layout.frament_four,null); }}public class FiveFrament extends Fragment{ @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { return inflater.inflate(R.layout.frament_five,null); }}frament_first、frament_two、frament_three、frament_four、frament_five,布局文件就不贴出来了，自己想怎么写都行，里面有一点区别方便自己区分确实是切换了页面就行了。
然后这些辅助行了页面和类写好了之后，便是我们的首页的布局文件和Action了； 主页的布局文件是：activity_main
<?xml version="1.0" encoding="utf-8"?> compile 'com.jakewharton:butterknife:6.1.0'
之后的。大家也可以自己手动findViewById进行导入！ public class MainActivity extends BaseActivity { @InjectView(R.id.include_main_first_image) ImageView includeMainFirstImage; @InjectView(R.id.include_main_first_text) TextView includeMainFirstText; @InjectView(R.id.include_main_first_linear) LinearLayout includeMainFirstLinear; @InjectView(R.id.include_main_two_image) ImageView includeMainTwoImage; @InjectView(R.id.include_main_two_text) TextView includeMainTwoText; @InjectView(R.id.include_main_two_linear) LinearLayout includeMainTwoLinear; @InjectView(R.id.include_main_three_image) ImageView includeMainThreeImage; @InjectView(R.id.include_main_three_text) TextView includeMainThreeText; @InjectView(R.id.include_main_three_linear) LinearLayout includeMainThreeLinear; @InjectView(R.id.include_main_four_image) ImageView includeMainFourImage; @InjectView(R.id.include_main_four_text) TextView includeMainFourText; @InjectView(R.id.include_main_four_linear) LinearLayout includeMainFourLinear; @InjectView(R.id.include_main_five_image) ImageView includeMainFiveImage; @InjectView(R.id.include_main_five_text) TextView includeMainFiveText; @InjectView(R.id.include_main_five_linear) LinearLayout includeMainFiveLinear; public FirstFrament firstFrament = new FirstFrament(); public TwoFrament twoFrament = new TwoFrament(); public ThreeFrament threeFrament = new ThreeFrament(); public FourFrament fourFrament = new FourFrament(); public FiveFrament fiveFrament = new FiveFrament(); public Fragment fragment; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); ButterKnife.inject(this); if (savedInstanceState == null) { getFragmentManager().beginTransaction().add(R.id.main_frame, firstFrament).show(firstFrament).commit(); fragment = firstFrament; } /** * 菜单栏的点击事件 * * @param v */ public void onMainClick(View v) { switch (v.getId()) { case R.id.include_main_first_linear: if (fragment != firstFrament) { if (firstFrament.isAdded()) { getFragmentManager().beginTransaction().show(firstFrament).hide(fragment).commit(); } else { getFragmentManager().beginTransaction().add(R.id.main_frame, firstFrament).show(firstFrament).hide(fragment).commit(); } fragment = firstFrament; } break; case R.id.include_main_two_linear: if (fragment != twoFrament) { if (twoFrament.isAdded()) { getFragmentManager().beginTransaction().show(twoFrament).hide(fragment).commit(); } else { getFragmentManager().beginTransaction().add(R.id.main_frame, twoFrament).show(twoFrament).hide(fragment).commit(); } fragment = twoFrament; } break; case R.id.include_main_three_linear: if (fragment != threeFrament) { if (threeFrament.isAdded()) { getFragmentManager().beginTransaction().show(threeFrament).hide(fragment).commit(); } else { getFragmentManager().beginTransaction().add(R.id.main_frame, threeFrament).show(threeFrament).hide(fragment).commit(); } fragment = threeFrament; } break; case R.id.include_main_four_linear: if (fragment != fourFrament) { if (fourFrament.isAdded()) { getFragmentManager().beginTransaction().show(fourFrament).hide(fragment).commit(); } else { getFragmentManager().beginTransaction().add(R.id.main_frame, fourFrament).show(fourFrament).hide(fragment).commit(); } fragment = fourFrament; } break; case R.id.include_main_five_linear: if (fragment != fiveFrament) { if (fiveFrament.isAdded()) { getFragmentManager().beginTransaction().show(fiveFrament).hide(fragment).commit(); } else { getFragmentManager().beginTransaction().add(R.id.main_frame, fiveFrament).show(fiveFrament).hide(fragment).commit(); } fragment = fiveFrament; } break; } }}更多相关文章
- android 实战练习 回归手机卫士 一 主界面布局
- 打造一体式广告轮播条升级版
- 【Android】利用表格布局，Android中xml文件与java的交互制作登录
- android中的代码布局
- android 初学之XML小技巧小结---自适应各种分辨率屏幕
- Android的ViewStub、include、merge使用与源码分析
- Android(安卓)过度渲染及优化方法--3D效果（JakeWharton大神的scal
- Android(安卓)的不同尺寸图片和布局（手机）
- Android实现仿淘宝购物车增加和减少商品数量功能demo示例