300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > 使用ViewFlipper实现屏幕切换动画效果

使用ViewFlipper实现屏幕切换动画效果

时间:2023-12-10 12:56:02

相关推荐

使用ViewFlipper实现屏幕切换动画效果

ViewFlipper

Android系统自带的一个多页面管理控件,它可以实现子界面的自动切换

为ViewFlipper加入View

静态导入:在layout布局中直接导入(不推荐,不够灵活)

<ViewFilpper

android:id="@+id/flipper"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:flipInterval="4000" >

<ImageView

android:scaleType="matrix"

android:id="@+id/ex2"

android:layout_width="match_parent"

android:layout_height="wrap_content"/>

<ImageView

android:scaleType="matrix"

android:id="@+id/ex3"

android:layout_width="match_parent"

android:layout_height="wrap_content"/>

<ImageView

android:scaleType="matrix"

android:id="@+id/ex4"

android:layout_width="match_parent"

android:layout_height="wrap_content"/>

</ViewFlipper>

动态导入:addView()方法

flipper = (ViewFlipper) findViewById(R.id.flipper);

flipper.addView(getImageView(R.drawable.pic1));

flipper.addView(getImageView(R.drawable.pic2));

flipper.addView(getImageView(R.drawable.pic3));

flipper.addView(getImageView(R.drawable.pic4));

ViewFlipper常用方法

setInAnimation:设置View进入屏幕时候使用的动画

setOutAnimation:设置View退出屏幕时候使用的动画

showNext:调用该函数来显示ViewFlipper里面的下一个View

showPrevious:调用该函数来显示ViewFlipper里面的上一个View

setFlipInterval:设置View之间切换的时间间隔

startFlipping:使用上面设置的时间间隔来切换所有的View,切换回循环进行

stopFlipping:停止View切换

利用ViewFlipper实现图片轮播

left_in.xml

<?xml version="1.0" encoding="utf-8"?><set xmlns:android="/apk/res/android"><translateandroid:duration="2000"android:fromXDelta="-100%p"android:toXDelta="0" /><alphaandroid:duration="2000"android:fromAlpha="0.5"android:toAlpha="1" /></set>

left_out.xml

<?xml version="1.0" encoding="utf-8"?><set xmlns:android="/apk/res/android"><translateandroid:duration="2000"android:fromXDelta="0"android:toXDelta="100%p" /><alphaandroid:duration="2000"android:fromAlpha="0.5"android:toAlpha="1" /></set>

right_in.xml

<?xml version="1.0" encoding="utf-8"?><set xmlns:android="/apk/res/android"><translateandroid:duration="2000"android:fromXDelta="100%p"android:toXDelta="0" /><alphaandroid:duration="2000"android:fromAlpha="0.5"android:toAlpha="1" /></set>

right_out.xml

<?xml version="1.0" encoding="utf-8"?><set xmlns:android="/apk/res/android"><translateandroid:duration="2000"android:fromXDelta="0"android:toXDelta="-100%p" /><alphaandroid:duration="2000"android:fromAlpha="0.5"android:toAlpha="1" /></set>

main.xml

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="/apk/res/android"android:orientation="vertical" android:layout_width="match_parent"android:layout_height="match_parent"><ViewFlipperandroid:id="@+id/flipper"android:layout_width="match_parent"android:layout_height="match_parent"></ViewFlipper></LinearLayout>

MainActivity.java

public class MainActivity extends AppCompatActivity {private ViewFlipper flipper;private int[] resId = {R.drawable.pic1, R.drawable.pic2, R.drawable.pic3, R.drawable.pic4};@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.main);flipper = (ViewFlipper) findViewById(R.id.flipper);//动态导入的方式为ViewFlipper加入子Viewfor (int i = 0; i < resId.length; i++) {flipper.addView(getImageView(resId[i]));}//为ViewFlipper添加动画效果flipper.setInAnimation(this, R.anim.left_in);flipper.setOutAnimation(this, R.anim.left_out);//设定ViewFlipper视图切换的时间间隔flipper.setFlipInterval(3000);//开始播放flipper.startFlipping();}private ImageView getImageView(int resId) {ImageView image = new ImageView(this);//按图片宽高// image.setImageResource(resId);//铺满整个屏幕image.setBackgroundResource(resId);return image;}}

支持手势滑动的ViewFlipper

public class MainActivity extends AppCompatActivity {private ViewFlipper flipper;private int[] resId = {R.drawable.pic1, R.drawable.pic2, R.drawable.pic3, R.drawable.pic4};private float startX;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.main);flipper = (ViewFlipper) findViewById(R.id.flipper);//动态导入的方式为ViewFlipper加入子Viewfor (int i = 0; i < resId.length; i++) {flipper.addView(getImageView(resId[i]));}// //为ViewFlipper添加动画效果// flipper.setInAnimation(this, R.anim.left_in);// flipper.setOutAnimation(this, R.anim.left_out);// //设定ViewFlipper视图切换的时间间隔// flipper.setFlipInterval(3000);// //开始播放// flipper.startFlipping();}@Overridepublic boolean onTouchEvent(MotionEvent event) {switch(event.getAction()) {//手指落下case MotionEvent.ACTION_DOWN:startX = event.getX();break;//手指滑动case MotionEvent.ACTION_MOVE:break;//手指离开case MotionEvent.ACTION_UP://向右滑动(看前一页)if (event.getX() - startX > 100) {//flipper.setInAnimation(this, R.anim.left_in);//flipper.setInAnimation(this, R.anim.left_out);flipper.showPrevious();//显示前一页}//向左滑动(看后一页)if (startX - event.getX() > 100) {//flipper.setInAnimation(this, R.anim.right_in);//flipper.setInAnimation(this, R.anim.right_out);flipper.showNext();//显示后一页}break;}return super.onTouchEvent(event);}private ImageView getImageView(int resId) {ImageView image = new ImageView(this);//按图片宽高// image.setImageResource(resId);//铺满整个屏幕image.setBackgroundResource(resId);return image;}}

源码地址:/LiuchangDuan/demo

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。