ViewFlipper实现屏幕切换的效果

多页面管理控件,可以实现页面自动播放的功能

静态引入:在layout文件中直接导入

动态导入:addView()方法

常用的方法

image.png

案例:

  • 实现轮播
    布局文件
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent">

<ViewFlipper
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/viewfill"></ViewFlipper>
</LinearLayout>

java实现功能

public class FillActivity extends AppCompatActivity {
    private ViewFlipper viewFlipper;
    private int[]resId={R.drawable.pic1,R.drawable.pic2,R.drawable.pic3,R.drawable.pic4};
    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_fillview);
        viewFlipper=(ViewFlipper)findViewById(R.id.viewfill);
        //动态导入方式为viewfill加view
        for (int i=0;i<resId.length;i++){
            viewFlipper.addView(getImageView(resId[i]));

        }
        //添加动画效果
        viewFlipper.setInAnimation(this,R.anim.abc_fade_in);
        viewFlipper.setOutAnimation(this,R.anim.abc_fade_out);
        //设定视图切换的时间间隔
        viewFlipper.setFlipInterval(3000);
        //开始
        viewFlipper.startFlipping();

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

*实现手势滑动
在Java实现的功能代码中写实现此方法

//手势滑动的处理
    @Override
    public boolean onTouchEvent(MotionEvent event) {
        switch (event.getAction()){
            //手指已经落下
            case MotionEvent.ACTION_DOWN:{
                startX=event.getX();
                 break;
            }
            //手指来回滑动
            case MotionEvent.ACTION_MOVE:{
                //向右滑动event.getX()>startX
                if (event.getX()- startX>100){
                  viewFlipper.setInAnimation(this,R.anim.left_in);
                    viewFlipper.setOutAnimation(this,R.anim.left_out);
                    viewFlipper.showPrevious();;//显示前一页
                }
                //向左滑动event.getX()<startX
                if (startX-event.getX()>100){
                    viewFlipper.setInAnimation(this,R.anim.right_in);
                    viewFlipper.setOutAnimation(this,R.anim.right_out);
                    viewFlipper.showNext();//显示后一页
                }
                break;
            }
            //手指离开抬起
            case MotionEvent.ACTION_UP:{
                break;
            }
        }
        return super.onTouchEvent(event);
    }

以上就可以实现成功
需要其他资源就是四张图片
四个动画效果的文件(类似于这样写法)


image.png
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 7,258评论 0 17
  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 11,575评论 1 32
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,730评论 4 61
  • 导读:《文艺犯》是作者社会报道本行之外的闲散文章结集,话题涉及美食、影视、旅游、人文地理诸多方面,以深沉广阔的文艺...
    课后辅导陈老师阅读 1,171评论 0 1
  • 相见时难别亦难,东风无力百花残。 春蚕到死丝方尽,蜡炬成灰泪始干。 晓镜但愁云鬓改,夜吟应觉月光寒。 蓬山此去无多...
    悦已悦人阅读 189评论 0 0

友情链接更多精彩内容