安卓——ViewFlipper

一时失言乱红尘 2022-05-30 10:35 169阅读 0赞

![70][]

![70 1][]

![70 2][]

![70 3][]

![70 4][]

![70 5][]

activity\_main.xml

<?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context="com.example.lenovo.viewflipper.MainActivity">
    
     <ViewFlipper
         android:layout_width="match_parent"
         android:id="@+id/flipper"
         android:layout_height="match_parent"
         >
    
    
     </ViewFlipper>
    
    </LinearLayout>

下面是四个动画效果的xml文件

、left\_in.xml

<?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

<?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:duration="2000"
            android:fromAlpha="0.5"
            android:toAlpha="1" />
    
    </set>

right\_in.xml

<?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:duration="2000"
            android:fromAlpha="0.5"
            android:toAlpha="1" />
    
    </set>

right\_out.xml

<?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:duration="2000"
            android:fromAlpha="0.5"
            android:toAlpha="1" />
    
    </set>

MainActivity.java

package com.example.lenovo.viewflipper;
    
    import android.app.Activity;
    import android.os.Bundle;
    import android.view.MotionEvent;
    import android.widget.ImageView;
    import android.widget.ViewFlipper;
    
    import static com.example.lenovo.viewflipper.R.anim.left_in;
    
    public class MainActivity extends Activity {
    
        private ViewFlipper viewFlipper;
        private float startX;
    
        private int ResId[]={R.drawable.pic1,R.drawable.pic2,R.drawable.pic3,R.drawable.pic4};
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
    
            viewFlipper=(ViewFlipper)findViewById(R.id.flipper);
    
            for(int i=0;i<ResId.length;i++){
                viewFlipper.addView(getImageView(ResId[i]));
            }
    
            /*
            设置自动播放效果
             */
            /*
            //为ViewFlipper添加动画效果
            viewFlipper.setInAnimation(this,R.anim.left_in);
            viewFlipper.setOutAnimation(this,R.anim.left_out);
            //设定viewFilpper视图切换时间间隔
            viewFlipper.setFlipInterval(2000);
            //开始播放
            viewFlipper.startFlipping();
            */
    
    
        }
    
        @Override
        public boolean onTouchEvent(MotionEvent event) {
    
    
            switch (event.getAction())
            {
                //手指碰到屏幕
                case MotionEvent.ACTION_DOWN:
                    startX=event.getX();
                    break;
                //手指滑动
                case MotionEvent.ACTION_MOVE:
                    //向前滑动看前一页
                    if(event.getX()-startX>100)
                    {
                        viewFlipper.setOutAnimation(this,R.anim.left_in);
                        viewFlipper.setOutAnimation(this,R.anim.left_out);
                        viewFlipper.showPrevious();
                    }
                    //向后滑动卡你下一页
                    if(startX-event.getX()>100)
                    {
                        viewFlipper.setOutAnimation(this,R.anim.right_in);
                        viewFlipper.setOutAnimation(this,R.anim.right_out);
                        viewFlipper.showNext();
                    }
                    break;
                //手指离开
                case MotionEvent.ACTION_UP:
                    break;
            }
            return super.onTouchEvent(event);
        }
    
        //将图片装进ImageView里面，返回一个ImageView
        private ImageView getImageView(int id){
            ImageView imageView=new ImageView(this);
    
            imageView.setBackgroundResource(id);
    
            return imageView;
        }
    }

[70]: /images/20220530/09f443d5c8744cf58be9a371d265dd63.png
[70 1]: /images/20220530/90f5f3b634b644cf979c5babcfd930c7.png
[70 2]: /images/20220530/e425306bf0c34edca0c4d18c1ddfbe59.png
[70 3]: /images/20220530/983f2a0d0da24486865099916eb4a146.png
[70 4]: /images/20220530/787a37dc73f2461bba546cd04f7aaefe.png
[70 5]: /images/20220530/da7073d7481b417e8ac0f03fa0eff5f5.png