Android使用ViewFlipper實現Switch動畫特效

使用ViewFlipper實現Switch簡單的開啓可關閉動畫特效，Switch部分主要爲自定義控件，繼承的ViewFlipper。

1、主Activity文件，其中實現了對mSwitch的點擊監聽事件，通過判斷labelState的狀態來選擇開啓或關閉開關。

package com.chengkni.demo.viewflipper;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.Window;
import android.widget.Toast;

public class MainActivity extends Activity {
    private MyViewFlipper mSwitch;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        requestWindowFeature(Window.FEATURE_NO_TITLE);
        setContentView(R.layout.activity_main);
        initView();
    }

    private void initView() {
        mSwitch = (MyViewFlipper) findViewById(R.id.vf_main_my_switch);
        mSwitch.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View view) {
                if (mSwitch.labelState) {
                    Toast.makeText(getApplicationContext(), "開關已打開",
                            Toast.LENGTH_SHORT).show();
                    mSwitch.openPrevious();
                } else {
                    Toast.makeText(getApplicationContext(), "開關已關閉",
                            Toast.LENGTH_SHORT).show();
                    mSwitch.openNext();
                }
            }
        });
    }
}

2、自定義的Switch控件。繼承了ViewFlipper ，覆蓋了幾個父類方法和自定義了幾個方法。

package com.chengkni.demo.viewflipper;

import android.content.Context;
import android.util.AttributeSet;
import android.util.Log;
import android.widget.ViewFlipper;

public class MyViewFlipper extends ViewFlipper {
    private String TAG = this.getClass().getSimpleName();
    public boolean labelState = false;
    private Context mContext;

    public MyViewFlipper(Context context) {
        super(context);
        mContext = context;
        Log.e(TAG, "MyViewFlipper(Context context)");
    }

    public MyViewFlipper(Context context, AttributeSet attrs) {
        super(context, attrs);
        mContext = context;
        Log.e(TAG, "MyViewFlipper(Context context, AttributeSet attrs)");
    }

    /**
     * 說明：顯示下一個標籤
     */
    public void openNext() {
        setInAnimation(mContext, R.anim.open_label_in_anim);
        setOutAnimation(mContext, R.anim.open_label_out_anim);
        showNext();
        labelState = true;
    }

    /**
     * 說明：顯示下一個標籤
     * 
     * @param inAnim 標籤入場動畫
     * @param outAnim 標籤出場動畫
     */
    public void openNext(int inAnim, int outAnim) {
        setInAnimation(mContext, inAnim);
        setOutAnimation(mContext, outAnim);
        showNext();
        labelState = true;
    }

    /**
     * 說明：顯示上一個標籤
     */
    public void openPrevious() {
        setInAnimation(mContext, R.anim.close_label_in_anim);
        setOutAnimation(mContext, R.anim.close_label_out_anim);
        showPrevious();
        labelState = false;
    }

    /**
     * 說明：顯示上一個標籤
     * 
     * @param inAnim 標籤入場動畫
     * @param outAnim 標籤出場動畫
     */
    public void openPrevious(int inAnim, int outAnim) {
        setInAnimation(mContext, inAnim);
        setOutAnimation(mContext, outAnim);
        showPrevious();
        labelState = false;
    }

    @Override
    public void showNext() {
        super.showNext();
    }

    @Override
    public void showPrevious() {
        super.showPrevious();
    }

    @Override
    public void setInAnimation(Context context, int resourceID) {
        super.setInAnimation(context, resourceID);
    }

    @Override
    public void setOutAnimation(Context context, int resourceID) {
        super.setOutAnimation(context, resourceID);
    }
}

3、Switch的動畫實現使用的anim文件。文件詳見完整工程包。
4、主佈局文件

<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=".MainActivity" >

    <com.chengkni.demo.viewflipper.MyViewFlipper
        android:id="@+id/vf_main_my_switch"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true" >

        <TextView
            android:id="@+id/tv_main_close_label"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/main_close_lable"
            android:textSize="25sp" />

        <TextView
            android:id="@+id/tv_main_open_label"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/main_open_lable"
            android:textSize="25sp" />
    </com.chengkni.demo.viewflipper.MyViewFlipper>

</RelativeLayout>

“ViewFlipper實現Switch動畫特效完”整工程文件下載地址