Material Designer的低版本兼容實現（五）—— ActivityOptionsCompat

時間  2019-11-06
標籤 material designer 版本 兼容 實現 activityoptionscompat 简体版
原文   原文鏈接

extends:http://www.cnblogs.com/tianzhijiexian/p/4087917.htmlhtml

 

本文是對API中的方法作了介紹，若是想要看如何讓這些方法兼容4.x或2.x能夠看這篇文章：android

 用開源項目ActivityOptionsICS讓ActivityOptions的動畫實現兼容express

新版的V4包中有了這個類—— ActivityOptionsCompat，咱們能夠經過這個類來啓動activity和添加動畫。但不幸的是全部的動畫都沒有給2.x用的，大部分動畫也對4.x不兼容。咱們就來看看是否讓低版本也兼容這些動畫效果。apache

好消息是這個類是兼容2.x的，經過這個類編寫的嗲嗎，雖然不能給2.x帶來動畫，但也能確保全版本穩定運行，不會須要咱們判斷版本。也就是說若是你給5.x平臺作了動畫，其餘平臺雖然不會執行動畫，但仍舊能夠穩定打開activity。下面咱們經過遠嗎進行分析下這個類。app

1.文檔解釋less

（1）ActivityOptionsCompat.makeCustomAnimation(context, enterResId, exitResId)ide

簡單作一個定製的動畫，這個參數很簡單，傳入一個進入的動畫的id，和移除動畫的id便可佈局

複製代碼
複製代碼 
        //讓新的Activity從一個小的範圍擴大到全屏
        ActivityOptionsCompat options = 
                ActivityOptionsCompat.makeCustomAnimation(this, 
                        R.anim.slide_bottom_in, R.anim.slide_bottom_out);
        startNewAcitivity(options);
複製代碼
複製代碼
複製代碼
複製代碼 
    
    private void startNewAcitivity(ActivityOptionsCompat options) {
        Intent intent = new Intent(this,DetailActivity.class);  
        ActivityCompat.startActivity(this, intent, options.toBundle());  
    }
複製代碼
複製代碼

這個我感受沒什麼用處，相似於優化

        Intent intent = new Intent(this,DetailActivity.class);  
        startActivity(intent);

        overridePendingTransition(R.anim.slide_bottom_in, android.R.anim.fade_out);

還不如直接用這個全版本的overridePendingTransition呢動畫

 

（2）ActivityOptionsCompat.makeScaleUpAnimation(source, startX, startY, startWidth, startHeight)

這個在4.x上有用，能夠實現新的Activity從某個固定的座標以某個大小擴大至全屏，我以爲效果挺不錯的。

這個新Activity就是從根據那個圖片的座標來拉伸展現的，對於相冊是很好的展現效果。

複製代碼
複製代碼 
private void scaleUpAnimation(View view) {
        //讓新的Activity從一個小的範圍擴大到全屏
        ActivityOptionsCompat options = 
                ActivityOptionsCompat.makeScaleUpAnimation(view, //The View that the new activity is animating from
                        (int)view.getWidth()/2, (int)view.getHeight()/2, //拉伸開始的座標
                        0, 0);//拉伸開始的區域大小，這裏用（0，0）表示從無到全屏
        startNewAcitivity(options);
    }
複製代碼
複製代碼 
    private void startNewAcitivity(ActivityOptionsCompat options) {
        Intent intent = new Intent(this,DetailActivity.class);  
        ActivityCompat.startActivity(this, intent, options.toBundle());  
    }

 

（3）ActivityOptionsCompat.makeSceneTransitionAnimation(activity, sharedElement, sharedElementName)

當你須要當前界面中的某個元素和新界面中的元素有關時，你可使用這個動畫。效果很贊~！

這個圖片就是經過動畫和上一個界面的圖片進行了聯繫。

要使用這個方法就必須給兩個不一樣Activity的中的佈局元素設定一樣的一個android:transitionName，而後還須要一個標誌來告訴Window執行動畫，由於這個只是在5.x上有效，不是本文的討論範圍。詳細看官方文檔便可。

標誌：etWindow().requestFeature(Window.FEATURE_CONTENT_TRANSITIONS);

也能夠參考文章：

http://blog.csdn.net/a396901990/article/details/40187203

http://blog.jobbole.com/77015/

 

（4）ActivityOptionsCompat.makeSceneTransitionAnimation((Activity arg0, Pair<View, String>...  arg1)

這個方法用於多個元素和新的Activity相關的狀況，注意下第二個參數Pair這個鍵值對後面有...，標明是能夠傳入多個Pair對象的。

 

（5）ActivityOptionsCompat.makeThumbnailScaleUpAnimation(source, thumbnail, startX, startY)

這個方法能夠用於4.x上，是將一個小塊的Bitmpat進行拉伸的動畫。

詳細使用方式，參考官方文檔：https://developer.android.com/training/material/animations.html

 

2.源碼

看完了文檔，內心各類淒涼。不少優秀的動畫都不向下兼容，那麼咱們去源碼中看看咱們的主流4.x版本能用上什麼。

複製代碼
複製代碼 
public class ActivityOptionsCompat {
    /**
     * Create an ActivityOptions specifying a custom animation to run when the
     * activity is displayed.
     *
     * @param context Who is defining this. This is the application that the
     * animation resources will be loaded from.
     * @param enterResId A resource ID of the animation resource to use for the
     * incoming activity. Use 0 for no animation.
     * @param exitResId A resource ID of the animation resource to use for the
     * outgoing activity. Use 0 for no animation.
     * @return Returns a new ActivityOptions object that you can use to supply
     * these options as the options Bundle when starting an activity.
     */
    public static ActivityOptionsCompat makeCustomAnimation(Context context,
            int enterResId, int exitResId) {
        if (Build.VERSION.SDK_INT >= 16) {
            return new ActivityOptionsImplJB(
                ActivityOptionsCompatJB.makeCustomAnimation(context, enterResId, exitResId));
        }
        return new ActivityOptionsCompat();
    }

    /**
     * Create an ActivityOptions specifying an animation where the new activity is
     * scaled from a small originating area of the screen to its final full
     * representation.
     * <p/>
     * If the Intent this is being used with has not set its
     * {@link android.content.Intent#setSourceBounds(android.graphics.Rect)},
     * those bounds will be filled in for you based on the initial bounds passed
     * in here.
     *
     * @param source The View that the new activity is animating from. This
     * defines the coordinate space for startX and startY.
     * @param startX The x starting location of the new activity, relative to
     * source.
     * @param startY The y starting location of the activity, relative to source.
     * @param startWidth The initial width of the new activity.
     * @param startHeight The initial height of the new activity.
     * @return Returns a new ActivityOptions object that you can use to supply
     * these options as the options Bundle when starting an activity.
     */
    public static ActivityOptionsCompat makeScaleUpAnimation(View source,
            int startX, int startY, int startWidth, int startHeight) {
        if (Build.VERSION.SDK_INT >= 16) {
            return new ActivityOptionsImplJB(
                ActivityOptionsCompatJB.makeScaleUpAnimation(source, startX, startY,
                        startWidth, startHeight));
        }
        return new ActivityOptionsCompat();
    }

    /**
     * Create an ActivityOptions specifying an animation where a thumbnail is
     * scaled from a given position to the new activity window that is being
     * started.
     * <p/>
     * If the Intent this is being used with has not set its
     * {@link android.content.Intent#setSourceBounds(android.graphics.Rect)},
     * those bounds will be filled in for you based on the initial thumbnail
     * location and size provided here.
     *
     * @param source The View that this thumbnail is animating from. This
     * defines the coordinate space for startX and startY.
     * @param thumbnail The bitmap that will be shown as the initial thumbnail
     * of the animation.
     * @param startX The x starting location of the bitmap, relative to source.
     * @param startY The y starting location of the bitmap, relative to source.
     * @return Returns a new ActivityOptions object that you can use to supply
     * these options as the options Bundle when starting an activity.
     */
    public static ActivityOptionsCompat makeThumbnailScaleUpAnimation(View source,
            Bitmap thumbnail, int startX, int startY) {
        if (Build.VERSION.SDK_INT >= 16) {
            return new ActivityOptionsImplJB(
                ActivityOptionsCompatJB.makeThumbnailScaleUpAnimation(source, thumbnail,
                        startX, startY));
        }
        return new ActivityOptionsCompat();
    }
複製代碼
複製代碼

 

複製代碼
複製代碼 
/*
 * Copyright (C) 2012 The Android Open Source Project
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

package android.support.v4.app;

import android.app.ActivityOptions;
import android.content.Context;
import android.graphics.Bitmap;
import android.os.Bundle;
import android.view.View;

class ActivityOptionsCompatJB {

    public static ActivityOptionsCompatJB makeCustomAnimation(Context context,
            int enterResId, int exitResId) {
        return new ActivityOptionsCompatJB(
            ActivityOptions.makeCustomAnimation(context, enterResId, exitResId));
    }

    public static ActivityOptionsCompatJB makeScaleUpAnimation(View source,
            int startX, int startY, int startWidth, int startHeight) {
        return new ActivityOptionsCompatJB(
            ActivityOptions.makeScaleUpAnimation(source, startX, startY, startWidth, startHeight));
    }

    public static ActivityOptionsCompatJB makeThumbnailScaleUpAnimation(View source,
            Bitmap thumbnail, int startX, int startY) {
        return new ActivityOptionsCompatJB(
            ActivityOptions.makeThumbnailScaleUpAnimation(source, thumbnail, startX, startY));
    }

    private final ActivityOptions mActivityOptions;

    private ActivityOptionsCompatJB(ActivityOptions activityOptions) {
        mActivityOptions = activityOptions;
    }

    public Bundle toBundle() {
        return mActivityOptions.toBundle();
    }

    public void update(ActivityOptionsCompatJB otherOptions) {
        mActivityOptions.update(otherOptions.mActivityOptions);
    }
}
複製代碼
複製代碼

 

咱們能夠徹底瞭解到，4.x上能用的就這麼三個動畫效果，第一個第三我我的認爲沒啥用處，第二個效果好點，但僅僅適用於照片牆。因而就很悲劇了，這個新的類僅僅帶來了低版本兼容不報錯的效果，對於新的特性各類不支持。反過來想，反正動畫這個東西對用戶來講好看和很差看也沒差，功能是最主要的。

這個是講5.0動畫效果的文章，若是作5.0開發的話能夠看看。但我估計在4.x主流的今天，這些特效還只能本身寫兼容包了。

http://blog.csdn.net/a396901990/article/details/40187203

 

動畫

好了，雖然咱們不能用這麼酷炫的動畫，但咱們還能夠用傳統動畫嘛。我研究了下圖片放大的效果，寫了一篇文章，其實還能夠繼續優化。貼上文章地址和效果圖。

地址：http://www.cnblogs.com/tianzhijiexian/p/4095756.html

效果圖：

 

下面分享下使用動畫的方法，在啓動activity的時候進行設置，而後在開啓的activity中的onBackPressed()也進行相應的設置，就能出現流暢的效果啦。

舉例：

MainActivity

複製代碼
  
    private void simpleStartActivity() {
        Intent intent = new Intent(this,DetailActivity.class);  
        startActivity(intent);
        //overridePendingTransition(R.anim.slide_left_in, R.anim.slide_right_out);
        overridePendingTransition(R.anim.slide_bottom_in, android.R.anim.fade_out);
    }
複製代碼

 

DetailActivity

複製代碼
  
package com.kale.activityoptionstest;

import android.os.Bundle;
import android.support.v7.app.ActionBarActivity;

public class DetailActivity extends ActionBarActivity{

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.item_detail);
        
        
    }

    @Override
    public void onBackPressed() {
        super.onBackPressed();
        //overridePendingTransition(R.anim.slide_right_in, R.anim.slide_left_out);
        overridePendingTransition(0, R.anim.slide_bottom_out);
    }
    
}
複製代碼

 

這樣就能夠實現，第二個Activity從屏幕下方出現，按下返回鍵後會從屏幕下方離開了。

 

最後給出幾個經常使用的動畫效果

slide_bottom_in.xml

複製代碼
<?xml version="1.0" encoding="utf-8"?> 
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/accelerate_decelerate_interpolator"
    android:shareInterpolator="true">

    <translate
        android:duration="300"
        android:fromYDelta="100%p"
        android:toYDelta="0.0" />

</set>
 
複製代碼

 

slide_bottom_out.xml

複製代碼
  
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/accelerate_decelerate_interpolator"
    android:shareInterpolator="true">

    <translate
        android:duration="300"
        android:fromYDelta="0.0"
        android:toYDelta="100%p" />

</set>
 
複製代碼

 

slide_left_in.xml

複製代碼
  
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >

    <translate
        android:duration="300"
        android:fromXDelta="-100.0%p"
        android:toXDelta="0.0" />

</set>
 
複製代碼

 

slide_left_out.xml

複製代碼
  
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >

    <translate
        android:duration="300"
        android:fromXDelta="0.0"
        android:toXDelta="-100.0%p" />

</set>
 
複製代碼

 

slide_right_in.xml

複製代碼
  
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >

    <translate
        android:duration="300"
        android:fromXDelta="100.0%p"
        android:toXDelta="0.0" />

</set>
 
複製代碼

 

slide_right_out.xml

複製代碼
  
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >

    <translate
        android:duration="300"
        android:fromXDelta="0.0"
        android:toXDelta="100.0%p" />

</set>
 
複製代碼

 

slide_top_in.xml

複製代碼
  
<?xml version="1.0" encoding="utf-8"?>  
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:startOffset="50">  

    <translate 
        android:fromYDelta="-100%p"
        android:toYDelta="0%p"
        android:duration="300"/>

    
</set>
 
複製代碼

 

slide_top_out.xml

複製代碼
  
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:startOffset="50" >

    <translate
        android:duration="300"
        android:fromYDelta="0%p"
        android:toYDelta="-100%p" />

</set>
 
複製代碼
相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息
聯繫我們 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程