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

40. private LinearLayout mTabBtnSettings;

41. @Override

42. protected void onCreate(Bundle savedInstanceState)

43. {

44. super.onCreate(savedInstanceState);

45. setContentView(R.layout.activity_main);

46. mInflater = LayoutInflater.from(this);

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

48. /**

49. * 初始化View

50. */

51. initView();

52. mViewPager.setAdapter(mAdapter);

53. mViewPager.setOnPageChangeListener(new OnPageChangeListener()

54. {

55. @Override

56. public void onPageSelected(int position)

57. {

58. resetTabBtn();

59. switch (position)

60. {

61. case 0:

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

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

64. break;

65. case 1:

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

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

68. break;

69. case 2:

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

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

72. break;

73. case 3:

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

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

76. break;

77. }

78. currentIndex = position;

79. }

80. @Override

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

82. {

83. }

84. @Override

85. public void onPageScrollStateChanged(int arg0)

86. {

87. }

88. });

89. }

90. protected void resetTabBtn()

91. {

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

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

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

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

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

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

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

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

100. }

101. private void initView()

102. {

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

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

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

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

107. mViews = new ArrayList();

108. View first = mInflater.inflate(R.layout.main_tab_01, null);

109. View second = mInflater.inflate(R.layout.main_tab_02, null);

110. View third = mInflater.inflate(R.layout.main_tab_03, null);

111. View fourth = mInflater.inflate(R.layout.main_tab_04, null);

112. mViews.add(first);

113. mViews.add(second);

114. mViews.add(third);

115. mViews.add(fourth);

116. mAdapter = new PagerAdapter()

117. {

118. @Override

119. public void destroyItem(ViewGroup container, int position, Object object)

120. {

121. container.removeView(mViews.get(position));

122. }

123. @Override

124. public Object instantiateItem(ViewGroup container, int position)

125. {

126. View view = mViews.get(position);

127. container.addView(view);

128. return view;

129. }

130. @Override

131. public boolean isViewFromObject(View arg0, Object arg1)

132. {

133. return arg0 == arg1;

134. }

135. @Override

136. public int getCount()

137. {

138. return mViews.size();

139. }

140. };

141. }

142. }

评价：所有的代码都集中在一个Activity中，显得代码比较乱。

2、FragmentManager+Fragment实现

主要利用了Fragment在主内容界面对Fragment的add,hide等事务操作。

效果图：

代码：

主Activity

[java]  view plain  copy

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. }

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

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

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

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

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

如果你觉得这些内容对你有帮助，可以添加V获取：vip204888 （备注Android）

最后，如果大伙有什么好的学习方法或建议欢迎大家在评论中积极留言哈，希望大家能够共同学习、共同努力、共同进步。

小编在这里祝小伙伴们在未来的日子里都可以 升职加薪，当上总经理，出任CEO，迎娶白富美，走上人生巅峰！！

不论遇到什么困难，都不应该成为我们放弃的理由！

很多人在刚接触这个行业的时候或者是在遇到瓶颈期的时候，总会遇到一些问题，比如学了一段时间感觉没有方向感，不知道该从那里入手去学习

如果你看到了这里，觉得文章写得不错就给个赞呗？如果你觉得那里值得改进的，请给我留言，一定会认真查询，修正不足，谢谢。

Eq-1711865336863)]
[外链图片转存中…(img-vqppJF4G-1711865336863)]
[外链图片转存中…(img-pyf0wCrM-1711865336864)]

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

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

如果你觉得这些内容对你有帮助，可以添加V获取：vip204888 （备注Android）
[外链图片转存中…(img-PBWah9EK-1711865336864)]

最后，如果大伙有什么好的学习方法或建议欢迎大家在评论中积极留言哈，希望大家能够共同学习、共同努力、共同进步。

小编在这里祝小伙伴们在未来的日子里都可以 升职加薪，当上总经理，出任CEO，迎娶白富美，走上人生巅峰！！

不论遇到什么困难，都不应该成为我们放弃的理由！

很多人在刚接触这个行业的时候或者是在遇到瓶颈期的时候，总会遇到一些问题，比如学了一段时间感觉没有方向感，不知道该从那里入手去学习

如果你看到了这里，觉得文章写得不错就给个赞呗？如果你觉得那里值得改进的，请给我留言，一定会认真查询，修正不足，谢谢。

本文已被CODING开源项目：《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》收录