Android 屏幕切换效果实现 (转)
16lz
2021-01-23
Android 屏幕切换效果实现 (转)
本教程将介绍如何实现屏幕间的切换效果。在前述 Ophone 2D UI 动画教程 中介绍了OPhone提供的animation功能,里面介绍了如何操作具体View的动画效果,在一般情况下我们希望在程序屏幕切换的时候提供不同的动画效果,提供比较好的屏幕切换效果会让用户感觉很Cool。 背景介绍 这里说的屏幕切换并不是指 Activity 切换,大家都知道Activity是OPhone中的一个重要概念,一个程序可能会有多个Activity来做不同的事情,Activity之间的切换是 OPhone系统统一实现的,如果我们把这个切换效果给自定义了会给用户错误的引导,所以目前OPhone还没有提供控制Activity之间切换效果的 API,不过在将来的OPhone 版本中会提供一个函数 activity.overridePendingTransition (int enterAnim, int exitAnim),参数是Activity进入和退出使用的动画资源定义的ID,可以在Activity启动另外一个Activity(调用 startActivity函数)或则Activity退出(调用finish函数)的时候使用,这样就使用指定了动画来显示(关闭)Activity。 虽然2.0版本提供了该功能,为了和系统风格统一不 引起用户误解,笔者依然建议不要轻易使用该功能来改变Activity之间的切换效果。 回到正题,本教程中的屏幕切换指的是在同一个 Activity内屏幕见的切换,最长见的情况就是在一个FrameLayout内有多个页面,比如一个系统设置页面;一个个性化设置页面。
通过查看 OPhone API文档可以发现,有个android.widget.ViewAnimator类继承至FrameLayout,ViewAnimator类的作用是为FrameLayout里面的View切换提供动画效果。该类有如下几个和动画相关的函数: l setInAnimation:设置 View 进入屏幕时候使用的动画,该函数有两个版本,一个接受单个参数,类型为android.view.animation.Animation;一个接受两个 参数,类型为Context和int,分别为Context对象和定义Animation的resourceID。
- setOutAnimation: 设置View退出屏幕时候使用的动画,参数setInAnimation函数一样。
- showNext: 调用该函数来显示FrameLayout里面的下一个View。
- showPrevious: 调用该函数来显示FrameLayout里面的上一个View。
- isFlipping: 用来判断View切换是否正在进行
- setFilpInterval:设置View之间切换的时间间隔
- startFlipping:使用上面设置的时间间隔来开始切换所有的View,切换会循环进行
- stopFlipping: 停止View切换
- <?xml version= "1.0" encoding= "utf-8" ?>
- xmlns:android="http://schemas.android.com/apk/res/android"
- android:orientation="vertical"
- android:layout_width="fill_parent"
- android:layout_height="fill_parent" >
-
"@+id/details" - android:layout_width="fill_parent"
- android:layout_height="fill_parent"
- android:persistentDrawingCache="animation"
- android:flipInterval="1000"
- android:inAnimation="@anim/push_left_in"
- android:outAnimation="@anim/push_left_out"
- >
-
- android:orientation="vertical"
- android:layout_width="fill_parent"
- android:layout_height="fill_parent" >
- android:text="Next"
- android:id="@+id/Button_next1"
- android:layout_width="fill_parent"
- android:layout_height="wrap_content" >
-
- android:id="@+id/image1"
- android:src="@drawable/dell1"
- android:layout_width="fill_parent"
- android:layout_height="wrap_content" >
-
- android:orientation="vertical"
- android:layout_width="fill_parent"
- android:layout_height="fill_parent" >
- android:text="Next"
- android:id="@+id/Button_next2"
- android:layout_width="fill_parent"
- android:layout_height="wrap_content" >
-
- android:id="@+id/image2"
- android:src="@drawable/lg"
- android:layout_width="fill_parent"
- android:layout_height="wrap_content" >
-
- android:orientation="vertical"
- android:layout_width="fill_parent"
- android:layout_height="fill_parent" >
- android:text="Next"
- android:id="@+id/Button_next3"
- android:layout_width="fill_parent"
- android:layout_height="wrap_content" >
-
- android:id="@+id/image3"
- android:src="@drawable/lenovo"
- android:layout_width="fill_parent"
- android:layout_height="wrap_content" >
- res/anim/push_left_in.xml
- <?xml version="1.0" encoding= "utf-8" ?>
"http://schemas.android.com/apk/res/android" >-
- android:fromXDelta="100%p"
- android:toXDelta="0"
- android:duration="500" />
- android:fromAlpha="0.0"
- android:toAlpha="1.0"
- android:duration="500" />
- res/anim/push_left_out.xml
- <?xml version="1.0" encoding= "utf-8" ?>
"http://schemas.android.com/apk/res/android" >-
- android:fromXDelta="0"
- android:toXDelta="-100%p"
- android:duration="500" />
- android:fromAlpha="1.0"
- android:toAlpha="0.0"
- android:duration="500" />
- public class TestActivity extends Activity {
- private ViewFlipper mViewFlipper;
- @Override
- public void onCreate(Bundle savedInstanceState) {
- super .onCreate(savedInstanceState);
- setContentView(R.layout.main);
- Button buttonNext1 = (Button) findViewById(R.id.Button_next1);
- mViewFlipper = (ViewFlipper) findViewById(R.id.flipper);
- buttonNext1.setOnClickListener(new View.OnClickListener() {
- public void onClick(View view) {
- //在layout中定义的属性,也可以在代码中指定
- // mViewFlipper.setInAnimation(getApplicationContext(), R.anim.push_left_in);
- // mViewFlipper.setOutAnimation(getApplicationContext(), R.anim.push_left_out);
- // mViewFlipper.setPersistentDrawingCache(ViewGroup.PERSISTENT_ALL_CACHES);
- // mViewFlipper.setFlipInterval(1000);
- mViewFlipper.showNext();
- //调用下面的函数将会循环显示mViewFlipper内的所有View。
- // mViewFlipper.startFlipping();
- }
- });
- Button buttonNext2 = (Button) findViewById(R.id.Button_next2);
- buttonNext2.setOnClickListener(new View.OnClickListener() {
- public void onClick(View view) {
- mViewFlipper.showNext();
- }
- });
- Button buttonNext3 = (Button) findViewById(R.id.Button_next3);
- buttonNext3.setOnClickListener(new View.OnClickListener() {
- public void onClick(View view) {
- mViewFlipper.showNext();
- }
- });
- }
- }
- class TestActivity extends Activity implements OnGestureListener , OnDoubleTapListener
- public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,
- float velocityY) {
- Log.d(tag, "...onFling..." );
- if (e1.getX() > e2.getX()) { //move to left
- mViewFlipper.showNext();
- }else if (e1.getX() < e2.getX()) {
- mViewFlipper.setInAnimation(getApplicationContext(), R.anim.push_right_in);
- mViewFlipper.setOutAnimation(getApplicationContext(), R.anim.push_right_out);
- mViewFlipper.showPrevious();
- mViewFlipper.setInAnimation(getApplicationContext(), R.anim.push_left_in);
- mViewFlipper.setOutAnimation(getApplicationContext(), R.anim.push_left_out);
- }else {
- return false ;
- }
- return true ;
- }
- public boolean onDoubleTap(MotionEvent e) {
- Log.d(tag, "...onDoubleTap..." );
- if (mViewFlipper.isFlipping()) {
- mViewFlipper.stopFlipping();
- }else {
- mViewFlipper.startFlipping();
- }
- return true ;
- }
- public GestureDetector(OnGestureListener listener) {
- this ( null , listener, null );
- }
- public GestureDetector(Context context, OnGestureListener listener, Handler handler) {
- if (handler != null ) {
- mHandler = new GestureHandler(handler);
- } else {
- mHandler = new GestureHandler();
- }
- mListener = listener;
- if (listener instanceof OnDoubleTapListener) {
- setOnDoubleTapListener((OnDoubleTapListener) listener);
- }
- init(context);
更多相关文章
- ionic4处理android返回按钮事件
- 3.1.1 基于监听的事件处理机制
- android 拖动效果 Gallery 实例
- Android System——事件传递(一) View
- 利用BeautifulSoup的find_all()函数查找某个标签且该标签某属性
- Android手势与触摸事件的分发和消费机制
- Android应用系列:仿MIUI的Toast动画效果实现(有图有源码)