Android中ViewFlipper的使用及設(shè)置動(dòng)畫效果實(shí)例詳解
本文實(shí)例講述了Android中ViewFlipper的使用及設(shè)置動(dòng)畫效果。分享給大家供大家參考,具體如下:
說到左右滑動(dòng),其實(shí)實(shí)現(xiàn)左右滑動(dòng)的方式很多,有ViewPaer,自定義實(shí)現(xiàn)Viewgroup,gallery等都可以達(dá)到這種效果。這里做下ViewFliper實(shí)現(xiàn)左右滑動(dòng)的效果。
會(huì)用到以下的技術(shù):
1、ViewFlipper
2、GestureDetector
3、Animation
主要是這三個(gè)類在起作用。
ViewFlipper,不妨把它看做一個(gè)容器吧,你可以把許多的View放在這個(gè)容器中,讓它展示給用戶,雖然它每次只展示一個(gè)view,我感覺它的用途更好是作為廣告展示,比如類似購物網(wǎng)站那樣的廣告滾動(dòng)展示。比如可以設(shè)置自動(dòng)播放功能,就可以滾動(dòng)廣告了!
原理:向左向右滑動(dòng)主要是依賴手勢來控制,手勢向右滑動(dòng)就調(diào)用 viewFlipper.showNext()方法,同理,向左滑動(dòng)就會(huì)去調(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中定義動(dòng)畫:
slide_left_in.xml:
<?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android" > <!-- 畫面轉(zhuǎn)換位置移動(dòng)動(dòng)畫效果 開始向左動(dòng)畫 fromXDelta : 動(dòng)畫開始時(shí) X坐標(biāo)位置 toXDelta :動(dòng)畫結(jié)束時(shí) X坐標(biāo)位置 duration :動(dòng)畫持續(xù)時(shí)間 --> <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中的實(shí)現(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è)置是否自動(dòng)播放,默認(rèn)不自動(dòng)播放 detector = new GestureDetector(this); addFlipperView(); } /** * 向FlipperView中動(dòng)態(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è)計(jì)有所幫助。
- 解析Android中實(shí)現(xiàn)滑動(dòng)翻頁之ViewFlipper的使用詳解
- Android TextSwitcher文本切換器和ViewFlipper使用詳解
- Android ViewFlipper用法實(shí)例分析
- Android ViewFlipper簡單用法解析
- Android ViewFlipper翻轉(zhuǎn)視圖使用詳解
- Android使用ViewFlipper實(shí)現(xiàn)圖片切換功能
- Android 使用ViewPager實(shí)現(xiàn)圖片左右循環(huán)滑動(dòng)自動(dòng)播放
- Android自動(dòng)播放Banner圖片輪播效果
- Android實(shí)現(xiàn)自動(dòng)播放圖片功能
- Android使用自定義屬性實(shí)現(xiàn)圖片自動(dòng)播放滾動(dòng)的功能
- Android開發(fā)之ViewFlipper自動(dòng)播放圖片功能實(shí)現(xiàn)方法示例
相關(guān)文章
MVVM和MVVMLight框架介紹及在項(xiàng)目中的使用詳解
這篇文章主要為大家介紹了MVVM和MVVMLight的介紹及在項(xiàng)目中的使用詳解有需要的朋友可以借鑒參考下,祝大家除夕快樂多多進(jìn)步2022-01-01Android逆向之dex2oat的實(shí)現(xiàn)解析
虛擬機(jī)的發(fā)生展經(jīng)歷了從初期的dalvik,到中期的dalvik,以及后期的ART。但是市面上的APK文件早已已經(jīng)全球流行。為了能夠讓這些APK不加改動(dòng)的在所有虛擬機(jī)上面運(yùn)行,google采用了類似適配器模式。即在讓虛擬運(yùn)行之前多一道工序。就是dexopt2021-10-10Android新特性ConstraintLayout完全解析
這篇文章主要為大家詳細(xì)介紹了Android新特性ConstraintLayout ,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-10-10Android自定義View實(shí)現(xiàn)LayoutParams的方法詳解
這篇文章主要為大家詳細(xì)介紹了Android自定義View實(shí)現(xiàn)LayoutParams,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-02-02Android Notification實(shí)現(xiàn)動(dòng)態(tài)顯示通話時(shí)間
這篇文章主要為大家詳細(xì)介紹了Android Notification實(shí)現(xiàn)動(dòng)態(tài)顯示通話時(shí)間,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-09-09Android基于ViewDragHelper仿QQ5.0側(cè)滑界面效果
這篇文章主要介紹了Android基于ViewDragHelper仿QQ5.0側(cè)滑界面效果,具有一定的,感興趣的小伙伴們可以參考一下2016-07-07