【Android开发基础】轮播图ViewFlipper

• 描述：如果一个软件需要加入广告模块，但又需要符合开发标准，不能覆盖底层控件，且不能接近系统操作按钮。
• 难度：初级
• 知识点：
• 1、Animation动画的使用
• 2、ViewFlipper配置
  

1、Animation

在设计之前，我们需要设计两个动画，一个进入动画、一个退出动画。

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

    <translate
        android:duration="500"
        android:fromXDelta="100%p"
        android:toXDelta="0"/>

</set>

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

    <translate
        android:duration="500"
        android:fromXDelta="0"
        android:toXDelta="-100%p"/>

</set>

2、UI设计

	<LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:padding="40dp">

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

    </LinearLayout>

3、后台功能实现

对象

	private ViewFlipper advertise;        // 轮播图控件
    private Animation[] animations = new Animation[2];    // 动画数组
    final int FLAG = 0x001;       // 消息代码
    private Message message;      // 消息对象

参数

	/**
     * 此处应为后端接收的广告数据，简单点来，直接使用保存的四张图片
     * @return
     */
    private int[] getAdvertiseImages() {
        return new int[]
                {R.drawable.comm_one,R.drawable.comm_two,R.drawable.coom_three,R.drawable.coom_fove};
    }

配置

	@Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        // 初始化
        init();
    }

    private void init() {
        advertise = findViewById(R.id.advertise);
        int[] advertises = getAdvertiseImages();
        // 广告瀑布
        AdvertiseFlipper(advertises);
    }

    private void AdvertiseFlipper(int[] images) {
        for (int i = 0 ; i < images.length ; i++){
            ImageView imageView = new ImageView(this);
            imageView.setImageResource(images[i]);
            advertise.addView(imageView);
        }
        animations[0] = AnimationUtils.loadAnimation(this, R.anim.slide_in_right);
        animations[1] = AnimationUtils.loadAnimation(this, R.anim.slide_out_left);
        advertise.setInAnimation(animations[0]);     //广告进入画面
        advertise.setOutAnimation(animations[1]);    //广告退出画面
        message = Message.obtain();     //获得对象
        message.what = FLAG;            //设置消息代码
        handler.sendMessage(message);   //发送
    }

    Handler handler = new Handler(){
        @Override
        public void handleMessage(Message msg) {
            if (msg.what == FLAG){
                advertise.showPrevious();
            }
            message = handler.obtainMessage(FLAG);
            handler.sendMessageDelayed(message,3000);    //设置3秒延迟
        }
    };