android文字轮播——ViewAnimator实现

android文字轮播——ViewAnimator实现

类似图片轮播的功能，一般使用的时候都是使用自动的广告提示，或者通知提醒，比如淘宝app中的“淘宝头条”。现在就进行制作。

首先需要定义动画，包括文字进入和退出的效果。然后就是自动执行轮播。还是采用handler配合message的方式。下面是主要代码：

1、首先，布局文件：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.administrator.animator.MainActivity">

    <Button
        android:id="@+id/btn_previous"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:text="上一个" />

    <Button
        android:id="@+id/btn_auto"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:text="自动播放" />

    <Button
        android:id="@+id/btn_next"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_alignParentTop="true"
        android:text="下一个" />

    <ViewAnimator
        android:id="@+id/animator"
        android:layout_width="match_parent"
        android:layout_height="200dp"
        android:layout_alignParentBottom="true"
        android:layout_marginBottom="10dp">

        <TextView
            android:id="@+id/text1"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:gravity="center"
            android:text="欢迎"
            android:textColor="#f0f"
            android:textSize="80sp" />

        <TextView
            android:id="@+id/text2"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:gravity="center"
            android:text="测试"
            android:textColor="#f0f"
            android:textSize="80sp" />

        <TextView
            android:id="@+id/text3"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:gravity="center"
            android:text="本程序"
            android:textColor="#f0f"
            android:textSize="80sp" />

        <TextView
            android:id="@+id/text4"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:gravity="center"
            android:text="!!!!!"
            android:textColor="#f0f"
            android:textSize="80sp" />

        <TextView
            android:id="@+id/text5"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:gravity="center"
            android:text="hello,world"
            android:textColor="#f0f"
            android:textSize="80sp" />
    </ViewAnimator>
</RelativeLayout>

2、然后需要四个动画效果：

slide_in_down.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate
        android:duration="@android:integer/config_mediumAnimTime"
        android:fromYDelta="100%"
        android:toYDelta="0"></translate>
</set>

slide_in_up.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate
        android:duration="@android:integer/config_mediumAnimTime"
        android:fromYDelta="-100%"
        android:toYDelta="0"></translate>
</set>

slide_out_down.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate
        android:duration="@android:integer/config_mediumAnimTime"
        android:fromYDelta="0"
        android:toYDelta="100%"></translate>
</set>

slide_out_up.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate
        android:duration="@android:integer/config_mediumAnimTime"
        android:fromYDelta="0"
        android:toYDelta="-100%"></translate>
</set>

3、MainActivity.java

package com.example.administrator.animator;

import android.os.Handler;
import android.os.Message;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.ViewAnimator;

public class MainActivity extends AppCompatActivity {
    private final String TAG = MainActivity.class.getSimpleName();
    private final long TIME_INTERVAL = 4000L;
    private ViewAnimator viewAnimator;
    private Button buttonNext;
    private Button buttonPrevious;
    private Button buttonAuto;

    private boolean autoPlayFlag = false;

    Handler handler = new Handler(){
        @Override
        public void handleMessage(Message msg) {
            super.handleMessage(msg);
            if(autoPlayFlag){
                showNext();
            }
            handler.sendMessageDelayed(new Message(),TIME_INTERVAL);
        }
    };
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        viewAnimator = (ViewAnimator) this.findViewById(R.id.animator);
        buttonNext = (Button) this.findViewById(R.id.btn_next);
        buttonPrevious = (Button) this.findViewById(R.id.btn_previous);
        buttonAuto = (Button) this.findViewById(R.id.btn_auto);

        handler.sendMessageDelayed(new Message(),TIME_INTERVAL);
        buttonNext.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                showNext();
            }
        });
        buttonPrevious.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                showPrevious();
            }
        });
        buttonAuto.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                autoPlayFlag = true;
            }
        });
    }
    public void showNext(){
        viewAnimator.setOutAnimation(this,R.anim.slide_out_up);
        viewAnimator.setInAnimation(this,R.anim.slide_in_down);
        viewAnimator.showNext();
    }
    public void showPrevious(){
        viewAnimator.setOutAnimation(this,R.anim.slide_out_down);
        viewAnimator.setInAnimation(this,R.anim.slide_in_up);
        viewAnimator.showPrevious();
    }
}

运行效果：

说明一下，这个点击下一个会一次进行显示下一个。点击自动以后就能够自动播放了。文字轮播不像图片轮播，需要来回的切换，一般就直接进行显示就可以了。