ViewFlipper的介绍和使用ViewFlipper是安卓附带的多页面管理控件,可以自动播放! 与ViewPager不同,ViewPager只有一个页面,但ViewFlipper有多层,与ViewPager一样,大多数情况下用于实现进入APP后的引导页,或者用于图像的传送带。
一.常用属性和方法属性:
设定安卓3360 in animation//view或ImageView进入屏幕时使用的动画安卓3360 out animation//view或ImageView退出屏幕时使用的动画
setinanimation :设置view或ImageView进入屏幕时使用的动画setOutAnimation。 设置当View或ImageView退出屏幕时要使用的动画showNext。 调用这个方法, 显示ViewFlipper的下一个view或ImageViewshoooxt view flipper的最后一个view或imageviewsetfilpinterval :设置在view或imageview之间切换的时间间隔开始所有view或imageview的切换,切换循环开始停止翻转
二.静态部署执行效果:
实现这个效果非常简单
是否要创建viewpfilper.xml布局文件? XML version=' 1.0 ' encoding=' utf-8 '? linearlayoutxmlns 3360 Android=' http://schemas.Android.com/apk/RES/安卓'安卓: layout _ width=' match _ parent '安卓: layout _ height=' match _ parent ' viewflipperandranth t ' Android 3360 layout _ height=' match _ parent ' Android 3360 flight=' match _ parent ' Android 360 idth=' fill _ parent scale type=' center crop ' Android 3330 imageview Android 3360 layout _ width=' fill _ parent ' Android 3360 layout _ height='。 imageview Android 3360 layout _ width=' fill _ parent ' Android 3360 layout _ height=' fill _ parent ' Android 3360 scaletttalt imageview Android 3360 layout _ width=' fill _ parent ' Android 3360 layout _ height=' fill _ parent ' Android 3360 scaletttalt linearlayoutviewfliper活动代码publicclassviewpfilperextendsappcompatactivity { privateviewflippermfilper } 创建@ overrideprotectedvoidoncreate (nullablebundlesavedinstancestate ) super.oncreate ) savedinstancestate; setcontentview (r.layout.viewpfilper; MFI lper=findviewbyid (r.id.flipp
er); mFilper.startFlipping(); }}当我们添加了动画的时候,效果就变成这样了:
我们在res目录下新建一个anim文件夹,再新建right_in.xml、right_out.xml存放动画
right_in.xml
<?xml version="1.0" encoding="utf-8"?><set xmlns:android="http://schemas.android.com/apk/res/android"> <translate android:duration="1500" android:fromXDelta="100%p" android:toXDelta="0" /></set>right_out.xml
<?xml version="1.0" encoding="utf-8"?><set xmlns:android="http://schemas.android.com/apk/res/android"> <translate android:duration="1500" android:fromXDelta="0" android:toXDelta="-100%p" /></set>最后在viewpfilper.xml布局文件中引用就行
二、动态导入(支持手势滑动)我们可以通过对手势的监听,自由的滑动。不滑动也可以自己动。轮播图就是这样效果。
运行效果:
我们在上一个代码的基础上修改。
在anim文件下再添加left_in.xml、left_out.xml,让我们左右滑动更加的流畅
left_in.xml
left_in.xml
<?xml version="1.0" encoding="utf-8"?><set xmlns:android="http://schemas.android.com/apk/res/android"> <translate android:duration="500" android:fromXDelta="0" android:toXDelta="100%p" /></set>将right_in.xml、right_out.xml的属性android:duration="500"设置为500,和左右进出的一样,不然滑动会很慢,还有左右滑动不和谐
GestureDetector手势检测器,监听我们的手势动作并且重写onTouchEvent触发MyGestureListener里的方法
布局文件不变
编写ViewFliper Activity的java代码
public class ViewpFilper extends AppCompatActivity { private ViewFlipper mFilper; private GestureDetector mDetector;//手势探测器 private MyGestureListener mMyGestureListener; @Override protected void onCreate(@Nullable Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.viewpfilper); mFilper=findViewById(R.id.flipper); //实例化SimpleOnGestureListener与GestureDetector对象 mMyGestureListener=new MyGestureListener(); mDetector=new GestureDetector(this,mMyGestureListener); mFilper.startFlipping(); } @Override public boolean onTouchEvent(MotionEvent event) { return mDetector.onTouchEvent(event); } private class MyGestureListener extends GestureDetector.SimpleOnGestureListener{ private final static int MIN_MOVE = 200; //最小距离 //OnFling中根据X轴方向移动的距离和速度来判断当前用户是向左滑还是向右滑, // 从而利用showPrevious()或者showNext()来显示上一张或者下一张图片 @Override public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) { if(e1.getX() - e2.getX() > MIN_MOVE){ mFilper.setInAnimation(getApplicationContext(),R.anim.right_in); mFilper.setOutAnimation(getApplicationContext(), R.anim.right_out); mFilper.showNext(); }else if(e2.getX() - e1.getX() > MIN_MOVE){ mFilper.setInAnimation(getApplicationContext(),R.anim.left_in); mFilper.setOutAnimation(getApplicationContext(), R.anim.left_out); mFilper.showPrevious(); } return true; } }}到这里ViewFlipper的基本使用就差不多了。