Android studio實現左右滑動切換圖片

2022-05-17 13:02:23

本文範例為大家分享了Android studio實現左右滑動切換圖片的具體程式碼，供大家參考，具體內容如下

切換圖片首先要使用到圖片切換器ImageSwitcher

先了解一下ImageSwitcher

1.ImageSwitcher的重要屬性：

android:inAnimation：切入圖片時的效果。
android:outAnimation：切出圖片時的效果。

以上兩個屬性在XML中設定，可以通過XML資原始檔自定義動畫效果，如果只是想使用Android自帶的一些簡單的效果，呼叫Android內建的資源即可，也可以在程式碼中設定，可以直接使用setInAnimation()和setOutAnimation()方法。它們都傳遞一個Animation的抽象物件，Animation用於描述一個動畫效果，一般使用一個AnimationUtils的工具類獲得。

常用的動畫效果有：

fede_in：淡進
fade_out:淡出
slide_in_left:從左滑進
slide_out_right: 從右滑出

2.java檔案中ImageSwitcher的重要重要方法：

setImageURL(URL) setImageResource(int) setImageDrawable(Drawable)

3.檢視工廠 setFactory()

ImageSwitcher通過setFactory()方法為它設定一個ViewSwitcher.ViewFactory介面。設定這個ViewFactory介面時需要實現makeView()方法，該方法通常會返回一個ImageView。makeView()為ImageSwitcher生成ImageView。

接下來程式碼實現左右滑動切換圖片

XML

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <ImageSwitcher
        android:id="@+id/imageswitch"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>

</LinearLayout>

java程式碼如下：

package com.example.tablelayout;

import android.os.Bundle;
import android.view.MotionEvent;
import android.view.View;
import android.view.WindowManager;
import android.view.animation.AnimationUtils;
import android.widget.ImageSwitcher;
import android.widget.ImageView;
import android.widget.ViewSwitcher;

import androidx.appcompat.app.AppCompatActivity;

public class ImageSwitcha_Activity extends AppCompatActivity {
    private  int[]  arrayPicture=new int[]{
            R.drawable.pa,R.drawable.pb};
    private ImageSwitcher imageSwitcher;
    private int  index;
    private  float touchDownX;
    private  float touchUpX;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.imageswitch_main);
        //設定全螢幕顯示
        getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,
                WindowManager.LayoutParams.FLAG_FULLSCREEN);
        imageSwitcher=findViewById(R.id.imageswitch);
        //設定檢視工廠
        imageSwitcher.setFactory(new ViewSwitcher.ViewFactory() {
            @Override
            public View makeView() {
                ImageView  imageView=new ImageView(ImageSwitcha_Activity.this);
                imageView.setImageResource(arrayPicture[index]);//設定顯示圖片（利用下標）
                return imageView;//返回影象檢視
            }
        });
        //設定觸控監聽器
        imageSwitcher.setOnTouchListener(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View v, MotionEvent event) {
                //判斷動作是不是按下  獲得按下時的X座標
                if(event.getAction()==MotionEvent.ACTION_DOWN) {
                    touchDownX=event.getX();
                    return true;
                } else if(event.getAction()==MotionEvent.ACTION_UP) {
                    touchUpX=event.getX();
                    //判斷是左滑動還是右滑動
                    if(touchUpX-touchDownX>100){
                        //判斷是不是第一張圖片 是就將索引變成最後一張圖片索引，
                        // 不是則當前索引減一
                        index=index==0?arrayPicture.length-1:index-1;
                        //使用自帶的淡入淡出
                        imageSwitcher.setInAnimation(AnimationUtils.loadAnimation(ImageSwitcha_Activity.this,android.R.anim.fade_in));
                        imageSwitcher.setOutAnimation(AnimationUtils.loadAnimation(ImageSwitcha_Activity.this,android.R.anim.fade_out));
                        imageSwitcher.setImageResource(arrayPicture[index]);
                    }else if(touchDownX-touchUpX>100){
                        index=index==arrayPicture.length-1?0:index+1;//注意這裡下標是從0開始的，所以應該是長度減1
                        imageSwitcher.setInAnimation(AnimationUtils.loadAnimation(ImageSwitcha_Activity.this,android.R.anim.fade_in));
                        imageSwitcher.setOutAnimation(AnimationUtils.loadAnimation(ImageSwitcha_Activity.this,android.R.anim.fade_out));
                        imageSwitcher.setImageResource(arrayPicture[index]);

                    }
                    return true;
                }
                return false;
            }
        });
    }
}

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支援it145.com。

Android studio實現左右滑動切換圖片

熱門文章