ViewFlipper实践

最新推荐文章于 2025-09-14 14:46:01 发布

原创最新推荐文章于 2025-09-14 14:46:01 发布 · 329 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍如何使用ViewFlipper组件实现简单的轮播图效果，包括自动播放和手势滑动控制。通过代码示例展示了如何加载图片资源、设置动画效果及实现触摸事件监听。

类似于viewpager，但是没有手势滑动，更适合做轮播图（不能点的那种）。

在布局中定义：

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

    </ViewFlipper>

在程序中引用：

@EActivity(R.layout.activity_main4)
public class Main4Activity extends AppCompatActivity {

    @ViewById
    ViewFlipper flipper;

    private int[] dabid = {R.drawable.ic_launcher, R.drawable.images, R.drawable.init_pic, R.drawable.biz_topic_vote_submit_default};

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
    }

    @AfterViews
    void initView() {
        for (int i = 0; i < dabid.length; i++) {
            flipper.addView(getImageView(dabid[i]));
        }
        //设置自动播放的功能
       flipper.setInAnimation(Main4Activity.this, R.anim.left_in);
        flipper.setOutAnimation(Main4Activity.this, R.anim.left_out);
        flipper.setFlipInterval(3000);
        flipper.startFlipping();
    }

    private ImageView getImageView(int imagrs) {
        ImageView image = new ImageView(this);
        image.setImageResource(imagrs);
        image.setScaleType(ImageView.ScaleType.FIT_XY);
        return image;
    }
}

在getImageView中，设置的是src的资源，这时是按照图片大小来填充当前布局，如果需要全屏显示图片，可以用setbackground。

支持手势滑动的方法：

重写onTouchEvent（）方法，并关闭自动滑动的效果：

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                mystartX = event.getX();
                break;
            case MotionEvent.ACTION_UP:
                //向右划
                if (event.getX() - mystartX > 100) {
                    flipper.setInAnimation(this, R.anim.left_in);
                    flipper.setOutAnimation(this, R.anim.left_out);
                    flipper.showPrevious();
                }
                //向左划
                if (event.getX() - mystartX < 100) {
                    flipper.setInAnimation(this, R.anim.right_in);
                    flipper.setOutAnimation(this, R.anim.right_out);
                    flipper.showNext();
                }
                break;
            case MotionEvent.ACTION_MOVE:
                break;
        }
        return super.onTouchEvent(event);
    }