Android實現(xiàn)頁面滑動切換動畫
本文實例為大家分享了Android實現(xiàn)頁面滑動切換動畫的具體代碼,供大家參考,具體內容如下
實現(xiàn)兩個頁面滑動切換,一些相冊的效果也是如此
一個Activity的界面配置文件
activity_main.xml:
<?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里面的子控件可以被看成一頁--> <ViewFlipper android:layout_width="fill_parent" android:layout_height="fill_parent" android:id="@+id/viewFlipper" > <!-- 第一頁 --> <LinearLayout android:layout_width="fill_parent" android:layout_height="fill_parent" android:background="#339900" > <TextView android:layout_width="wrap_content" android:layout_height="fill_parent" android:text="第一頁" /> </LinearLayout> <!-- 第二頁 --> <LinearLayout android:layout_width="fill_parent" android:layout_height="fill_parent" > <TextView android:layout_width="wrap_content" android:layout_height="fill_parent" android:text="第二頁" /> </LinearLayout> </ViewFlipper> </LinearLayout>
MainActivity.java:
package com.example.activitymove; import android.app.Activity; import android.content.Intent; import android.os.Bundle; import android.view.MotionEvent; import android.view.View; import android.view.animation.Animation; import android.view.animation.AnimationUtils; import android.widget.ViewFlipper; public class MainActivity extends Activity { private ViewFlipper viewFlipper; private float startX; private float endX; private Animation in_lefttoright; private Animation out_lefttoright; private Animation in_righttoleft; private Animation out_righttoleft; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); in_lefttoright=AnimationUtils.loadAnimation(this, R.anim.enter_lefttoright); out_lefttoright=AnimationUtils.loadAnimation(this, R.anim.out_lefttoright); in_righttoleft=AnimationUtils.loadAnimation(this, R.anim.enter_righttoleft); out_righttoleft=AnimationUtils.loadAnimation(this, R.anim.out_righttoleft); viewFlipper=(ViewFlipper) this.findViewById(R.id.viewFlipper); } //處理觸屏時間的方法 //手在屏幕上向右滑動然后松開翻下一頁,向左翻顯示前一頁 public boolean onTouchEvent(MotionEvent event) { if(event.getAction()==MotionEvent.ACTION_DOWN){ //記錄手放在屏幕上的點位置 startX=event.getX(); }else if(event.getAction()==MotionEvent.ACTION_UP){ //記錄手離開屏幕上的點位置 endX=event.getX(); if(endX>startX){ viewFlipper.setInAnimation(in_lefttoright); viewFlipper.setOutAnimation(out_lefttoright); viewFlipper.showNext();//顯示下一頁 }else if(endX<startX){ viewFlipper.setInAnimation(in_righttoleft); viewFlipper.setOutAnimation(out_righttoleft); viewFlipper.showPrevious();//顯示前一頁 } return true; } return super.onTouchEvent(event); } }
在res/anim/文件夾下有
enter_lefttoright.xml和enter_righttoleft.xml
out_lefttoright.xml和out_righttoleft.xml
四個動畫配置文件:
enter_lefttoright.xml:
<?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android" android:shareInterpolator="false"> <translate android:fromXDelta="-100%p" android:toXDelta="0" android:duration="1000" /> </set>
enter_righttoleft.xml:
<?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android" android:shareInterpolator="false"> <!-- 這里用到了平移動畫,這里只動x軸坐標就可以了 -100%p:這就是屏幕的寬度:這里的p代表parent,父元素的寬度,都是 手機屏幕寬度,第一頁要從-100%p移動到0,持續(xù)5秒中. --> <translate android:fromXDelta="100%p" android:toXDelta="0" android:duration="1000" /> </set>
out_lefttoright.xml:
<?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android" android:shareInterpolator="false"> <translate android:fromXDelta="0" android:toXDelta="100%p" android:duration="1000" /> </set>
out_righttoleft.xml:
<?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android" android:shareInterpolator="false"> <translate android:fromXDelta="0" android:toXDelta="-100%p" android:duration="1000" /> </set>
效果:用手向右滑動,整個頁面向右慢慢滑動,切換頁面,用手向左滑動,整個頁面向左慢慢滑動,切換頁面。
(將配置文件換成其他的動畫效果也可以,本例子使用的是移入移出的動畫效果)
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
- Android仿京東頂部搜索框滑動伸縮動畫效果
- Android實現(xiàn)手勢滑動和簡單動畫效果
- Android程序開發(fā)之使用Design包實現(xiàn)QQ動畫側滑效果和滑動菜單導航
- Android編程實現(xiàn)ViewPager多頁面滑動切換及動畫效果的方法
- Android Tween動畫之RotateAnimation實現(xiàn)圖片不停旋轉效果實例介紹
- android實現(xiàn)圖片閃爍動畫效果的兩種實現(xiàn)方式(實用性高)
- Android Glide圖片加載(加載監(jiān)聽、加載動畫)
- Android圖片翻轉動畫簡易實現(xiàn)代碼
- Android實現(xiàn)圖片點擊預覽效果(zoom動畫)
- Android實現(xiàn)ViewFlipper圖片動畫滑動
相關文章
Android CountDownTimer實現(xiàn)定時器和倒計時效果
這篇文章主要為大家詳細介紹了Android CountDownTimer實現(xiàn)定時器和倒計時效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下2018-02-02Android 自定義一套 Dialog通用提示框 (代碼庫)
這篇文章主要介紹了Android 自定義一套 Dialog通用提示框 (代碼庫),需要的朋友可以參考下2017-04-04淺析Android圓形進度條ProgressBar如何實現(xiàn)固定進度
之前遇到一個問題,發(fā)現(xiàn)Android里的圓形進度條無法固定一個進度,所以這篇文章就來和大家探索一下圓形進度條ProgressBar如何實現(xiàn)固定進度,希望對大家有所幫助2024-03-03Android實現(xiàn)擴大View點擊區(qū)域的三種方式
在 Android 應用開發(fā)中,有時候需要擴大 View 的點擊區(qū)域以提高用戶交互的便利性,尤其是當視圖元素較小或用戶界面密集時,以下提供幾種擴大點擊區(qū)域的思路,感興趣的小伙伴跟著小編一起來看看吧2024-08-08Android編程實現(xiàn)下載時主界面與詳細界面一致更新的方法
這篇文章主要介紹了Android編程實現(xiàn)下載時主界面與詳細界面一致更新的方法,涉及Android事件監(jiān)聽及界面動態(tài)更新相關操作技巧,需要的朋友可以參考下2017-11-11