Android中利用viewflipper動(dòng)畫(huà)切換屏幕效果
整個(gè)項(xiàng)目的
package com.example.viewflipper; import android.R.integer; import android.app.Activity; import android.os.Bundle; import android.util.Log; import android.view.GestureDetector.OnDoubleTapListener; import android.view.Menu; import android.view.MenuItem; import android.view.MotionEvent; import android.view.Window; import android.widget.ImageView; import android.widget.ViewFlipper; public class MainActivity extends Activity{ private ViewFlipper flipper; private float startX; private int resId[] = { R.drawable.ic_girl2, R.drawable.ic_girl3, R.drawable.ic_girl4, R.drawable.ic_girl5, }; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); requestWindowFeature(Window.FEATURE_NO_TITLE); setContentView(R.layout.main); flipper = (ViewFlipper) findViewById(R.id.viewflipper); // 動(dòng)態(tài)導(dǎo)入的方式為ViewFlipper加入子VIEW for (int i = 0; i < resId.length; i++) { flipper.addView(getImageView(resId[i])); } // overridePendingTransition(R.anim.left_in, R.anim.left_out); // flipper.setFlipInterval(3000); flipper.startFlipping(); // 這樣的會(huì)實(shí)現(xiàn)類(lèi)似幻燈片的效果 // 為viewFlipper去添加動(dòng)畫(huà)效果 // flipper.setInAnimation(this, R.anim.left_in); // flipper.setOutAnimation(this, R.anim.left_out); // 設(shè)定ViewFlipper的時(shí)間間隔 // flipper.setFlipInterval(3000); // 開(kāi)始播放 // flipper.startFlipping(); } private ImageView getImageView(int resId) { ImageView imageView = new ImageView(this); // imageView.setImageResource(resId);寬高完全取決于圖片大小 imageView.setBackgroundResource(resId);// 這樣就可以自適應(yīng) return imageView; } @Override public boolean onTouchEvent(MotionEvent event) { // TODO Auto-generated method stub switch (event.getAction()) { // 手指落下 case MotionEvent.ACTION_DOWN: // 剛開(kāi)始手指落下的坐標(biāo),獲得橫向坐標(biāo)的x { startX = event.getX(); break; }// 手指移動(dòng) case MotionEvent.ACTION_MOVE: { Log.i("Main", "調(diào)動(dòng)次數(shù)"); break; }// 手指離開(kāi) case MotionEvent.ACTION_UP: { if (event.getX() - startX > 100) { // 向右滑動(dòng) flipper.setInAnimation(this, R.anim.left_in); flipper.setOutAnimation(this, R.anim.left_out); flipper.showPrevious();// 顯示前一頁(yè); } if (startX - event.getX() > 100) {// 向左滑動(dòng) flipper.setInAnimation(this, R.anim.right_in); flipper.setOutAnimation(this, R.anim.right_out); flipper.showNext();// 顯示后一頁(yè); } break; } } return super.onTouchEvent(event); } } <?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android" > <translate android:duration="2000" android:fromXDelta="-100%p" android:toXDelta="0" /> </set> <?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android" > <translate android:duration="2000" android:fromXDelta="0" android:toXDelta="100%p" /> </set> <?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android" > <translate android:duration="2000" android:fromXDelta="100%p" android:toXDelta="0" /> </set> <?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android" > <translate android:duration="2000" android:fromXDelta="0" android:toXDelta="-100%p" /> </set> <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" > <ViewFlipper android:id="@+id/viewflipper" android:layout_width="match_parent" android:layout_height="match_parent"> </ViewFlipper> </LinearLayout>
感悟:ViewFlipper貌似可以做成新下載的應(yīng)用 ,用戶第一次進(jìn)入的大概描述。。最后再做個(gè)button,進(jìn)入應(yīng)用。
1.先在main.xml文件中添加viewflipper,然后在MainActivity中實(shí)例化,setContext布局要改掉,通過(guò)動(dòng)態(tài)導(dǎo)入數(shù)據(jù)源的方法。
通過(guò)一個(gè)resId.length的for循環(huán)導(dǎo)入。 新建一個(gè)ImageView 對(duì)象的ImageView getImageView(int resId)函數(shù)
里面
// imageView.setImageResource(resId);寬高完全取決于圖片大小 imageView.setBackgroundResource(resId);// 這樣就可以自適應(yīng)
要用第二個(gè)好點(diǎn)。 然后返回一個(gè)對(duì)象。
在res/anim下分別建立4個(gè)xml 文件, left_in,left_out,right_in,right_out;
例:left_in 即如偏從左邊進(jìn)來(lái)
<translate android:duration="2000" //持續(xù)時(shí)間為2s android:fromXDelta="-100%p"http:// android:toXDelta="0" />
這里有2種實(shí)現(xiàn)方式
(1)overridePendingTransition(R.anim.left_in, R.anim.left_out);
//設(shè)定時(shí)間間隔 flipper.setFlipInterval(3000); flipper.startFlipping(); //這樣的會(huì)實(shí)現(xiàn)類(lèi)似幻燈片的效果
(2)flipper.setInAnimation(this, R.anim.left_in);
flipper.setOutAnimation(this, R.anim.left_out); // 設(shè)定ViewFlipper的時(shí)間間隔 flipper.setFlipInterval(3000); // 開(kāi)始播放 // flipper.startFlipping();
然后加載一個(gè)boolean onTouchEvent(MotionEvent event)
設(shè)置一個(gè)全局變量private Float startX;//手指落下時(shí)的位置
通過(guò)event.getAction()獲取
case MotionEvent.ACTION_DOWN://手指落下時(shí)的 {startX = event.getX(); }-->獲得剛開(kāi)始的橫坐標(biāo) case MotionEvent.ACTION_UP://手指離開(kāi) {通過(guò)判斷event.getX()-startX>100判斷向右滑動(dòng),然后實(shí)現(xiàn)動(dòng)畫(huà),并顯示前一面 startX-event.getX()<100判斷向左滑動(dòng),然后實(shí)現(xiàn)動(dòng)畫(huà),并顯示后一面 } //手勢(shì)操作要在up中,若在down中會(huì)發(fā)生圖層折疊的問(wèn)題。 通過(guò)Log.i("Main","次數(shù)");
可以看出手指稍微一動(dòng)就會(huì)出現(xiàn)很多。
case MotionEvent.ACTION_MOVE://手指滑動(dòng)時(shí)
以上所述是小編給大家介紹的Android中利用viewflipper動(dòng)畫(huà)切換屏幕效果,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
- Android TextSwitcher文本切換器和ViewFlipper使用詳解
- ANDROID中使用VIEWFLIPPER類(lèi)實(shí)現(xiàn)屏幕切換(關(guān)于坐標(biāo)軸的問(wèn)題已補(bǔ)充更改)
- Android中使用ViewFlipper進(jìn)行手勢(shì)切換實(shí)例
- 解析Android中實(shí)現(xiàn)滑動(dòng)翻頁(yè)之ViewFlipper的使用詳解
- Android中ViewFlipper的使用及設(shè)置動(dòng)畫(huà)效果實(shí)例詳解
- Android ViewFlipper用法實(shí)例分析
- Android ViewFlipper簡(jiǎn)單用法解析
- Android仿淘寶頭條向上滾動(dòng)廣告條ViewFlipper
- Android ViewFlipper翻轉(zhuǎn)視圖使用詳解
- Android使用ViewFlipper實(shí)現(xiàn)圖片切換功能
相關(guān)文章
Android ScrollView的頂部下拉和底部上拉回彈效果
本篇文章主要介紹了Android ScrollView的頂部下拉和底部上拉回彈效果,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-05-05Android自定義View實(shí)現(xiàn)圓形環(huán)繞效果
這篇文章主要為大家詳細(xì)介紹了Android自定義View實(shí)現(xiàn)圓形環(huán)繞效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-01-01Android自定義控件實(shí)現(xiàn)通用驗(yàn)證碼輸入框
這篇文章主要為大家詳細(xì)介紹了Android自定義控件實(shí)現(xiàn)通用驗(yàn)證碼輸入框,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-01-01Android 簡(jiǎn)單的圖片查看器源碼實(shí)現(xiàn)
本篇文章主要介紹了Android 簡(jiǎn)單的圖片查看器源碼實(shí)現(xiàn),小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-09-09Android Studio使用Profiler來(lái)完成內(nèi)存泄漏的定位
這篇文章主要介紹了Android Studio使用Profiler來(lái)完成內(nèi)存泄漏的定位,幫助大家更好的理解和學(xué)習(xí)使用Android,感興趣的朋友可以了解下2021-03-03Android Java實(shí)現(xiàn)余弦匹配算法示例代碼
這篇文章主要介紹了Android Java實(shí)現(xiàn)余弦匹配算法示例代碼的相關(guān)資料,這里通過(guò)java 算法實(shí)現(xiàn)余弦匹配算法實(shí)現(xiàn)比較的實(shí)例,需要的朋友可以參考下2016-11-11Android實(shí)現(xiàn)支付寶6位密碼輸入界面
這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)支付寶6位密碼輸入界面的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-12-12Android利用CountDownTimer實(shí)現(xiàn)驗(yàn)證碼倒計(jì)時(shí)效果實(shí)例
這篇文章主要給大家介紹了關(guān)于Android如何利用CountDownTimer實(shí)現(xiàn)驗(yàn)證碼倒計(jì)時(shí)效果的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。2017-10-10