第一步:新建Android工程ViewFlipperDemo：

第二步:新建AdverView.java代码如下:

[java] view plain copy

1. packagecom.tutor.viewflipper;
4. importandroid.content.Context;
5. importandroid.graphics.Bitmap;
6. importandroid.graphics.BitmapFactory;
7. importandroid.util.AttributeSet;
8. importandroid.view.Gravity;
9. importandroid.view.MotionEvent;
10. importandroid.view.animation.Animation;
11. importandroid.view.animation.TranslateAnimation;
12. importandroid.widget.FrameLayout;
13. importandroid.widget.ImageView;
14. importandroid.widget.LinearLayout;
15. importandroid.widget.ViewFlipper;
17. /**
18. *@authorfrankiewei.
19. *广告推荐插件,可以自定义img个数.
20. */
21. publicclassAdvserViewextendsFrameLayout{
23. /**
24. *当前索引值.默认第一张图片被选中.
25. */
26. privateintmCurrentIndex=0;
28. /**
29. *上下文.
30. */
31. privateContextmContext;
33. /**
34. *点击屏幕的X左边值.
35. */
36. privatefloatstartX;
38. /**
39. *设备的宽度.
40. */
41. privateintmDisplayWidth;
43. /**
44. *从左到右进入的动画.
45. */
46. privateAnimationmLeft2RightInAnimation;
48. /**
49. *从左到右出去动画.
50. */
51. privateAnimationmLeft2RightOutAnimation;
53. /**
54. *从右到左进入动画.
55. */
56. privateAnimationmRight2LeftInAnimation;
58. /**
59. *从右到左出去动画.
60. */
61. privateAnimationmRight2LeftOutAnimation;
63. /**
64. *动画播放时间.
65. */
66. privatelongduration=1000;
68. /**
69. *ViewFlipper控件,继承FrameLayout，图片的容器.
70. */
71. privateViewFlippermViewFlipper;
73. /**
74. *下面动态生成点点tip的容器.
75. */
76. privateLinearLayoutmTipLinearLayout;
78. /**
79. *正常点点的Bitmap.
80. */
81. privateBitmapmPointNorBitmap;
83. /**
84. *被选中的点点的Bitmap.
85. */
86. privateBitmapmPointSelBitmap;
89. /**
90. *这里是要显示的广告图片的资源ID，可以自定义个数.
91. */
92. privateint[]imgResIds={R.drawable.test1,R.drawable.test2,R.drawable.test3,
93. R.drawable.test4,R.drawable.test5};
95. publicAdvserView(Contextcontext){
96. super(context);
97. setupViews();
98. }
100. publicAdvserView(Contextcontext,AttributeSetattr){
101. super(context,attr);
102. setupViews();
103. }
105. privatevoidsetupViews(){
107. mContext=getContext();
108. mDisplayWidth=getResources().getDisplayMetrics().widthPixels;
110. mViewFlipper=newViewFlipper(mContext);
111. mTipLinearLayout=newLinearLayout(mContext);
113. mPointNorBitmap=BitmapFactory.decodeResource(getResources(),R.drawable.point_normal);
115. mPointSelBitmap=BitmapFactory.decodeResource(getResources(),R.drawable.point_selected);
117. //将广告图片加入ViewFlipper.
118. for(inti=0;i<imgResIds.length;i++){
119. ImageViewimageView=newImageView(mContext);
120. imageView.setImageResource(imgResIds[i]);
121. mViewFlipper.addView(imageView);
122. }
123. //将点点动态加入Linerlayout.
124. for(intj=0;j<imgResIds.length;j++){
125. ImageViewimageview=newImageView(mContext);
126. if(j==0){
127. imageview.setImageBitmap(mPointSelBitmap);
128. }else{
129. imageview.setImageBitmap(mPointNorBitmap);
130. }
132. mTipLinearLayout.addView(imageview);
133. }
134. addView(mViewFlipper);
135. addView(mTipLinearLayout);
136. mTipLinearLayout.setGravity(Gravity.BOTTOM|Gravity.CENTER_HORIZONTAL);
138. //初始化动画.
139. mLeft2RightInAnimation=newTranslateAnimation(-mDisplayWidth,0,0,0);
140. mLeft2RightInAnimation.setDuration(duration);
141. mLeft2RightOutAnimation=newTranslateAnimation(0,mDisplayWidth,0,0);
142. mLeft2RightOutAnimation.setDuration(duration);
144. mRight2LeftInAnimation=newTranslateAnimation(mDisplayWidth,0,0,0);
145. mRight2LeftInAnimation.setDuration(duration);
146. mRight2LeftOutAnimation=newTranslateAnimation(0,-mDisplayWidth,0,0);
147. mRight2LeftOutAnimation.setDuration(duration);
148. }
150. @Override
151. publicbooleanonTouchEvent(MotionEventevent){
152. switch(event.getAction()){
153. caseMotionEvent.ACTION_DOWN:
154. startX=event.getX();
155. break;
156. caseMotionEvent.ACTION_UP:
157. ImageViewlastSelImageView=(ImageView)mTipLinearLayout.getChildAt(mCurrentIndex);
158. //判断左右滑动切换图片.
159. if(event.getX()>startX){
160. mViewFlipper.setInAnimation(mLeft2RightInAnimation);
161. mViewFlipper.setOutAnimation(mLeft2RightOutAnimation);
162. mViewFlipper.showNext();
163. mCurrentIndex++;
164. if(mCurrentIndex>imgResIds.length-1){
165. mCurrentIndex=0;
166. }
169. }elseif(event.getX()<startX){
170. mViewFlipper.setInAnimation(mRight2LeftInAnimation);
171. mViewFlipper.setOutAnimation(mRight2LeftOutAnimation);
172. mViewFlipper.showPrevious();
173. mCurrentIndex--;
174. if(mCurrentIndex<0){
175. mCurrentIndex=imgResIds.length-1;
176. }
177. }
178. ImageViewimageview=(ImageView)mTipLinearLayout.getChildAt(mCurrentIndex);
179. imageview.setImageBitmap(mPointSelBitmap);
180. lastSelImageView.setImageBitmap(mPointNorBitmap);
181. break;
182. default:
183. break;
184. }

[java] view plain copy

1. returntrue;
2. }
3. }

第三步:修改ViewFlipperDemoActivity.java代码如下:

[java] view plain copy

1. packagecom.tutor.viewflipper;
3. importandroid.app.Activity;
4. importandroid.os.Bundle;
6. publicclassViewFlipperDemoActivityextendsActivity{
7. @Override
8. publicvoidonCreate(BundlesavedInstanceState){
9. super.onCreate(savedInstanceState);
10. setContentView(newAdvserView(this));
11. }
12. }

第四步:运行效果如下:

更多相关文章

1. Android---63---Android中的动画效果
2. Android前端开发15：显示网络图片
3. Android Retrofit 图片上传的最简单和明白的实现方式
4. 分享Android仿刮奖效果控件
5. Android 属性动画实现的扇形菜单效果
6. Android设置桌面背景图片的方法
7. Android用属性动画拖动view到任意位置
8. 【Android UI】自定义圆形Loading动画

随机推荐

1. 收集android上开源的酷炫的交互动画和视
2. 移动android的AI总结
3. Android自动化测试之monkeyrunner基本要
4. 整理出来的一些Android基础知识
5. input 之我见1
6. 2010.12.14——— android 应用的自动更
7. Google Android admob
8. android图片闪烁或帧动画
9. Mac下完全卸载干净Android Studio
10. msm8916 lcd 相关调试点指导