Android中利用viewflipper動畫切換屏幕效果




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

