Android實現(xiàn)左右滑動切換圖片

更新時間：2022年05月17日 09:56:18 作者：Biu→Biu丶

這篇文章主要為大家詳細介紹了Android實現(xiàn)左右滑動切換圖片，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下

簡要說明

本文采用ImageSwitcher實現(xiàn)左右滑動切換圖片。首先調(diào)用setFactory方法，設置視圖工廠；然后設置手指觸碰監(jiān)聽，判斷左滑右滑進而切換圖片。

本地圖片

xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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">

? ? <ImageSwitcher
? ? ? ? android:id="@+id/imageSwitcher"
? ? ? ? android:layout_width="match_parent"
? ? ? ? android:layout_height="wrap_content" />

</LinearLayout>

activity

package com.imageSwitcher

import android.os.Bundle
import android.view.MotionEvent
import android.view.View
import android.view.animation.AnimationUtils
import android.widget.ImageView
import androidx.appcompat.app.AppCompatActivity
import com.bumptech.glide.Glide
import kotlinx.android.synthetic.main.activity_main.*

class MainActivity : AppCompatActivity() {
?? ?// 本地圖片
? ? private val images = arrayOf(R.drawable.t1,
? ? ? ? ? ? R.drawable.t2,
? ? ? ? ? ? R.drawable.t3,
? ? ? ? ? ? R.drawable.t4,
? ? ? ? ? ? R.drawable.t5,
? ? ? ? ? ? R.drawable.t6)
?? ?// 網(wǎng)絡圖片
?? ?private val urlImages = arrayOf("http://ip/aa.jpg",
? ? ? ? ?? ?"http://ip/bb.jpg",
? ? ? ? ?? ?"http://ip/cc.jpg",
? ? ? ? ?? ?"http://ip/dd.jpg",
? ? ? ? ?? ?"http://ip/ee.jpg",
? ? ? ? ?? ?"http://ip/ff.jpg")
? ? ? ? ?? ?
? ? private var index = 0
? ? private var touchDownX: Float = 0f
? ? private var touchUpX: Float = 0f

? ? override fun onCreate(savedInstanceState: Bundle?) {
? ? ? ? super.onCreate(savedInstanceState)
? ? ? ? setContentView(R.layout.activity_main)

? ? ? ? initView()
? ? }

? ? private fun initView() {
? ? ? ? // 設置視圖工廠
? ? ? ? imageSwitcher.setFactory {
? ? ? ? ? ? val imageView = ImageView(this@MainActivity)
? ? ? ? ? ? imageView.setImageResource(images[index])
? ? ? ? ? ? imageView
? ? ? ? }
? ? ? ? // 設置觸摸監(jiān)聽
? ? ? ? imageSwitcher.setOnTouchListener(object : View.OnTouchListener {
? ? ? ? ? ? override fun onTouch(view: View?, event: MotionEvent?): Boolean {
? ? ? ? ? ? ? ? //判斷動作是不是按下
? ? ? ? ? ? ? ? if (event?.action == MotionEvent.ACTION_DOWN) {
? ? ? ? ? ? ? ? ? ? // 獲取手指按下時的X坐標
? ? ? ? ? ? ? ? ? ? touchDownX = event.x
? ? ? ? ? ? ? ? ? ? return true
? ? ? ? ? ? ? ? } else if (event?.action == MotionEvent.ACTION_UP) {
? ? ? ? ? ? ? ? ? ? // 獲取手指離開后的X坐標
? ? ? ? ? ? ? ? ? ? touchUpX = event.x
? ? ? ? ? ? ? ? ? ? // 判斷是左滑還是右滑
? ? ? ? ? ? ? ? ? ? if (touchUpX - touchDownX > 100) {
? ? ? ? ? ? ? ? ? ? ? ? // 上一張
? ? ? ? ? ? ? ? ? ? ? ? if (index == 0) {
? ? ? ? ? ? ? ? ? ? ? ? ? ? index = images.size - 1
? ? ? ? ? ? ? ? ? ? ? ? } else {
? ? ? ? ? ? ? ? ? ? ? ? ? ? index--
? ? ? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? ? ? } else if (touchDownX - touchUpX > 100) {
? ? ? ? ? ? ? ? ? ? ? ? // 下一張
? ? ? ? ? ? ? ? ? ? ? ? if (index >= images.size - 1) {
? ? ? ? ? ? ? ? ? ? ? ? ? ? index = 0
? ? ? ? ? ? ? ? ? ? ? ? } else {
? ? ? ? ? ? ? ? ? ? ? ? ? ? index++
? ? ? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? ? ? // 使用自帶的淡入淡出
? ? ? ? ? ? ? ? ? ? imageSwitcher.inAnimation = AnimationUtils.loadAnimation(this@MainActivity, android.R.anim.fade_in);
? ? ? ? ? ? ? ? ? ? imageSwitcher.outAnimation = AnimationUtils.loadAnimation(this@MainActivity, android.R.anim.fade_out);
? ? ? ? ? ? ? ? ? ? // 顯示另一張圖片
? ? ? ? ? ? ? ? ? ? imageSwitcher.setImageResource(images[index])
? ? ? ? ? ? ? ? ? ? return true
? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? return false
? ? ? ? ? ? }
? ? ? ? })
? ? }
}

網(wǎng)絡圖片(采用Glide網(wǎng)絡加載)

setFactory方法對應替換：

imageSwitcher.setFactory {
? ? ? ? ? ? val imageView = ImageView(this@MainActivity) ? ? ??
? ? ? ? ? ? Glide.with(this).load(urlImages[index]).into(imageView)
? ? ? ? ? ? imageView
? ? ? ? }

setOnTouchListener對應替換：

Glide.with(this@SwipeRecommend).asBitmap().load(urlImages[index]).into(imageSwitcher.currentView as ImageView)

注意加載http網(wǎng)絡圖片需要設置網(wǎng)絡權(quán)限：

AndroidManifest.xml中添加：

<uses-permission android:name="android.permission.INTERNET" />

AndroidManifest.xml的application標簽添加：

android:networkSecurityConfig="@xml/network_security_config"

network_security_config.xml(res/xml/文件夾下,沒有自行創(chuàng)建即可)內(nèi)容為：

<?xml version="1.0" encoding="utf-8"?>
<network-security-config>
? ? <base-config cleartextTrafficPermitted="true">
? ? ? ? <trust-anchors>
? ? ? ? ? ? <certificates src="system" />
? ? ? ? </trust-anchors>
? ? </base-config>
</network-security-config>

效果展示

以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

android 封裝抓取網(wǎng)頁信息的實例代碼
android 封裝抓取網(wǎng)頁信息的實例代碼，需要的朋友可以參考一下
2013-06-06
android實現(xiàn)九宮格程序
這篇文章主要為大家詳細介紹了android實現(xiàn)九宮格程序，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2018-06-06
Android自定義EditText實現(xiàn)淘寶登錄功能
這篇文章主要為大家詳細介紹了Android自定義EditText實現(xiàn)淘寶登錄功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-12-12
詳解android.mk中引用第三方庫的方法
本篇文章主要介紹了詳解android.mk中引用第三方庫的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-05-05
Android Fragment的具體使用方式詳解
Fragment是Android3.0后引入的一個新的API，他出現(xiàn)的初衷是為了適應大屏幕的平板電腦，?當然現(xiàn)在他仍然是平板APP?UI設計的寵兒，而且我們普通手機開發(fā)也會加入這個Fragment，?我們可以把他看成一個小型的Activity，又稱Activity片段
2022-12-12
Android實現(xiàn)圖片瀏覽器示例
這篇文章主要介紹了Android實現(xiàn)圖片瀏覽器示例,需要的朋友可以參考下
2014-07-07
Android快遞物流信息布局開發(fā)
這篇文章主要為大家詳細介紹了Android快遞物流信息布局開發(fā)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2018-05-05
Android自定義view實現(xiàn)側(cè)滑欄詳解
之前一直沒有寫側(cè)滑菜單的實現(xiàn)方法，今天計劃補上。手機開發(fā)中，往往存在很多功能沒處放的問題。我們可能會把功能放入一個菜單列表，但現(xiàn)在一種流行的做法是側(cè)滑菜單
2022-11-11
Android 線程優(yōu)化知識點學習
這篇文章主要為大家介紹了Android線程優(yōu)化知識點學習，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2022-08-08
anndroid使用ViewPager實現(xiàn)三個fragment切換
這篇文章主要介紹了anndroid使用ViewPager實現(xiàn)三個fragment切換,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-04-04