2. 程式人生 > 實用技巧 >android Activity之間專場效果

android Activity之間專場效果

阿新 • • 發佈：2020-12-11

第一種：自己編寫進出效果 然後給activity加上就ok了 例如：（首先要在res資料夾下建立anim資料夾，然後把動畫效果xml檔案放到裡面去)

1.放大進入，

zoomin.xml:

<?xml version="1.0" encoding="utf-8"?> 
<set xmlns:android="http://schemas.android.com/apk/res/android" 
android:interpolator="@android:anim/decelerate_interpolator"> 
<scale android:fromXScale="0.1" android:toXScale="1.0" 
android:fromYScale
 
="0.1" android:toYScale="1.0" 
android:pivotX="50%p" android:pivotY="50%p" 
android:duration="300" /> 
<!-- 這裡為了看到動畫演示效果，把動畫持續時間設為3秒 --> 
<alpha 
android:fromAlpha="0.1" 
android:toAlpha="1.0" 
android:duration="300" />

縮小退出

zoomout.xml

<?xml version="1.0" encoding="utf-8"?> 
<set xmlns:android="http://schemas.android.com/apk/res/android" 
android:interpolator
 
="@android:anim/decelerate_interpolator" 
android:zAdjustment="top"> 
<scale android:fromXScale="1.0" android:toXScale=".5" 
android:fromYScale="1.0" android:toYScale=".5" 
android:pivotX="50%p" android:pivotY="50%p" 
android:duration="300" /> 
<!-- 系統內建的動畫持續時間 
android:duration="@android:integer/config_mediumAnimTime" 
--> 
<alpha android:fromAlpha="1.0" android:toAlpha="0" 
android:duration
 
="300"/> 
</set>

MainActivity.java：

public class MainActivity extends Activity  { 


@Override 
protected void onCreate(Bundle savedInstanceState) { 
super.onCreate(savedInstanceState); 
setContentView(R.layout.activity_1);
overridePendingTransition(R.anim.zoomin, R.anim.zoomout); 
//overridePendingTransition(R.anim.alphain, R.anim.alphaout);
//overridePendingTransition(R.anim.move_in_right, R.anim.move_out_right);
//overridePendingTransition(R.anim.move_in_left, R.anim.move_out_left);
 }

完成！

第二種：

第一步：在 Activity 中的 setContentView(); 方法前加入：

//在需要啟動的activity中開啟動畫的特徵
getWindow().requestFeature(Window.FEATURE_CONTENT_TRANSITIONS);

或者，在 AnimationActivity 中設定如下 style，並引用到 AnimationActivity 即可。

<itemname=”android:windowContentTransitions”>true</item>

第二步：在 Activity 中的 setContentView(); 方法前加入一行程式碼：

//進入效果3選1
getWindow().setEnterTransition(new Explode());//分解 是從螢幕中間進或者出，然後將檢視移動至最後位置，達到動畫的效果
//getWindow().setEnterTransition(new Slide());//滑動 是從螢幕邊緣進出，同理通過移動檢視形成動畫
//getWindow().setEnterTransition(new Fade());//淡進淡出 是通過改變檢視的透明度來達到動畫效果
//退出效果3選1
getWindow().setExitTransition(new Explode());
//getWindow().setExitTransition(new Slide());
//getWindow().setExitTransition(new Fade());

第三步：把跳轉程式碼改為這種startActivity(intent,ActivityOptions.makeSceneTransitionAnimation(this).toBundle());

簡單的跳轉效果已經完成 如果需要共享元素的話

例如，我的例子中兩個頁面都有一個同樣內容的 textview ，所以要使其得到共享。

<!–共享元素必須新增　transitionName　屬性，且對應的元素name　值一致–>
<android.support.v7.widget.AppCompatTextView
android:id=”@+id/tv_shared_element”
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”
android:layout_gravity=”bottom”
android:layout_marginTop=”56dp”
android:layout_marginBottom=”72dp”
android:gravity=”center_horizontal”
android:text=”@string/app_txt”
android:textColor=”#323232″
android:textSize=”18sp”
android:transitionName=”sharedelement”
tools:ignore=”UnusedAttribute”/>

注意：我們必須為兩個頁面的共同元素（textview）設定一個屬性：

android:transitionName=”sharedelement”

並且必須保證兩個 textview 的　transitionName 設定的內容一致，否者將無法達到共享元素的動畫效果。

最後的關鍵一步：更改 startActivity(); 引數內容，因為我們設定了共享元素，所以到進行指定，這樣 startActivity 時才能夠找到目標，所以啟動 activity 的程式碼因改為這樣：

//這裡的　sharedElementName必須與xml檔案中設定的值一致，否則無法共享
//tvSharedElement表示要參與共享的　view
startActivity(intent,ActivityOptions.makeSceneTransitionAnimation(this,tvSharedElement,
“sharedelement”).toBundle());

如果你的兩個 activity 中有兩個及以上的內容需要共享元素動畫時，你只需要修改程式碼為：

startActivity(intent,ActivityOptions.makeSceneTransitionAnimation(this,
Pair.create((View)tvSharedElement,”sharedelement”))
.toBundle());

這裡通過 Pair.create(view，”shared name”)；來傳入需要共享的元素。

好了，本篇關於 android5.x 提供的幾種過渡動畫效果就展示完了，雖然過渡動畫效果很漂亮，但是也要合理的運用，也不能每一個 activity 都設定過渡動畫。那麼，如上動態圖演示的一樣，本案例關鍵程式碼將在下面貼出：

案例程式碼

ＭainActivity 程式碼如下：

import android.annotation.SuppressLint;
import android.app.ActivityOptions;
import android.content.Intent;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.AppCompatButton;
import android.support.v7.widget.AppCompatTextView;
import android.util.Pair;
import android.view.View;

import butterknife.BindView;
import butterknife.ButterKnife;
import butterknife.OnClick;

@SuppressLint(“NewApi”)
public class MainActivity extends AppCompatActivity {

@BindView(R.id.btn_explode)
AppCompatButton btnExplode;
@BindView(R.id.btn_slide)
AppCompatButton btnSlide;
@BindView(R.id.btn_fade)
AppCompatButton btnFade;
@BindView(R.id.tv_shared_element)
AppCompatTextView tvSharedElement;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
ButterKnife.bind(this);
}

@OnClick(R.id.btn_explode)
void onExplodeClick() {
Intent intent = new Intent(this, AnimationsActivity.class);
startActivityWithAnimation(intent, ”explode”);
}

@OnClick(R.id.btn_slide)
void onSlideClick() {
Intent intent = new Intent(this, AnimationsActivity.class);
startActivityWithAnimation(intent, ”slide”);
}

@OnClick(R.id.btn_fade)
void onFadeClick() {
Intent intent = new Intent(this, AnimationsActivity.class);
startActivityWithAnimation(intent, ”fade”);
}

private void startActivityWithAnimation(Intent intent, String animType) {
intent.putExtra(“anim”, animType);
//這裡的　sharedElementName 必須與 xml 檔案中設定的值一致，否則無法共享
// tvSharedElement 表示要參與共享的　view
//        startActivity(intent, ActivityOptions.makeSceneTransitionAnimation(this, tvSharedElement,
//                ”shared element”).toBundle());
startActivity(intent, ActivityOptions.makeSceneTransitionAnimation(this,
Pair.create((View) tvSharedElement, ”shared element”))
.toBundle());
}
}

ＭainActivity 佈局檔案我就不貼出來了，就三個 Button 和一個 TextView，最後我會給出本案例完整程式碼的資源連結，大家若不懂可以去下載來參考。

接著是 AnimationsActivity 的程式碼，這是一個開啟動畫的 Activity ，程式碼如下：

import android.annotation.SuppressLint;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.AppCompatTextView;
import android.transition.Explode;
import android.transition.Fade;
import android.transition.Slide;
import android.view.Window;

import butterknife.BindView;
import butterknife.ButterKnife;

@SuppressLint(“NewApi”)
public class AnimationsActivity extends AppCompatActivity {

@BindView(R.id.tv_anim_type)
AppCompatTextView tvAnimType;

@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
//在需要啟動的 activity 中開啟動畫的特徵
getWindow().requestFeature(Window.FEATURE_CONTENT_TRANSITIONS);

setContentView(R.layout.activity_animations);
ButterKnife.bind(this);

setEnterAnim();
}

@SuppressWarnings(“ConstantConditions”)
private void setEnterAnim() {
final String animType = (String) getIntent().getExtras().get(“anim”);
tvAnimType.setText(animType);

switch (animType) {
case ”explode”:
getWindow().setEnterTransition(new Explode());
break;
case ”slide”:
getWindow().setEnterTransition(new Slide());
break;
case ”fade”:
getWindow().setEnterTransition(new Fade());
break;
}
}
}

AnimationsActivity 佈局檔案如下，我覺得還是有必要貼出來：

<?xml version=”1.0″ encoding=”utf-8″?>
<android.support.design.widget.CoordinatorLayout xmlns:android=”http://schemas.android.com/apk/res/android”
xmlns:app=”http://schemas.android.com/apk/res-auto”
xmlns:tools=”http://schemas.android.com/tools”
android:layout_width=”match_parent”
android:layout_height=”match_parent”>

<android.support.v7.widget.ContentFrameLayout
android:id=”@+id/frame”
android:layout_width=”match_parent”
android:layout_height=”280dp”
android:background=”#ff3312″>

<android.support.v7.widget.AppCompatTextView
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”
android:layout_gravity=”center”
android:text=”https://blog.csdn.net/smile_Running”
android:textColor=”#ffffff”
android:textSize=”20sp”
tools:ignore=”HardcodedText” />

</android.support.v7.widget.ContentFrameLayout>

<!– anchor 屬性必須在 CoordinatorLayout 下一級才能生效 –>
<android.support.design.widget.FloatingActionButton
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”
android:src=”@drawable/ic_person_add_black_24dp”
app:elevation=”8dp”
app:layout_anchor=”@id/frame”
app:layout_anchorGravity=”bottom|right” />

<android.support.design.widget.FloatingActionButton
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”
android:src=”@drawable/ic_sentiment_satisfied_black_24dp”
app:elevation=”8dp”
app:layout_anchor=”@id/frame”
app:layout_anchorGravity=”bottom|left” />

<android.support.v7.widget.CardView
android:layout_width=”220dp”
android:layout_height=”120dp”
app:cardBackgroundColor=”#ffdd55″
app:cardCornerRadius=”24dp”
app:cardElevation=”8dp”
app:layout_anchor=”@id/frame”
app:layout_anchorGravity=”bottom|center_horizontal”>

<android.support.v7.widget.AppCompatTextView
android:id=”@+id/tv_anim_type”
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”
android:layout_gravity=”center”
android:text=”animations”
android:textColor=”#ffffff”
android:textSize=”25sp”
tools:ignore=”HardcodedText” />
</android.support.v7.widget.CardView>

<android.support.v7.widget.AppCompatTextView
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”
android:layout_gravity=”bottom”
android:layout_marginBottom=”72dp”
android:gravity=”center_horizontal”
android:text=”@string/app_txt”
android:textColor=”#323232″
android:textSize=”18sp”
android:transitionName=”shared element”
tools:ignore=”UnusedAttribute” />
</android.support.design.widget.CoordinatorLayout>

相關推薦

android Activity之間專場效果

第一種：自己編寫進出效果 然後給activity加上就ok了 例如：（首先要在res資料夾下建立anim資料夾，然後把動畫效果xml檔案放到裡面去)

Android中點選按鈕啟動另一個Activity及Activity之間傳值問題

場景 點選第一個Activity中的按鈕，啟動第二個Activity，關閉第二個Activity，返回到第一個Activity。

Android四大元件——Activity——Activity之間通訊上

Activity之間的跳轉有顯式意圖和隱式意圖兩種。 顯式意圖（顯式Intent）：   //建立一個Intent物件，明確Intent跳轉時的源Activity和目標Activity。引數一為當前Activity物件，引數二表示要啟動的目標Activity.Int

Android四大元件——Activity——Activity之間通訊下

顯式意圖：一般是用於應用內元件跳轉。（如從ActivityA跳轉到ActivityB） 隱式意圖：一半用於應用之間的跳轉。(如從ActivityA跳轉到撥號)

【Android基礎】利用Intent在Activity之間傳遞資料

前言： 上一篇文章給大家聊了Intent的用法，如何用Intent啟動Activity和隱式Intent，這一篇文章給大家聊聊如何利用Intent在Activity之間進行溝通。

android實現篩選選單效果

前言 由於android M的popupwindow與之前版本不一致，筆者找不到能夠程式碼監聽物理返回鍵的方式，故另尋方式實現篩選選單。5.0及之前的版本可用popupwindow實現，詳情請參考popupwindow用法。

Android Activity開啟後被應用快照遮住的問題

為公司的銀聯二維碼功能增加一個桌面快捷方式功能的時候，遇到一個頭疼的問題，問題如下：

android自定義手錶效果

本文例項為大家分享了android自定義手錶效果的具體程式碼，供大家參考，具體內容如下

Android自定義日曆效果

因為工作功能需求，自定義一個日曆，效果如下，點選選中日曆 使用github上面一個前輩的框架

android實現滾動文字效果

本文例項為大家分享了android實現滾動文字效果的具體程式碼，供大家參考，具體內容如下

Android實現雷達View效果的示例程式碼

樣式效果 還是先來看效果： 這是一個仿雷達掃描的效果，是之前在做地圖sdk接入時就想實現的效果，但之前由於趕著畢業設計，就沒有親手去實現，不過現在自己擼一個發現還是挺簡單的。

Android Activity向右滑動返回

向右滑動返回，對於螢幕過大的手機來說，在單手操作時，是一個不錯的使用者體驗，使用者不必再費力的或者用另一個手去點選螢幕左上角的返回按鈕或者，手機右下角的返回按鈕，輕輕向右滑動螢幕即可返回上一頁，這個功

Android實現滑動刻度尺效果

最近群裡的開發人員諮詢怎樣實現刻度尺的滑動效果去選擇身高體重等資訊。給個橫著的效果，自己試著去改編或者修改一下，看看通過自己的能力能不能做出豎著的效果來，過兩天我再把豎著的那個滑動選擇效果分享出來。廢

activity 之間傳遞引數

參考：http://c.biancheng.net/view/2923.html mainActivity中 通過intent 傳遞引數 class MyClickListener implements View.OnClickListener{

Android如何繪製發光效果詳解

前言 之前在看別人寫自定義view作繪製的時候，看到別人家的view自帶發光效果，看起來也是蠻炫酷的，於是自己也抽出時間來試用一下，這裡做了一個模仿太陽的各種狀態樣式。

Android實現衛星選單效果

前言 最近需求中，需要實現 衛星選單的需求，最終通過自定義View和動畫屬性來實現，具體功能如下：

android實現簡單圓弧效果

最近專案完成就開始搞一些有用沒用的東西，以前面試的時候有人問我那種圓弧效果怎麼做，還問我翻牌效果，我只看過，沒有做過，現在有空了，而且想到可能會用到就做個簡單的

Android實現波浪球效果

波浪球的效果一直都是想模仿的物件，在最近一段時間裡模仿了這一介面，其實所用知識並不多。

Android實現圖片滾動效果

Android開發圖片滾動效果，供大家參考，具體內容如下 效果圖： 設定適配來設定圖片位置大小

通過例項解析android Activity啟動過程

注：只是說明啟動activity的過程（ActivityThread如何與ActivityManagerService簡稱AmS進行程序間通訊呼叫全過程），不解析android從zygote（受精卵）到整個系統服務的啟動