ViewFlipper與Gesture的使用

轉發請註明出處：http://blog.csdn.net/qq_28055429/article/details/51924215

一，ViewFlipper的基本知識:

（1）用途：常用於多個組件之間的切換，如動畫播放，手勢滑動切換，等等

（2）基本知識：繼承自ViewAnimator,可調用addView(View v)添加多個組件

（3）基本方法：

flipper.startFlipping() ---- 開始自動播放動畫

flipper.setInAnimation(上下文對象，動畫布局）

flipper.showPrevious() ------ 顯示上一個組件

flipper.showNext() -------- 顯示下一個組件

flipper.stopFlipping() -------- 停止自動播放

例子（1）自動播放動畫：

佈局:activity_first.xml ,在裏面添加一個ViewFlipper(裏面放置三個ImageView,用於播放切換的圖片），和三個按鈕：上，下，自動

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <ViewFlipper
        android:id="@+id/details"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:flipInterval="1000">
        <ImageView
            android:src="@drawable/aa"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" />
        <ImageView
            android:src="@drawable/ab"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" />
        <ImageView
            android:src="@drawable/ac"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" />
    </ViewFlipper>
    <Button
        android:text="$1t;"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:onClick="prev"
        android:layout_alignParentBottom="true"
        android:layout_alignParentLeft="true"/>
    <Button
        android:layout_alignParentBottom="true"
        android:layout_centerInParent="true"
        android:onClick="auto"
        android:text="自動播放"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
    <Button
        android:text=">"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:onClick="next"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"/>

</RelativeLayout>

主類：ViewFlipperActivity 繼承Activity

在三個監聽方法裏，分別添加flipper的相關方法，即可,代碼如下：

package testsdcard.com.maiyu.s04_71.activity;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.ViewFlipper;

import testsdcard.com.maiyu.s04_71.R;

/**
 * Created by maiyu on 2016/7/16.
 */
public class ViewFlipperActivity extends Activity {
    private ViewFlipper flipper ;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_first);
        flipper =   (ViewFlipper)this.findViewById(R.id.details);
    }
    public void prev(View source){
        flipper.setInAnimation(this , android.R.anim.slide_in_left);
        flipper.setOutAnimation(this , android.R.anim.slide_out_right);
        flipper.showPrevious();     //顯示上一個組件
        flipper.stopFlipping();     //停止自動播放
    }
    public void auto(View source){
        flipper.setInAnimation(this , android.R.anim.slide_in_left);
        flipper.setOutAnimation(this , android.R.anim.slide_out_right);
        flipper.startFlipping();        //開始自動播放
    }
    public void next(View source){
        flipper.setInAnimation(this , android.R.anim.slide_in_left);
        flipper.setOutAnimation(this , android.R.anim.slide_out_right);
        flipper.showNext();         //顯示下一個組件
        flipper.stopFlipping();     //停止自動播放
    }
}

然後是在res/anim/下的兩個動畫布局：slide_in_left和slide_out_right：代碼如下：

slide_in_left:

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

slide_out_right:

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

然後就行了，結果截圖略。。

二，Gesture

(1)名字：手勢

(2)用途：屏幕滑動，圖片擴大縮小，手勢密碼識別等等

(3)基本方法：

boolean onDown(MotionEvent e) :當觸摸事件按下時觸發該方法

boolean onLongPress(MotionEvent e) ：當用戶長按時調用

void onShowPress(MotionEvent e) ：用戶在觸摸屏上按下且未移動和鬆開時觸發

boolean onSingleTapUp(MotionEvent e) ：輕擊屏幕觸發

boolean onScroll(Motion e1 , MotionEvent e2 ,float distanceX , float distanceY) :當在屏幕上滾動時觸發，

比較常用的一個方法：

boolean onFling(MotionEvent e1 , MotionEvent e2 , float velocityX , float velocityY):

當用戶在屏幕上拖過時調用，其中X,Y代表橫，縱向速度

例子2：通過手指滑動切換登錄界面和註冊界面

佈局，還是用ViewFlipper,裏面放置兩個LinearLayout佈局，用於登錄和註冊

activity_second.xml內容如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal">
    <!--定義ViewFlipper視圖切換器-->
    <ViewFlipper
        android:id="@+id/ViewFlipper01"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">
        <!--視圖切換器的第一個界面-->
        <LinearLayout
            android:id="@+id/LinearLayout01"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="vertical">
            <!--提示文本標籤-->
            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:textSize="20dp"
                android:text="@string/Ll_tv_01"/>
            <!--登錄界面的用戶輸入框-->
            <EditText
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:hint="@string/Ll_edt_01"/>
            <!--登錄界面的密碼輸入框-->
            <EditText
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:hint="@string/Ll_edt_02"/>
            <!--登錄界面的登錄按鈕-->
            <Button
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:hint="@string/Ll_bt_01"/>

        </LinearLayout>

        <!--視圖切換器的第二個界面-->
        <LinearLayout
            android:id="@+id/LinearLayout02"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="vertical">
            <!--註冊界面文本提示-->
            <TextView
                android:id="@+id/TextView02"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:textSize="20dp"
                android:text="@string/L2_tv_01"/>
            <!--註冊界面的用戶輸入框-->
            <EditText
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:hint="@string/L2_edt_01"/>
            <!--註冊界面的密碼輸入框-->
            <EditText
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:hint="@string/L2_edt_02"/>
            <!--註冊界面的郵箱輸入框-->
            <EditText
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:hint="@string/L2_edt_03"/>
            <!--註冊界面的註冊按鈕-->
            <Button
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:hint="@string/L2_bt_01"/>

        </LinearLayout>
    </ViewFlipper>

</LinearLayout>

主類：SecondActivity繼承Acitivity,實現OnGestureListener接口，就是把onTouchEvent交給gestureDetector的onTouchEvent方法

代碼如下：

package testsdcard.com.maiyu.s04_71.activity;

import android.app.Activity;
import android.os.Bundle;
import android.view.GestureDetector;
import android.view.MotionEvent;
import android.widget.ViewFlipper;

import testsdcard.com.maiyu.s04_71.R;

/**
 * Created by maiyu on 2016/7/16.
 */
public class SecondActivity extends Activity implements GestureDetector.OnGestureListener {
    private ViewFlipper flipper ;   //定義頁面中的ViewFlipper對象
    private GestureDetector detector ;  //定義手勢識別監聽器對象
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_second);
        detector = new GestureDetector(this);       //初始化手勢監聽器
        //得到flipper對象
        flipper  = (ViewFlipper)this.findViewById(R.id.ViewFlipper01);
    }

    /**
     * 當頁面被觸摸時自動回調，把拿到的事件給手勢識別器進行處理
     * @param event
     * @return
     */
    @Override
    public boolean onTouchEvent(MotionEvent event) {

        return detector.onTouchEvent(event);
    }

    //當頁面被按下時自動回調
    @Override
    public boolean onDown(MotionEvent motionEvent) {
        return false;
    }

    //當頁面被按壓時自動回調
    @Override
    public void onShowPress(MotionEvent motionEvent) {

    }

    //當輕擊頁面時自動回調
    @Override
    public boolean onSingleTapUp(MotionEvent motionEvent) {
        return false;
    }

    //界面滾動時自動回調
    @Override
    public boolean onScroll(MotionEvent motionEvent, MotionEvent motionEvent1, float v, float v1) {
        return false;
    }

    //當長按界面時自動回調
    @Override
    public void onLongPress(MotionEvent motionEvent) {

    }

    /*
    當在頁面中滑動時自動回調
    x,y代表在橫向，縱向的速度
     */
    @Override
    public boolean onFling(MotionEvent e1, MotionEvent e2, float x, float y) {
        //得到滑動過程中的亮點的x和y座標，進行判斷
        if(e1.getX() > e2.getX()){
            //當向左滑動時顯示上一張
            this.flipper.showNext();
        }else if(e1.getX() < e2.getX()){
            //當向右滑動時顯示下一張
            this.flipper.showPrevious();
        }else{
            return false;
        }
        return true;
    }
}

測試結果略：

兩個例子的代碼下載地址：http://download.csdn.net/detail/qq_28055429/9577724

三，Gesture的使用：

步驟：

1.創建一個GestureDetector對象，創建該對象時必須實現一個GestureDetector.OnGestureListener監聽器實例

(1)如：

 private GestureDetector.OnGestureListener onGestureListener = new GestureDetector.SimpleOnGestureListener(){
		//在裏面重寫onFling()方法
	}
           GestureDetector detector  =  new GestureDetector(MainActivity.this , onGestureListener);

2.重寫該Activity的onTouchEvent方法，把觸摸響應交給GestureDetector的onTouchEvent方法處理

代碼如下：

@Override
    public boolean onTouchEvent(MotionEvent event) {

        return detector.onTouchEvent(event);
    }

<span style="color:#ff0000;">  3，現在只要去實現GestureDetector的方法就Ok了，，待續</span>

ViewFlipper與Gesture的使用

985 碩士程序員，空窗 4 個月沒有 Offer！

一文搞懂 Spring 循環依賴

賽博鬥地主——使用大語言模型扮演Agent智能體玩牌類遊戲。

VScode右鍵打開(添加到右鍵)

記一次 .NET某工控視覺自動化系統卡死分析

WindowsServer--SQL Server搭建主從同步實現讀寫分離 - 事務性分發

java由於越界導致的報錯

狐狸捉兔子，約瑟夫，猴子選大王，求剩餘者42

Android之廣播與服務

ViewFlipper與Gesture的使用

Intent 之系統Intent

SharedPreferences和File

Mac下配置sublime實現LaTeX

https://yachay.unat.edu.pe/blog/index.php?comment_area=format_blog&comment_component=blog&comment_co

linux以太網驅動總結