亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 系統 > Android > 正文

Android實現圖片輪播切換實例代碼

2020-04-11 11:12:26
字體:
來源:轉載
供稿:網友

利用Android的ViewFlipper和AnimationUtils實現圖片帶有動畫的輪播切換,其中當點擊“上一張”圖片時,切換到上一張圖片;當點擊“下一張”圖片時,切換到下一張圖片。其效果圖如下:

設置布局文件,其內容如下:

activity_image_flipper_shade.xml

<?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" android:background="@drawable/background" android:paddingBottom="@dimen/activity_optopns_vertical_margin" android:paddingLeft="@dimen/activity_options_horizontal_margin" android:paddingRight="@dimen/activity_options_horizontal_margin" android:paddingTop="@dimen/activity_optopns_vertical_margin" tools:context=".ImageFlipperActivity" > <RelativeLayout  android:id="@id/rl_image_flipper_shade_title"  android:layout_width="match_parent"  android:layout_height="wrap_content"  android:orientation="horizontal" >  <Button   android:id="@+id/btn_image_flipper_shade_back"   android:layout_width="wrap_content"   android:layout_height="wrap_content"   android:layout_alignParentLeft="true"   android:layout_marginBottom="10dp"   android:background="@drawable/custom_button"   android:text="@string/back"   android:textColor="@color/textColor"   android:textSize="16sp"   android:visibility="visible" />  <TextView   android:id="@id/tv_image_flipper_shade_title"   android:layout_width="wrap_content"   android:layout_height="wrap_content"   android:layout_centerInParent="true"   android:text="@string/image_flipper_shade"   android:textColor="@color/textColor"   android:textSize="30sp"   android:textStyle="bold" /> </RelativeLayout> <LinearLayout  android:id="@id/ll_image_flipper_shade_content"  android:layout_width="match_parent"  android:layout_height="match_parent"  android:layout_below="@id/rl_image_flipper_shade_title"  android:layout_marginBottom="20dp"  android:layout_marginTop="20dp"  android:gravity="center"  android:orientation="vertical" >  <ViewFlipper   android:id="@id/vf_image_flipper_shade"   android:layout_width="match_parent"   android:layout_height="match_parent" /> </LinearLayout></RelativeLayout>

動畫效果配置文件,其內容如下:

A.push_left_in.xml(從左邊進入屏幕)

<?xml version="1.0" encoding="utf-8"?><set xmlns:android="http://schemas.android.com/apk/res/android" > <!-- translate:畫面轉換位置移動動畫效果 --> <translate  android:duration="500"  android:fromXDelta="100%p"  android:toXDelta="0" /> <!-- alpha:漸變透明度動畫效果 --> <alpha  android:duration="500"  android:fromAlpha="0.1"  android:toAlpha="1.0" /> <!-- scale:漸變尺寸伸縮動畫效果 --> <!-- rotate:畫面轉換位置移動動畫效果 --></set>B.push_left_out.xml(從左邊退出屏幕)<?xml version="1.0" encoding="utf-8"?><set xmlns:android="http://schemas.android.com/apk/res/android" > <translate  android:duration="500"  android:fromXDelta="0"  android:toXDelta="-100%p" /> <alpha  android:duration="500"  android:fromAlpha="1.0"  android:toAlpha="0.1" /></set>C.push_right_in.xml(從右邊進入屏幕)<?xml version="1.0" encoding="utf-8"?><set xmlns:android="http://schemas.android.com/apk/res/android" > <translate  android:duration="500"  android:fromXDelta="-100%p"  android:toXDelta="0" /> <alpha  android:duration="500"  android:fromAlpha="0.1"  android:toAlpha="1.0" /></set>D.push_right_out.xml(從右邊退出屏幕)<?xml version="1.0" encoding="utf-8"?><set xmlns:android="http://schemas.android.com/apk/res/android" > <translate  android:duration="500"  android:fromXDelta="0"  android:toXDelta="100%p" /> <alpha  android:duration="500"  android:fromAlpha="1.0"  android:toAlpha="0.1" /></set>

實現圖片輪播切換的類為ImageFlipperShadeActivity.java,其內容為:

/** *  */package com.i114gbox.aglieguy;import android.annotation.SuppressLint;import android.content.Context;import android.graphics.PixelFormat;import android.os.Bundle;import android.os.Handler;import android.view.Gravity;import android.view.MotionEvent;import android.view.View;import android.view.View.OnClickListener;import android.view.WindowManager;import android.view.WindowManager.LayoutParams;import android.view.animation.AnimationUtils;import android.widget.Button;import android.widget.ImageView;import android.widget.ViewFlipper;import com.i114gbox.sdk.activity.I114gBoxActivity;import com.i114gbox.sdk.utils.I114gBoxCollectActivityUtils;import com.i114gbox.sdk.utils.I114gBoxLogUtils;import com.i114gbox.sdk.utils.I114gBoxResourceUtils;/** * 圖片滑動漸變Activity *  * @author SJC *  */public class ImageFlipperShadeActivity extends I114gBoxActivity {private static String TAG = "ImageFlipperShadeActivity";private Context ctx = null;private ViewFlipper viewFlipper;// 視圖輪播private WindowManager windowManager;// 窗口管理器private WindowManager.LayoutParams layoutParams;// 布局參數private boolean isHide;private int mAlpha = 0;// 左邊圖片視圖private ImageView leftImageView;// 右邊圖片視圖private ImageView rightImageView;private int WHAT_HIDE = 0;private int WHAT_SHOW = 1;@Overrideprotected void onCreate(Bundle savedInstanceState) {I114gBoxLogUtils.d(TAG, "The onCreate method execute.");super.onCreate(savedInstanceState);I114gBoxCollectActivityUtils.getInstance().addActivity(this);// 收集Activityctx = this;setContentView(I114gBoxResourceUtils.getLayoutId(ctx,"activity_image_flipper_shade"));viewFlipper = (ViewFlipper) findViewById(I114gBoxResourceUtils.getId(ctx, "vf_image_flipper_shade"));viewFlipper.addView(addImageView(I114gBoxResourceUtils.getDrawableId(ctx, "flipper_01")));viewFlipper.addView(addImageView(I114gBoxResourceUtils.getDrawableId(ctx, "flipper_02")));viewFlipper.addView(addImageView(I114gBoxResourceUtils.getDrawableId(ctx, "flipper_03")));viewFlipper.addView(addImageView(I114gBoxResourceUtils.getDrawableId(ctx, "flipper_04")));viewFlipper.addView(addImageView(I114gBoxResourceUtils.getDrawableId(ctx, "flipper_05")));viewFlipper.addView(addImageView(I114gBoxResourceUtils.getDrawableId(ctx, "flipper_06")));Button backButton = (Button) findViewById(I114gBoxResourceUtils.getId(ctx, "btn_image_flipper_shade_back"));backButton.setOnClickListener(new OnClickListener() {@Overridepublic void onClick(View v) {finish();}});initImageButtonView();// 初始化ImageButton視圖}/** 添加ImageView控件 **/private View addImageView(int id) {ImageView imageView = new ImageView(this);imageView.setImageResource(id);return imageView;}/** 初始化ImageButton視圖 **/private void initImageButtonView() {windowManager = (WindowManager) ctx.getSystemService(Context.WINDOW_SERVICE);layoutParams = new WindowManager.LayoutParams();// 設置窗口類型layoutParams.type = LayoutParams.TYPE_PHONE;// 設置圖片格式,效果為背景透明layoutParams.format = PixelFormat.RGBA_8888;// 設置FLAG參數,觸摸失效或無法獲取焦點layoutParams.flags = LayoutParams.FLAG_NOT_TOUCH_MODAL| LayoutParams.FLAG_NOT_FOCUSABLE;// 初始化話坐標值layoutParams.x = 0;layoutParams.y = 0;// 設置窗口的寬度和高度layoutParams.width = 50;layoutParams.height = 50;// 創建左邊和右邊按鈕createLeftButtonView();createRightButtonView();}/** 創建左邊按鈕 **/private void createLeftButtonView() {leftImageView = new ImageView(ctx);leftImageView.setBackgroundResource(I114gBoxResourceUtils.getDrawableId(ctx, "flipper_left"));leftImageView.setAlpha(0);// 完全透明// 添加點擊監聽事件leftImageView.setOnClickListener(new OnClickListener() {@Overridepublic void onClick(View v) {// 設置進入屏幕的動畫viewFlipper.setInAnimation(AnimationUtils.loadAnimation(ctx,I114gBoxResourceUtils.getAnimId(ctx, "push_left_in")));// 設置退出屏幕的動畫viewFlipper.setOutAnimation(AnimationUtils.loadAnimation(ctx,I114gBoxResourceUtils.getAnimId(ctx, "push_left_out")));// 顯示下一個圖層viewFlipper.showNext();}});// 設置布局為左邊垂直居中layoutParams.gravity = Gravity.LEFT | Gravity.CENTER_VERTICAL;// 將左邊按鈕添加到窗口中windowManager.addView(leftImageView, layoutParams);}/** 創建右邊按鈕 **/private void createRightButtonView() {rightImageView = new ImageView(ctx);rightImageView.setBackgroundResource(I114gBoxResourceUtils.getDrawableId(ctx, "flipper_right"));rightImageView.setAlpha(0);// 完全透明// 添加點擊監聽事件rightImageView.setOnClickListener(new OnClickListener() {@Overridepublic void onClick(View v) {// 設置進入屏幕的動畫viewFlipper.setInAnimation(AnimationUtils.loadAnimation(ctx,I114gBoxResourceUtils.getAnimId(ctx, "push_right_in")));// 設置退出屏幕的動畫viewFlipper.setOutAnimation(AnimationUtils.loadAnimation(ctx,I114gBoxResourceUtils.getAnimId(ctx, "push_right_out")));// 顯示上一個圖層viewFlipper.showPrevious();}});// 設置布局為右邊垂直居中layoutParams.gravity = Gravity.RIGHT | Gravity.CENTER_VERTICAL;// 將右邊按鈕添加到窗口中windowManager.addView(rightImageView, layoutParams);}@Overridepublic boolean onTouchEvent(MotionEvent event) {I114gBoxLogUtils.d(TAG, "The onTouchEvent method execute.");switch (event.getAction()) {// 移動事件case MotionEvent.ACTION_MOVE:break;// 按下事件case MotionEvent.ACTION_DOWN:// 顯示ImageButton視圖showImageButtonView();break;// 按下后松開事件case MotionEvent.ACTION_UP:// 隱藏ImageButton視圖hideImageButtonView();break;default:break;}return true;}/** 顯示ImageButton視圖 **/private void showImageButtonView() {isHide = true;mHandler.sendEmptyMessage(WHAT_SHOW);}/** 隱藏ImageButton視圖 **/private void hideImageButtonView() {new Thread() {@Overridepublic void run() {try {Thread.sleep(1500);isHide = false;mHandler.sendEmptyMessage(WHAT_HIDE);} catch (InterruptedException e) {I114gBoxLogUtils.e(TAG, e.getMessage());}};}.start();}/** 處理異步消息 **/@SuppressLint("HandlerLeak")private Handler mHandler = new Handler() {@Overridepublic void handleMessage(android.os.Message msg) {// 當接收到顯示左右圖片的消息時if (msg.what == 1 && mAlpha < 255) {mAlpha += 50;if (mAlpha > 255)mAlpha = 255;// 設置透明度leftImageView.setAlpha(mAlpha);// 刷新視圖leftImageView.invalidate();rightImageView.setAlpha(mAlpha);rightImageView.invalidate();if (!isHide && mAlpha < 255)mHandler.sendEmptyMessageDelayed(WHAT_SHOW, 100);}// 當接收到隱藏左右圖片的消息時else if (msg.what == 0 && mAlpha > 0) {mAlpha -= 10;if (mAlpha < 0)mAlpha = 0;// 設置透明度leftImageView.setAlpha(mAlpha);// 刷新視圖leftImageView.invalidate();rightImageView.setAlpha(mAlpha);rightImageView.invalidate();if (isHide && mAlpha > 0)mHandler.sendEmptyMessageDelayed(WHAT_HIDE, 100);}};};@Overrideprotected void onDestroy() {I114gBoxLogUtils.d(TAG, "The onDestory method execute.");super.onDestroy();// 移除ImageView控件windowManager.removeView(leftImageView);windowManager.removeView(rightImageView);};}

武林網友情提醒大家需要注意事項如下:

需要設置WindowManager的屬性,包含type、format和flags等等創建左右邊圖片動畫加載效果,并實現onTouchEvent事件,其中MotionEvent.ACTION_DOWN為按下監聽事件,MotionEvent.ACTION_UP為按下后松開事件

以上是本文給大家敘述的Android實現圖片輪播切換實例代碼,希望可以幫助到大家。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
欧美色欧美亚洲高清在线视频| 91免费视频国产| 97激碰免费视频| 91视频国产精品| 成人免费xxxxx在线观看| 久久久久久欧美| 久久色免费在线视频| 黑人精品xxx一区一二区| 91久久在线观看| 人人澡人人澡人人看欧美| 国产综合久久久久| 亚洲精品美女久久| 91精品久久久久久综合乱菊| 日韩精品免费看| 992tv在线成人免费观看| 国产香蕉一区二区三区在线视频| 揄拍成人国产精品视频| 亚洲精品之草原avav久久| 最近中文字幕mv在线一区二区三区四区| 午夜精品久久久久久久99黑人| 91精品国产91| 精品视频—区二区三区免费| 欧美日本在线视频中文字字幕| 国产一区私人高清影院| 17婷婷久久www| 日韩中文字幕在线免费观看| 欧美精品成人91久久久久久久| 亚洲天堂男人天堂女人天堂| 亚洲精品不卡在线| www.欧美三级电影.com| 欧美精品18videosex性欧美| 国产精品毛片a∨一区二区三区|国| 日韩电影中文字幕| 日韩欧亚中文在线| 国产精品日韩久久久久| 国产精品视频免费在线| 国产主播在线一区| 性色av一区二区三区免费| 国产精品视频白浆免费视频| 欧美日韩精品在线观看| 91在线视频导航| 国产成人综合精品在线| 91精品久久久久久久久久久久久| 亚洲国产成人精品女人久久久| 日韩av免费观影| 一区二区亚洲欧洲国产日韩| 久久精品国亚洲| 久久精品久久精品亚洲人| 亚洲欧美精品一区| 亚洲一区国产精品| 亚洲图片欧美日产| 在线a欧美视频| 国产精品盗摄久久久| 久久久久久噜噜噜久久久精品| 欧美成人在线网站| 亚洲欧美日韩国产中文| 欧美在线观看日本一区| 精品视频久久久久久久| 国产丝袜一区二区三区| 欧美大尺度电影在线观看| 26uuu另类亚洲欧美日本老年| 日本精品久久中文字幕佐佐木| 色婷婷**av毛片一区| 亚洲字幕在线观看| 欧美俄罗斯性视频| 国产欧美韩国高清| 欧美特级www| 久久久女女女女999久久| 亚洲国产精品成人一区二区| 欧美国产日韩视频| 91在线网站视频| 日韩中文视频免费在线观看| 欧美床上激情在线观看| 黄网站色欧美视频| 在线日韩av观看| 在线播放精品一区二区三区| 中文字幕一精品亚洲无线一区| 国产精品黄色av| 欧美国产亚洲视频| 91精品国产99久久久久久| 国产精品视频免费在线观看| 日韩有码在线播放| 欧美精品激情视频| 久久精品电影一区二区| 久久精品2019中文字幕| 精品国产自在精品国产浪潮| 国产精品久久久久aaaa九色| 黄色精品一区二区| 亚洲一二在线观看| …久久精品99久久香蕉国产| 亚洲激情视频在线| 色妞在线综合亚洲欧美| 久久99精品久久久久久青青91| 欧美视频一二三| 亚洲最大成人免费视频| 日韩网站免费观看| 91久久精品久久国产性色也91| 久久久精品在线| 国语自产精品视频在免费| 欧美大秀在线观看| 亚洲一区二区黄| 69国产精品成人在线播放| 91成人免费观看网站| 久久视频这里只有精品| 亚洲free嫩bbb| 久国内精品在线| 97久久精品在线| 亚洲精品综合精品自拍| 亚洲国产精品人久久电影| 91av国产在线| 欧美日韩国产在线看| 久久人人爽国产| 久久香蕉国产线看观看av| 久久91超碰青草是什么| 欧美色道久久88综合亚洲精品| 国产精品香蕉av| 在线成人激情视频| 91产国在线观看动作片喷水| 欧美大尺度电影在线观看| 久国内精品在线| 欧美性视频网站| 高清亚洲成在人网站天堂| 日韩av在线直播| 国产精品igao视频| 久久成人精品电影| 5252色成人免费视频| 中文字幕成人精品久久不卡| 成人激情视频小说免费下载| 欧美精品在线播放| 美女啪啪无遮挡免费久久网站| 中国日韩欧美久久久久久久久| 国产精品三级网站| 精品国产一区二区三区久久久狼| 国产精品视频永久免费播放| 亚洲国产婷婷香蕉久久久久久| 97超级碰在线看视频免费在线看| 久久精品91久久香蕉加勒比| 日韩在线观看网站| 国产一区av在线| 欧美性jizz18性欧美| 精品视频—区二区三区免费| 亚洲色图偷窥自拍| 91av在线影院| 国产精品观看在线亚洲人成网| 久久精品国产一区二区电影| 粉嫩av一区二区三区免费野| 国内精品400部情侣激情| 亚洲精品一区二区三区不| 亚洲国产成人精品一区二区| 91欧美精品午夜性色福利在线| 欧美疯狂xxxx大交乱88av| 国产欧美日韩中文字幕| 亚洲精品日韩欧美| 高清欧美一区二区三区| 亚洲男人的天堂网站| 亚洲黄页网在线观看| 亚洲欧美日本伦理| 久久精品99久久香蕉国产色戒| 亚洲自拍偷拍色片视频| 久久中文字幕视频| 欧美一区深夜视频| 久久久久久久久久久网站| 成人欧美在线视频| 久色乳综合思思在线视频|