您好,登錄后才能下訂單哦!
小編給大家分享一下Android如何實(shí)現(xiàn)頁面滑動(dòng)切換動(dòng)畫,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
實(shí)現(xiàn)兩個(gè)頁面滑動(dòng)切換,一些相冊的效果也是如此
一個(gè)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); } //處理觸屏?xí)r間的方法 //手在屏幕上向右滑動(dòng)然后松開翻下一頁,向左翻顯示前一頁 public boolean onTouchEvent(MotionEvent event) { if(event.getAction()==MotionEvent.ACTION_DOWN){ //記錄手放在屏幕上的點(diǎn)位置 startX=event.getX(); }else if(event.getAction()==MotionEvent.ACTION_UP){ //記錄手離開屏幕上的點(diǎn)位置 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
四個(gè)動(dòng)畫配置文件:
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"> <!-- 這里用到了平移動(dòng)畫,這里只動(dòng)x軸坐標(biāo)就可以了 -100%p:這就是屏幕的寬度:這里的p代表parent,父元素的寬度,都是 手機(jī)屏幕寬度,第一頁要從-100%p移動(dòng)到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>
效果:用手向右滑動(dòng),整個(gè)頁面向右慢慢滑動(dòng),切換頁面,用手向左滑動(dòng),整個(gè)頁面向左慢慢滑動(dòng),切換頁面。
(將配置文件換成其他的動(dòng)畫效果也可以,本例子使用的是移入移出的動(dòng)畫效果)
以上是“Android如何實(shí)現(xiàn)頁面滑動(dòng)切換動(dòng)畫”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注億速云行業(yè)資訊頻道!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。