android真实项目教程（四）——MY APP MY STYLE_by_CJJ

大家下午好。。。如果在学校，到时间吃晚饭了。。。。隔了好久才重新敲代码。。。又落后那么多了，要更加努力学习了。。。。今天下午写了下app的第四部分。。。 这里给下之前三部分的地址，因为如果第一次看，，，可能会莫名其妙。。。可能把，，，或许是我想多了：
android真实项目教程(一)——App应用框架搭建_by_CJJ http://www.apkbus.com/forum.php?mod=viewthread&tid=166151
android真实项目教程（二）——漫画App初构_by_CJJ http://www.apkbus.com/forum.php?mod=viewthread&tid=166262
android真实项目教程(三)——首页初点缀_by_CJJ http://www.apkbus.com/forum.php?mod=viewthread&tid=166630

android真实项目教程（四）——MY APP MY STYLE_by_CJJ http://www.apkbus.com/forum.php?mod=viewthread&tid=167676
android真实项目教程（五）——有时三点两点雨_by_CJJ http://www.apkbus.com/forum.php?mod=viewthread&tid=168422

第四部分完成了首页的界面设计及分类加入旋转木马作为选择分类的选项，看下效果图把：





主要代码：

1. package com.cjj.shopapp.fragment;
   
2. 
   
3. import java.util.ArrayList;
   
4. import java.util.List;
   
5. 
   
6. import android.graphics.Color;
   
7. import android.graphics.drawable.ColorDrawable;
   
8. import android.os.Bundle;
   
9. import android.support.v4.app.Fragment;
   
10. import android.support.v4.view.ViewPager;
    
11. import android.util.Log;
    
12. import android.view.LayoutInflater;
    
13. import android.view.View;
    
14. import android.view.ViewGroup;
    
15. import android.widget.GridView;
    
16. import android.widget.ImageView;
    
17. import android.widget.LinearLayout;
    
18. import android.widget.TextView;
    
19. 
    
20. import com.cjj.shopapp.activity.R;
    
21. import com.cjj.shopapp.adapter.CategoryAdapter;
    
22. import com.cjj.shopapp.adapter.RecommendAdapter;
    
23. import com.cjj.shopapp.adapter.ViewPagerAdvAdapter;
    
24. import com.cjj.shopapp.models.CategoryInfo;
    
25. import com.cjj.shopapp.models.ShopAppApplication;
    
26. import com.cjj.shopapp.constants.Constants;;
    
27. 
    
28. public class HomeFragment extends Fragment {
    
29. private ViewPager vp_ad;
    
30. private ImageView[] mImageViews;
    
31. private int currentPosition = 0;
    
32. private TextView tv_title;
    
33. private GridView gv_category, gv_recommend;
    
34. 
    
35. private List<CategoryInfo> mList = new ArrayList<CategoryInfo>();
    
36. 
    
37. int[] recommend_icon = new int[] { R.drawable.huoying_bg,
    
38. R.drawable.haizie_bg, R.drawable.heizi, R.drawable.sishen_bg };
    
39. String[] recommend_msg = new String[] { "火影忍者", "海贼王", "黑子的篮球", "死神" };
    
40. 
    
41. @Override
    
42. public void onActivityCreated(Bundle savedInstanceState) {
    
43. // 获得服务端广告图片，这里我们就简单的直接取本地数据
    
44. getAdData();
    
45. getCategoryData();
    
46. getRecommendData();
    
47. super.onActivityCreated(savedInstanceState);
    
48. }
    
49. 
    
50. /**
    
51. * 获取gridView推荐漫画的数据
    
52. */
    
53. private void getRecommendData() {
    
54. List<CategoryInfo> list2 = new ArrayList<CategoryInfo>();
    
55. for (int i = 0; i < recommend_icon.length; i++) {
    
56. CategoryInfo categoryInfo = new CategoryInfo();
    
57. categoryInfo.setIcon(recommend_icon[i]);
    
58. categoryInfo.setMsg(recommend_msg[i]);
    
59. list2.add(categoryInfo);
    
60. }
    
61. gv_recommend.setSelector(new ColorDrawable(Color.TRANSPARENT));
    
62. gv_recommend.setAdapter(new RecommendAdapter(getActivity(), list2));
    
63. }
    
64. 
    
65. /**
    
66. * 获得gridView分类数据
    
67. */
    
68. private void getCategoryData() {
    
69. 
    
70. gv_category.setSelector(new ColorDrawable(Color.TRANSPARENT));
    
71. gv_category.setAdapter(new CategoryAdapter(getActivity(), ShopAppApplication.mDatas));
    
72. 
    
73. }
    
74. 
    
75. /**
    
76. * 获得广告数据
    
77. */
    
78. private void getAdData() {
    
79. List<Integer> list = new ArrayList<Integer>();
    
80. 
    
81. list.add(R.drawable.huoying);
    
82. list.add(R.drawable.caomao);
    
83. list.add(R.drawable.yinhun);
    
84. list.add(R.drawable.diguang);
    
85. list.add(R.drawable.jianxin);
    
86. 
    
87. vp_ad.setAdapter(new ViewPagerAdvAdapter(getActivity(), list));
    
88. vp_ad.setOnPageChangeListener(new ViewPager.SimpleOnPageChangeListener() {
    
89. @Override
    
90. public void onPageSelected(int position) {
    
91. super.onPageSelected(position);
    
92. setCurPoint(position);
    
93. }
    
94. });
    
95. 
    
96. }
    
97. 
    
98. private void setCurPoint(int index) {
    
99. if (index < 0 || index > mImageViews.length || index == currentPosition) {
    
100. return;
     
101. }
     
102. mImageViews[currentPosition].setEnabled(true);
     
103. mImageViews[index].setEnabled(false);
     
104. // set tv title
     
105. switch (index) {
     
106. case 0:
     
107. tv_title.setText("火影忍者");
     
108. break;
     
109. case 1:
     
110. tv_title.setText("海贼王");
     
111. break;
     
112. case 2:
     
113. tv_title.setText("银魂");
     
114. break;
     
115. case 3:
     
116. tv_title.setText("黑子的篮球");
     
117. break;
     
118. case 4:
     
119. tv_title.setText("浪客剑心");
     
120. break;
     
121. }
     
122. currentPosition = index;
     
123. }
     
124. 
     
125. @Override
     
126. public void onCreate(Bundle savedInstanceState) {
     
127. super.onCreate(savedInstanceState);
     
128. }
     
129. 
     
130. @Override
     
131. public View onCreateView(LayoutInflater inflater, ViewGroup container,
     
132. Bundle savedInstanceState) {
     
133. return inflater.inflate(R.layout.fragment_home, null);
     
134. }
     
135. 
     
136. @Override
     
137. public void onDestroyView() {
     
138. super.onDestroyView();
     
139. }
     
140. 
     
141. @Override
     
142. public void onViewCreated(View view, Bundle savedInstanceState) {
     
143. super.onViewCreated(view, savedInstanceState);
     
144. vp_ad = (ViewPager) view.findViewById(R.id.vp_ad);
     
145. tv_title = (TextView) view.findViewById(R.id.tv_title);
     
146. gv_category = (GridView) view.findViewById(R.id.gv_category);
     
147. gv_recommend = (GridView) view.findViewById(R.id.gv_recommend);
     
148. createPoint(view);
     
149. }
     
150. 
     
151. private void createPoint(View view) {
     
152. // six index round point
     
153. LinearLayout ll = (LinearLayout) view.findViewById(R.id.llayout);
     
154. LinearLayout.LayoutParams lp = new LinearLayout.LayoutParams(
     
155. LinearLayout.LayoutParams.WRAP_CONTENT,
     
156. LinearLayout.LayoutParams.WRAP_CONTENT);
     
157. lp.setMargins(0, 0, 12, 0);
     
158. mImageViews = new ImageView[5];
     
159. for (int i = 0; i < mImageViews.length; i++) {
     
160. mImageViews[i] = new ImageView(getActivity());
     
161. mImageViews[i].setImageResource(R.drawable.guide_round);
     
162. mImageViews[i].setEnabled(true);
     
163. mImageViews[i].setLayoutParams(lp);
     
164. ll.addView(mImageViews[i]);
     
165. }
     
166. mImageViews[currentPosition].setEnabled(false);
     
167. 
     
168. }
     
169. }
     

复制代码

1. package com.cjj.shopapp.fragment;
   
2. 
   
3. import java.util.ArrayList;
   
4. import java.util.List;
   
5. 
   
6. import com.ab.view.carousel.CarouselAdapter;
   
7. import com.ab.view.carousel.CarouselView;
   
8. import com.ab.view.carousel.CarouselViewAdapter;
   
9. import com.ab.view.carousel.CarouselAdapter.OnItemClickListener;
   
10. import com.ab.view.carousel.CarouselAdapter.OnItemSelectedListener;
    
11. import com.cjj.shopapp.activity.R;
    
12. import com.cjj.shopapp.constants.Constants;
    
13. import com.cjj.shopapp.models.CategoryInfo;
    
14. import com.cjj.shopapp.models.ShopAppApplication;
    
15. 
    
16. import android.os.Bundle;
    
17. import android.support.v4.app.Fragment;
    
18. import android.util.Log;
    
19. import android.view.Gravity;
    
20. import android.view.LayoutInflater;
    
21. import android.view.View;
    
22. import android.view.ViewGroup;
    
23. import android.view.ViewGroup.LayoutParams;
    
24. import android.widget.ImageView;
    
25. import android.widget.TextView;
    
26. import android.widget.Toast;
    
27. 
    
28. public class CategoryFragment extends Fragment implements OnItemClickListener,OnItemSelectedListener{
    
29. private CarouselView carousel;
    
30. 
    
31. @Override
    
32. public void onActivityCreated(Bundle savedInstanceState) {
    
33. 
    
34. getCategoryData();
    
35. 
    
36. super.onActivityCreated(savedInstanceState);
    
37. }
    
38. 
    
39. private void getCategoryData() {
    
40. // 不支持的动态添加adapter.notifyDataSetChanged()增强滑动的流畅
    
41. List<View> mViews = new ArrayList<View>();
    
42. List<CategoryInfo> data = new ArrayList<CategoryInfo>();
    
43. for (int i = 0; i < Constants.category_msg.length; i++) {
    
44. CategoryInfo categoryInfo2 = new CategoryInfo();
    
45. categoryInfo2.setIcon(Constants.category_icon[i]);
    
46. categoryInfo2.setMsg(Constants.category_msg[i]);
    
47. data.add(categoryInfo2);
    
48. }
    
49. 
    
50. 
    
51. for (int i = 0; i < data.size(); i++) {
    
52. View view = getActivity().getLayoutInflater().inflate(
    
53. R.layout.item_carousel_view, null);
    
54. 
    
55. ImageView icon = (ImageView) view.findViewById(R.id.itemsIcon);
    
56. icon.setImageResource(data.get(i).getIcon());
    
57. TextView msg = (TextView) view.findViewById(R.id.itemsText);
    
58. msg.setText(data.get(i).getMsg());
    
59. mViews.add(view);
    
60. }
    
61. 
    
62. CarouselViewAdapter adapter = new CarouselViewAdapter(getActivity(),
    
63. mViews, false);
    
64. carousel.setOnItemClickListener(this);
    
65. carousel.setOnItemSelectedListener(this);
    
66. carousel.setAdapter(adapter);
    
67. }
    
68. 
    
69. @Override
    
70. public void onCreate(Bundle savedInstanceState) {
    
71. super.onCreate(savedInstanceState);
    
72. }
    
73. 
    
74. @Override
    
75. public View onCreateView(LayoutInflater inflater, ViewGroup container,
    
76. Bundle savedInstanceState) {
    
77. View v = inflater.from(getActivity()).inflate(
    
78. R.layout.fragment_category, null);
    
79. return v;
    
80. }
    
81. 
    
82. @Override
    
83. public void onDestroyView() {
    
84. super.onDestroyView();
    
85. }
    
86. 
    
87. @Override
    
88. public void onViewCreated(View view, Bundle savedInstanceState) {
    
89. carousel = (CarouselView) view.findViewById(R.id.carousel);
    
90. super.onViewCreated(view, savedInstanceState);
    
91. 
    
92. }
    
93. 
    
94. 
    
95. 
    
96. @Override
    
97. public void onItemSelected(CarouselAdapter<?> parent, View view,
    
98. int position, long id) {
    
99. Toast.makeText(getActivity(), " slect position="+position, 1000).show();
    
100. }
     
101. 
     
102. @Override
     
103. public void onNothingSelected(CarouselAdapter<?> parent) {
     
104. 
     
105. }
     
106. 
     
107. @Override
     
108. public void onItemClick(CarouselAdapter<?> parent, View view, int position,
     
109. long id) {
     
110. Toast.makeText(getActivity(), " onclick position="+position, 1000).show();
     
111. }
     
112. }
     

复制代码

还是那句话，还是看源码吧。。写的可能不是那么合理，如果你有什么建议，可以留言告诉我的 ，我也希望能进步。。。
呵呵 ！！！！