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

最新推荐文章于 2022-02-28 23:20:13 发布

安果移不动

最新推荐文章于 2022-02-28 23:20:13 发布

阅读量398

点赞数

分类专栏： # android功能实现

独学而无友，则孤陋寡闻。q群582951247

本文链接：https://blog.csdn.net/mp624183768/article/details/73730790

版权

android功能实现专栏收录该内容

93 篇文章 3 订阅

订阅专栏

package com.example.viewflipper;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.MotionEvent;
import android.widget.ImageView;
import android.widget.RelativeLayout;
import android.widget.ViewFlipper;

import butterknife.Bind;
import butterknife.ButterKnife;

public class MainActivity extends AppCompatActivity {

    @Bind(R.id.vf)
    ViewFlipper vf;
    @Bind(R.id.activity_main)
    RelativeLayout activityMain;
private int[]resId={R.mipmap.ic_launcher,R.mipmap.ic_launcher,R.mipmap.ic_launcher,R.mipmap.ic_launcher};
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ButterKnife.bind(this);
        //showNext 显示下一个View showPrevious显示上一个view
        //seInterval设置view之间切换的时间间隔
        //startFlipping使用上面设置的时间间隔来开始切换所有的view 切换会循环进行
        //stopFlipping 停止view切换

        //1 实现图片轮播 2 支持手势滑动
        //动态导入的方式为ViewFilpper加入子view
        for (int i = 0; i < resId.length; i++) {
         vf.addView(getImageView(resId[i]));
        }
//        aotoPlay();
        vf.setFlipInterval(3000);
    }

    private void aotoPlay() {
        vf.setInAnimation(this, R.anim.left_in);
        vf.setOutAnimation(this,R.anim.left_out);
        vf.setFlipInterval(3000);
        vf.startFlipping();
    }

    private ImageView getImageView(int resId){
        ImageView imageView = new ImageView(this);
       // imageView.setImageResource(resId);
        //充满全屏
        imageView.setBackgroundResource(resId);
        return imageView;
    }

    private  float startX;
        @Override
            public boolean onTouchEvent(MotionEvent event) {
                switch (event.getAction()) {
                    case MotionEvent.ACTION_DOWN:
                        startX=event.getX();
                        break;
                    case MotionEvent.ACTION_MOVE:
                        //右滑 100px
                        //看前一页
                        if(event.getX()-startX>100){
                            vf.setInAnimation(this,R.anim.left_in);
                            vf.setOutAnimation(this,R.anim.left_out);
                            vf.showPrevious();

                        }else if(event.getX()-startX<100){
                            //左滑
                            vf.setInAnimation(this,R.anim.right_in);
                            vf.setOutAnimation(this,R.anim.right_out);
                            vf.showNext();

                        }
                        break;
                    case MotionEvent.ACTION_UP:

                        vf.startFlipping();
                        break;
                }
                return true;
            }
}

//布局

 <ViewFlipper
     android:id="@+id/vf"

     android:layout_width="match_parent"
     android:layout_height="match_parent">

//动画

left_in

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">

    <translate
        android:duration="2000"
        android:fromXDelta="-100%p"
        android:toXDelta="0"/>
    <alpha
        android:fromAlpha="0.5"
        android:toAlpha="1"
        android:duration="2000"/>

</set>

left_out

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">

    <translate
        android:duration="2000"
        android:fromXDelta="0"
        android:toXDelta="100%p"/>
    <alpha
        android:fromAlpha="1"
        android:toAlpha="0.5"
        android:duration="2000"/>

</set>

right_in

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">

    <translate
        android:duration="2000"
        android:fromXDelta="100%p"
        android:toXDelta="0"/>
    <alpha
        android:fromAlpha="0.5"
        android:toAlpha="1"
        android:duration="2000"/>

</set>

right_out

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">

    <translate
        android:duration="2000"
        android:fromXDelta="0"
        android:toXDelta="-100%p"/>
    <alpha
        android:fromAlpha="0.5"
        android:toAlpha="1"
        android:duration="2000"/>

</set>