Android项目Tab类型主界面大总结 Fragment+TabPageIndicator+ViewPager

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传 外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  1. package com.example.mainframework02.fragment;

  2. import android.annotation.SuppressLint;

  3. import android.app.Activity;

  4. import android.app.FragmentManager;

  5. import android.app.FragmentTransaction;

  6. import android.os.Bundle;

  7. import android.view.View;

  8. import android.view.View.OnClickListener;

  9. import android.widget.ImageButton;

  10. import android.widget.LinearLayout;

  11. import com.example.mainframework02.R;

  12. public class FragmentMainActivity extends Activity implements OnClickListener

  13. {

  14. private MainTab02 mTab02;

  15. private MainTab01 mTab01;

  16. private MainTab03 mTab03;

  17. private MainTab04 mTab04;

  18. /**

  19. * 底部四个按钮

  20. */

  21. private LinearLayout mTabBtnWeixin;

  22. private LinearLayout mTabBtnFrd;

  23. private LinearLayout mTabBtnAddress;

  24. private LinearLayout mTabBtnSettings;

  25. /**

  26. * 用于对Fragment进行管理

  27. */

  28. private FragmentManager fragmentManager;

  29. @SuppressLint(“NewApi”)

  30. @Override

  31. protected void onCreate(Bundle savedInstanceState)

  32. {

  33. super.onCreate(savedInstanceState);

  34. setContentView(R.layout.fragment_main);

  35. initViews();

  36. fragmentManager = getFragmentManager();

  37. setTabSelection(0);

  38. }

  39. private void initViews()

  40. {

  41. mTabBtnWeixin = (LinearLayout) findViewById(R.id.id_tab_bottom_weixin);

  42. mTabBtnFrd = (LinearLayout) findViewById(R.id.id_tab_bottom_friend);

  43. mTabBtnAddress = (LinearLayout) findViewById(R.id.id_tab_bottom_contact);

  44. mTabBtnSettings = (LinearLayout) findViewById(R.id.id_tab_bottom_setting);

  45. mTabBtnWeixin.setOnClickListener(this);

  46. mTabBtnFrd.setOnClickListener(this);

  47. mTabBtnAddress.setOnClickListener(this);

  48. mTabBtnSettings.setOnClickListener(this);

  49. }

  50. @Override

  51. public void onClick(View v)

  52. {

  53. switch (v.getId())

  54. {

  55. case R.id.id_tab_bottom_weixin:

  56. setTabSelection(0);

  57. break;

  58. case R.id.id_tab_bottom_friend:

  59. setTabSelection(1);

  60. break;

  61. case R.id.id_tab_bottom_contact:

  62. setTabSelection(2);

  63. break;

  64. case R.id.id_tab_bottom_setting:

  65. setTabSelection(3);

  66. break;

  67. default:

  68. break;

  69. }

  70. }

  71. /**

  72. * 根据传入的index参数来设置选中的tab页。

  73. *

  74. */

  75. @SuppressLint(“NewApi”)

  76. private void setTabSelection(int index)

  77. {

  78. // 重置按钮

  79. resetBtn();

  80. // 开启一个Fragment事务

  81. FragmentTransaction transaction = fragmentManager.beginTransaction();

  82. // 先隐藏掉所有的Fragment,以防止有多个Fragment显示在界面上的情况

  83. hideFragments(transaction);

  84. switch (index)

  85. {

  86. case 0:

  87. // 当点击了消息tab时,改变控件的图片和文字颜色

  88. ((ImageButton) mTabBtnWeixin.findViewById(R.id.btn_tab_bottom_weixin))

  89. .setImageResource(R.drawable.tab_weixin_pressed);

  90. if (mTab01 == null)

  91. {

  92. // 如果MessageFragment为空,则创建一个并添加到界面上

  93. mTab01 = new MainTab01();

  94. transaction.add(R.id.id_content, mTab01);

  95. } else

  96. {

  97. // 如果MessageFragment不为空,则直接将它显示出来

  98. transaction.show(mTab01);

  99. }

  100. break;

  101. case 1:

  102. // 当点击了消息tab时,改变控件的图片和文字颜色

  103. ((ImageButton) mTabBtnFrd.findViewById(R.id.btn_tab_bottom_friend))

  104. .setImageResource(R.drawable.tab_find_frd_pressed);

  105. if (mTab02 == null)

  106. {

  107. // 如果MessageFragment为空,则创建一个并添加到界面上

  108. mTab02 = new MainTab02();

  109. transaction.add(R.id.id_content, mTab02);

  110. } else

  111. {

  112. // 如果MessageFragment不为空,则直接将它显示出来

  113. transaction.show(mTab02);

  114. }

  115. break;

  116. case 2:

  117. // 当点击了动态tab时,改变控件的图片和文字颜色

  118. ((ImageButton) mTabBtnAddress.findViewById(R.id.btn_tab_bottom_contact))

  119. .setImageResource(R.drawable.tab_address_pressed);

  120. if (mTab03 == null)

  121. {

  122. // 如果NewsFragment为空,则创建一个并添加到界面上

  123. mTab03 = new MainTab03();

  124. transaction.add(R.id.id_content, mTab03);

  125. } else

  126. {

  127. // 如果NewsFragment不为空,则直接将它显示出来

  128. transaction.show(mTab03);

  129. }

  130. break;

  131. case 3:

  132. // 当点击了设置tab时,改变控件的图片和文字颜色

  133. ((ImageButton) mTabBtnSettings.findViewById(R.id.btn_tab_bottom_setting))

  134. .setImageResource(R.drawable.tab_settings_pressed);

  135. if (mTab04 == null)

  136. {

  137. // 如果SettingFragment为空,则创建一个并添加到界面上

  138. mTab04 = new MainTab04();

  139. transaction.add(R.id.id_content, mTab04);

  140. } else

  141. {

  142. // 如果SettingFragment不为空,则直接将它显示出来

  143. transaction.show(mTab04);

  144. }

  145. break;

  146. }

  147. transaction.commit();

  148. }

  149. /**

  150. * 清除掉所有的选中状态。

  151. */

  152. private void resetBtn()

  153. {

  154. ((ImageButton) mTabBtnWeixin.findViewById(R.id.btn_tab_bottom_weixin))

  155. .setImageResource(R.drawable.tab_weixin_normal);

  156. ((ImageButton) mTabBtnFrd.findViewById(R.id.btn_tab_bottom_friend))

  157. .setImageResource(R.drawable.tab_find_frd_normal);

  158. ((ImageButton) mTabBtnAddress.findViewById(R.id.btn_tab_bottom_contact))

  159. .setImageResource(R.drawable.tab_address_normal);

  160. ((ImageButton) mTabBtnSettings.findViewById(R.id.btn_tab_bottom_setting))

  161. .setImageResource(R.drawable.tab_settings_normal);

  162. }

  163. /**

  164. * 将所有的Fragment都置为隐藏状态。

  165. *

  166. * @param transaction

  167. *            用于对Fragment执行操作的事务

  168. */

  169. @SuppressLint(“NewApi”)

  170. private void hideFragments(FragmentTransaction transaction)

  171. {

  172. if (mTab01 != null)

  173. {

  174. transaction.hide(mTab01);

  175. }

  176. if (mTab02 != null)

  177. {

  178. transaction.hide(mTab02);

  179. }

  180. if (mTab03 != null)

  181. {

  182. transaction.hide(mTab03);

  183. }

  184. if (mTab04 != null)

  185. {

  186. transaction.hide(mTab04);

  187. }

  188. }

  189. }

各个TabFragment,一共四个TabFragment,下面贴出两个,基本都一样。

[java]  view plain  copy

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传 外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  1. package com.example.mainframework02.fragment;

  2. import android.annotation.SuppressLint;

  3. import android.app.Fragment;

  4. import android.os.Bundle;

  5. import android.view.LayoutInflater;

  6. import android.view.View;

  7. import android.view.ViewGroup;

  8. @SuppressLint(“NewApi”)

  9. public class MainTab01 extends Fragment

  10. {

  11. @Override

  12. public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState)

  13. {

  14. return inflater.inflate(com.example.mainframework02.R.layout.main_tab_01, container, false);

  15. }

  16. }

[java]  view plain  copy

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传 外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  1. package com.example.mainframework02.fragment;

  2. import android.annotation.SuppressLint;

  3. import android.app.Fragment;

  4. import android.os.Bundle;

  5. import android.view.LayoutInflater;

  6. import android.view.View;

  7. import android.view.ViewGroup;

  8. import com.example.mainframework02.R;

  9. @SuppressLint(“NewApi”)

  10. public class MainTab02 extends Fragment

  11. {

  12. public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState)

  13. {

  14. return inflater.inflate(R.layout.main_tab_02, container, false);

  15. }

  16. }

评价:每个Fragment中的控件的处理,都是独立到各自的类中,相对来说主Activity简化了不少,可惜没有左右滑动的效果了。

3、ViewPager+Fragment实现

主要通过ViewPager和FragmentPagerAdapter一起来实现。

效果图:

代码:

主Activity

[java]  view plain  copy

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传 外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  1. package com.example.mainframework03;

  2. import java.util.ArrayList;

  3. import java.util.List;

  4. import android.os.Bundle;

  5. import android.support.v4.app.Fragment;

  6. import android.support.v4.app.FragmentActivity;

  7. import android.support.v4.app.FragmentPagerAdapter;

  8. import android.support.v4.view.ViewPager;

  9. import android.support.v4.view.ViewPager.OnPageChangeListener;

  10. import android.widget.ImageButton;

  11. import android.widget.LinearLayout;

  12. public class MainActivity extends FragmentActivity

  13. {

  14. private ViewPager mViewPager;

  15. private FragmentPagerAdapter mAdapter;

  16. private List mFragments = new ArrayList();

  17. /**

  18. * 底部四个按钮

  19. */

  20. private LinearLayout mTabBtnWeixin;

  21. private LinearLayout mTabBtnFrd;

  22. private LinearLayout mTabBtnAddress;

  23. private LinearLayout mTabBtnSettings;

  24. @Override

  25. protected void onCreate(Bundle savedInstanceState)

  26. {

  27. super.onCreate(savedInstanceState);

  28. setContentView(R.layout.activity_main);

  29. mViewPager = (ViewPager) findViewById(R.id.id_viewpager);

  30. initView();

  31. mAdapter = new FragmentPagerAdapter(getSupportFragmentManager())

  32. {

  33. @Override

  34. public int getCount()

  35. {

  36. return mFragments.size();

  37. }

  38. @Override

  39. public Fragment getItem(int arg0)

  40. {

  41. return mFragments.get(arg0);

  42. }

  43. };

  44. mViewPager.setAdapter(mAdapter);

  45. mViewPager.setOnPageChangeListener(new OnPageChangeListener()

  46. {

  47. private int currentIndex;

  48. @Override

  49. public void onPageSelected(int position)

  50. {

  51. resetTabBtn();

  52. switch (position)

  53. {

  54. case 0:

  55. ((ImageButton) mTabBtnWeixin.findViewById(R.id.btn_tab_bottom_weixin))

  56. .setImageResource(R.drawable.tab_weixin_pressed);

  57. break;

  58. case 1:

  59. ((ImageButton) mTabBtnFrd.findViewById(R.id.btn_tab_bottom_friend))

  60. .setImageResource(R.drawable.tab_find_frd_pressed);

  61. break;

  62. case 2:

  63. ((ImageButton) mTabBtnAddress.findViewById(R.id.btn_tab_bottom_contact))

  64. .setImageResource(R.drawable.tab_address_pressed);

  65. break;

  66. case 3:

  67. ((ImageButton) mTabBtnSettings.findViewById(R.id.btn_tab_bottom_setting))

  68. .setImageResource(R.drawable.tab_settings_pressed);

  69. break;

  70. }

  71. currentIndex = position;

  72. }

  73. @Override

  74. public void onPageScrolled(int arg0, float arg1, int arg2)

  75. {

  76. }

  77. @Override

  78. public void onPageScrollStateChanged(int arg0)

  79. {

  80. }

  81. });

  82. }

  83. protected void resetTabBtn()

  84. {

  85. ((ImageButton) mTabBtnWeixin.findViewById(R.id.btn_tab_bottom_weixin))

  86. .setImageResource(R.drawable.tab_weixin_normal);

  87. ((ImageButton) mTabBtnFrd.findViewById(R.id.btn_tab_bottom_friend))

  88. .setImageResource(R.drawable.tab_find_frd_normal);

  89. ((ImageButton) mTabBtnAddress.findViewById(R.id.btn_tab_bottom_contact))

  90. .setImageResource(R.drawable.tab_address_normal);

  91. ((ImageButton) mTabBtnSettings.findViewById(R.id.btn_tab_bottom_setting))

  92. .setImageResource(R.drawable.tab_settings_normal);

  93. }

  94. private void initView()

  95. {

  96. mTabBtnWeixin = (LinearLayout) findViewById(R.id.id_tab_bottom_weixin);

  97. mTabBtnFrd = (LinearLayout) findViewById(R.id.id_tab_bottom_friend);

  98. mTabBtnAddress = (LinearLayout) findViewById(R.id.id_tab_bottom_contact);

  99. mTabBtnSettings = (LinearLayout) findViewById(R.id.id_tab_bottom_setting);

  100. MainTab01 tab01 = new MainTab01();

  101. MainTab02 tab02 = new MainTab02();

  102. MainTab03 tab03 = new MainTab03();

  103. MainTab04 tab04 = new MainTab04();

  104. mFragments.add(tab01);

  105. mFragments.add(tab02);

  106. mFragments.add(tab03);

  107. mFragments.add(tab04);

  108. }

  109. }

还有4个TabFragment,下面贴一个,四个基本一样

[java]  view plain  copy

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传 外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  1. package com.example.mainframework03;

  2. import android.os.Bundle;

  3. import android.support.v4.app.Fragment;

  4. import android.view.LayoutInflater;

  5. import android.view.View;

  6. import android.view.ViewGroup;

  7. public class MainTab01 extends Fragment

  8. {

  9. @Override

  10. public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState)

  11. {

  12. return  inflater.inflate(R.layout.main_tab_01, container, false);

  13. }

  14. }

评价:实现效果和第一种效果一模一样,每个Fragment独自处理自己内部的逻辑,代码整洁很多,并且支持左右滑动。感觉是第一种和第二种的结合版本。

4、TabPageIndicator+ViewPager+FragmentPagerAdapter

实现方式和3是一致的,但是使用了TabPageIndicator作为tab的指示器,效果还是不错的,这个之前写过,就不再贴代码了。

效果图:

参考:Android 使用Fragment,ViewPagerIndicator 制作csdn app主要框架

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则近万的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Android移动开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

img

img

img

img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:Android)

最后

简历首选内推方式,速度快,效率高啊!然后可以在拉钩,boss,脉脉,大街上看看。简历上写道熟悉什么技术就一定要去熟悉它,不然被问到不会很尴尬!做过什么项目,即使项目体量不大,但也一定要熟悉实现原理!不是你负责的部分,也可以看看同事是怎么实现的,换你来做你会怎么做?做过什么,会什么是广度问题,取决于项目内容。但做过什么,达到怎样一个境界,这是深度问题,和个人学习能力和解决问题的态度有关了。大公司看深度,小公司看广度。大公司面试你会的,小公司面试他们用到的你会不会,也就是岗位匹配度。

选定你想去的几家公司后,先去一些小的公司练练,学习下面试技巧,总结下,也算是熟悉下面试氛围,平时和同事或者产品PK时可以讲得头头是道,思路清晰至极,到了现场真的不一样,怎么描述你所做的一切,这绝对是个学术性问题!

面试过程一定要有礼貌!即使你觉得面试官不尊重你,经常打断你的讲解,或者你觉得他不如你,问的问题缺乏专业水平,你也一定要尊重他,谁叫现在是他选择你,等你拿到offer后就是你选择他了。

金九银十面试季,跳槽季,整理面试题已经成了我多年的习惯!在这里我和身边一些朋友特意整理了一份快速进阶为Android高级工程师的系统且全面的学习资料。涵盖了Android初级——Android高级架构师进阶必备的一些学习技能。

附上:我们之前因为秋招收集的二十套一二线互联网公司Android面试真题(含BAT、小米、华为、美团、滴滴)和我自己整理Android复习笔记(包含Android基础知识点、Android扩展知识点、Android源码解析、设计模式汇总、Gradle知识点、常见算法题汇总。)

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取!

最后

简历首选内推方式,速度快,效率高啊!然后可以在拉钩,boss,脉脉,大街上看看。简历上写道熟悉什么技术就一定要去熟悉它,不然被问到不会很尴尬!做过什么项目,即使项目体量不大,但也一定要熟悉实现原理!不是你负责的部分,也可以看看同事是怎么实现的,换你来做你会怎么做?做过什么,会什么是广度问题,取决于项目内容。但做过什么,达到怎样一个境界,这是深度问题,和个人学习能力和解决问题的态度有关了。大公司看深度,小公司看广度。大公司面试你会的,小公司面试他们用到的你会不会,也就是岗位匹配度。

选定你想去的几家公司后,先去一些小的公司练练,学习下面试技巧,总结下,也算是熟悉下面试氛围,平时和同事或者产品PK时可以讲得头头是道,思路清晰至极,到了现场真的不一样,怎么描述你所做的一切,这绝对是个学术性问题!

面试过程一定要有礼貌!即使你觉得面试官不尊重你,经常打断你的讲解,或者你觉得他不如你,问的问题缺乏专业水平,你也一定要尊重他,谁叫现在是他选择你,等你拿到offer后就是你选择他了。

金九银十面试季,跳槽季,整理面试题已经成了我多年的习惯!在这里我和身边一些朋友特意整理了一份快速进阶为Android高级工程师的系统且全面的学习资料。涵盖了Android初级——Android高级架构师进阶必备的一些学习技能。

附上:我们之前因为秋招收集的二十套一二线互联网公司Android面试真题(含BAT、小米、华为、美团、滴滴)和我自己整理Android复习笔记(包含Android基础知识点、Android扩展知识点、Android源码解析、设计模式汇总、Gradle知识点、常见算法题汇总。)

[外链图片转存中…(img-CZCAwjx3-1713290010975)]

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值