Android中ViewFlipper的使用及設(shè)置動畫效果實例詳解
更新時間：2015年10月20日 11:14:20 作者：非著名程序員
這篇文章主要介紹了Android中ViewFlipper的使用及設(shè)置動畫效果的方法,以實例形式較為詳細的分析了ViewFlipper的功能、原理及設(shè)置與使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了Android中ViewFlipper的使用及設(shè)置動畫效果。分享給大家供大家參考，具體如下：
說到左右滑動，其實實現(xiàn)左右滑動的方式很多，有ViewPaer，自定義實現(xiàn)Viewgroup，gallery等都可以達到這種效果。這里做下ViewFliper實現(xiàn)左右滑動的效果。
會用到以下的技術(shù)：
1、ViewFlipper
2、GestureDetector
3、Animation
主要是這三個類在起作用。
ViewFlipper，不妨把它看做一個容器吧，你可以把許多的View放在這個容器中，讓它展示給用戶，雖然它每次只展示一個view，我感覺它的用途更好是作為廣告展示，比如類似購物網(wǎng)站那樣的廣告滾動展示。比如可以設(shè)置自動播放功能，就可以滾動廣告了！
原理：向左向右滑動主要是依賴手勢來控制，手勢向右滑動就調(diào)用 viewFlipper.showNext()方法，同理，向左滑動就會去調(diào)用viewFlipper.showPrevious()方法。
效果圖如下：
接下來直接上代碼：
首先在布局文件中添加ViewFlipper的標(biāo)簽：
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:background="@drawable/pattern1" >
<Button
android:id="@+id/treasure_chest_btn"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:background="@drawable/treasure" />
<ViewFlipper
android:id="@+id/viewflipper"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_below="@id/treasure_chest_btn" >
</ViewFlipper>
<Button
android:id="@+id/garbage_btn"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_below="@id/viewflipper"
android:background="@drawable/garbage" />
</RelativeLayout>
其次是在anim中定義動畫：
slide_left_in.xml：
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >
<!--
畫面轉(zhuǎn)換位置移動動畫效果
開始向左動畫
fromXDelta ： 動畫開始時 X坐標(biāo)位置
toXDelta ：動畫結(jié)束時 X坐標(biāo)位置
duration ：動畫持續(xù)時間
-->
<translate
android:duration="800"
android:fromXDelta="100%p"
android:toXDelta="0" />
</set>
slide_left_out.xml：
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >
<translate
android:duration="800"
android:fromXDelta="0"
android:toXDelta="-100%p" />
</set>
slide_right_in.xml：
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >
<translate
android:duration="800"
android:fromXDelta="-100%p"
android:toXDelta="0" />
</set>
slide_right_out.xml：
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >
<translate
android:duration="800"
android:fromXDelta="0"
android:toXDelta="100%p" />
</set>
最后是Activity中的實現(xiàn)：
package net.loonggg.demo.slider;
import android.app.Activity;
import android.os.Bundle;
import android.view.GestureDetector;
import android.view.GestureDetector.OnGestureListener;
import android.view.LayoutInflater;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener;
import android.view.Window;
import android.view.animation.Animation;
import android.view.animation.Animation.AnimationListener;
import android.view.animation.AnimationSet;
import android.view.animation.AnimationUtils;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.TextView;
import android.widget.ViewFlipper;
public class MainActivity extends Activity implements OnGestureListener,
OnTouchListener {
private GestureDetector detector;
private ViewFlipper myViewFlipper;
private int[] imgs = { R.drawable.img0, R.drawable.img1, R.drawable.img2,
R.drawable.img3, R.drawable.img4, R.drawable.img5 };
private int displayedChildIndex = 0;
private Button treasure_btn;
private Button garbage_btn;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
requestWindowFeature(Window.FEATURE_NO_TITLE);
setContentView(R.layout.main);
myViewFlipper = (ViewFlipper) findViewById(R.id.viewflipper);
treasure_btn = (Button) findViewById(R.id.treasure_chest_btn);
garbage_btn = (Button) findViewById(R.id.garbage_btn);
myViewFlipper.setOnTouchListener(this);
myViewFlipper.setLongClickable(true);// 設(shè)置長按事件
// myViewFlipper.setAutoStart(true);// 設(shè)置是否自動播放，默認不自動播放
detector = new GestureDetector(this);
addFlipperView();
}
/**
* 向FlipperView中動態(tài)添加View
*/
private void addFlipperView() {
for (int i = 0; i < imgs.length; i++) {
View view = LayoutInflater.from(this).inflate(
R.layout.myviewflipper, null);
TextView title = (TextView) view.findViewById(R.id.view_title);
title.setText("頭像");
ImageView iv = (ImageView) view.findViewById(R.id.view_image);
iv.setBackgroundResource(imgs[i]);
myViewFlipper.addView(view);
}
}
@Override
public boolean onDown(MotionEvent e) {
return false;
}
@Override
public void onShowPress(MotionEvent e) {
}
@Override
public boolean onSingleTapUp(MotionEvent e) {
return false;
}
@Override
public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX,
float distanceY) {
return false;
}
@Override
public void onLongPress(MotionEvent e) {
}
@Override
public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,
float velocityY) {
// 返回當(dāng)前正在顯示的子視圖的索引
displayedChildIndex = myViewFlipper.getDisplayedChild();
final ImageView iv = (ImageView) myViewFlipper.getChildAt(
displayedChildIndex).findViewById(R.id.view_image);
if (e2.getX() - e1.getX() >= 100 && e1.getY() - e2.getY() >= 100) {
AnimationSet outAnim = (AnimationSet) AnimationUtils.loadAnimation(
this, R.anim.collect_treasure);
iv.startAnimation(outAnim);
outAnim.setAnimationListener(new AnimationListener() {
public void onAnimationStart(Animation animation) {
}
public void onAnimationRepeat(Animation animation) {
}
public void onAnimationEnd(Animation animation) {
showNextView();
AnimationSet downAnim = (AnimationSet) AnimationUtils
.loadAnimation(MainActivity.this, R.anim.up_or_down);
treasure_btn.setAnimation(downAnim);
iv.clearAnimation();
}
});
} else if (e1.getX() - e2.getX() >= 100 && e2.getY() - e1.getY() >= 100) {
AnimationSet outAnim = (AnimationSet) AnimationUtils.loadAnimation(
this, R.anim.throw_garbage);
iv.startAnimation(outAnim);
outAnim.setAnimationListener(new AnimationListener() {
public void onAnimationStart(Animation animation) {
}
public void onAnimationRepeat(Animation animation) {
}
public void onAnimationEnd(Animation animation) {
showNextView();
AnimationSet leftAnim = (AnimationSet) AnimationUtils
.loadAnimation(MainActivity.this,
R.anim.left_or_right);
garbage_btn.setAnimation(leftAnim);
iv.clearAnimation();
}
});
} else if (e1.getX() - e2.getX() >= 100) {
showNextView();
} else if (e2.getX() - e1.getX() >= 100) {
showPreviousView();
}
return false;
}
private void showPreviousView() {
myViewFlipper.setInAnimation(AnimationUtils.loadAnimation(this,
R.anim.slide_right_in));
myViewFlipper.setOutAnimation(AnimationUtils.loadAnimation(this,
R.anim.slide_right_out));
myViewFlipper.showPrevious();
}
private void showNextView() {
myViewFlipper.setInAnimation(AnimationUtils.loadAnimation(this,
R.anim.slide_left_in));
myViewFlipper.setOutAnimation(AnimationUtils.loadAnimation(this,
R.anim.slide_left_out));
myViewFlipper.showNext();
}
@Override
public boolean onTouch(View v, MotionEvent event) {
return detector.onTouchEvent(event);
}
}
希望本文所述對大家Android程序設(shè)計有所幫助。
您可能感興趣的文章:
- 解析Android中實現(xiàn)滑動翻頁之ViewFlipper的使用詳解
- Android TextSwitcher文本切換器和ViewFlipper使用詳解
- Android ViewFlipper用法實例分析
- Android ViewFlipper簡單用法解析
- Android ViewFlipper翻轉(zhuǎn)視圖使用詳解
- Android使用ViewFlipper實現(xiàn)圖片切換功能
- Android 使用ViewPager實現(xiàn)圖片左右循環(huán)滑動自動播放
- Android自動播放Banner圖片輪播效果
- Android實現(xiàn)自動播放圖片功能
- Android使用自定義屬性實現(xiàn)圖片自動播放滾動的功能
- Android開發(fā)之ViewFlipper自動播放圖片功能實現(xiàn)方法示例
相關(guān)文章
這篇文章主要為大家介紹了MVVM和MVVMLight的介紹及在項目中的使用詳解有需要的朋友可以借鑒參考下，祝大家除夕快樂多多進步2022-01-01
手機cpu是單核還是多核如何判斷，本例將會介紹android中獲取的方法，感興趣的你可不要錯過了哈2013-02-02
本篇文章主要介紹了Dagger2在Android開發(fā)中的新用法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
虛擬機的發(fā)生展經(jīng)歷了從初期的dalvik,到中期的dalvik,以及后期的ART。但是市面上的APK文件早已已經(jīng)全球流行。為了能夠讓這些APK不加改動的在所有虛擬機上面運行，google采用了類似適配器模式。即在讓虛擬運行之前多一道工序。就是dexopt2021-10-10
這篇文章主要為大家分享了一個屬于自己的Android對話框(Dialog)自定義集合，建立自己的Android對話框，感興趣的小伙伴們可以參考一下2016-02-02
Android新特性ConstraintLayout完全解析
這篇文章主要為大家詳細介紹了Android新特性ConstraintLayout ，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-10-10
這篇文章主要介紹了android打開本地圖像的方法,涉及Android操作圖像的相關(guān)技巧,需要的朋友可以參考下2015-04-04
Android自定義View實現(xiàn)LayoutParams的方法詳解
這篇文章主要為大家詳細介紹了Android自定義View實現(xiàn)LayoutParams，文中的示例代碼講解詳細，感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-02-02
Android Notification實現(xiàn)動態(tài)顯示通話時間
這篇文章主要為大家詳細介紹了Android Notification實現(xiàn)動態(tài)顯示通話時間，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
Android基于ViewDragHelper仿QQ5.0側(cè)滑界面效果
這篇文章主要介紹了Android基于ViewDragHelper仿QQ5.0側(cè)滑界面效果，具有一定的，感興趣的小伙伴們可以參考一下2016-07-07