Android使用animator實(shí)現(xiàn)fragment的3D翻轉(zhuǎn)效果
今天老師留的作業(yè),使用倆個(gè)Fragment來實(shí)現(xiàn)3D翻轉(zhuǎn)效果,遇到了一點(diǎn)點(diǎn)的問題,于是在網(wǎng)上進(jìn)行了查找,但是發(fā)現(xiàn)有些博主的代碼不正確,對(duì)其他人進(jìn)行了誤導(dǎo),在網(wǎng)上使用屬性動(dòng)畫實(shí)現(xiàn)3D效果非常少,所以經(jīng)過我自己的實(shí)驗(yàn)摸索,我將自己的代碼和遇到的問題給他講解一下提供一點(diǎn)點(diǎn)借鑒,并且希望可以幫助到大家。
首先講解一下主要實(shí)現(xiàn)動(dòng)畫的函數(shù):
getFragmentManager().beginTransaction()
.setCustomAnimations(R.animator.fragment_second_3d_reversal_enter,R.animator.fragment_second_3d_reversal_exit)
.replace(R.id.container, new MainFragment()).commit();
我想信這個(gè)函數(shù)大家在實(shí)現(xiàn)動(dòng)畫時(shí)都會(huì)使用到,先獲得FragmentManager然后進(jìn)行transaction,主要添加動(dòng)畫的函數(shù)是setCustomAnimations(),在網(wǎng)上可以查到的解釋,對(duì)這個(gè)方法有些錯(cuò)誤,描述的是當(dāng)前的Fragment對(duì)象的進(jìn)入和退出時(shí)的動(dòng)畫效果,是這個(gè)對(duì)象的一種屬性,但是這個(gè)方法真正的解釋應(yīng)該是在當(dāng)前Activity在切換Fragment時(shí)所執(zhí)行的動(dòng)畫方式,也就是說當(dāng)前Fragment退出時(shí)用的是方法中的退出動(dòng)畫,新的Fragment進(jìn)入時(shí)執(zhí)行的是進(jìn)入的動(dòng)畫效果,可以理解為這一次動(dòng)畫效果完全是利用這一個(gè)語句來完成,有些博客的記載對(duì)我們產(chǎn)生了一些誤導(dǎo)。
官方的注釋如下:
/** * Set specific animation resources to run for the fragments that are * entering and exiting in this transaction. These animations will not be * played when popping the back stack. */ public abstract FragmentTransaction setCustomAnimations(int enter, int exit);
整體的3D翻轉(zhuǎn)效果代碼如下:
第二個(gè)Fragment。
/**
* Created by Liurs on 2016/6/14.
**/
public class SecondFragment extends Fragment {
private LinearLayout root;
private Button mButton;
public SecondFragment() {
}
@Nullable
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
root = (LinearLayout) inflater.inflate(R.layout.fragment_second, container, false);
//Set listener;
setListener();
return root;
}
/**
* set listener
*/
private void setListener() {
mButton = (Button) root.findViewById(R.id.button);
mButton.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
getFragmentManager().beginTransaction()
.setCustomAnimations(R.animator.fragment_second_3d_reversal_enter,R.animator.fragment_second_3d_reversal_exit)
.replace(R.id.container, new MainFragment()).commit();
}
});
}
@Override
public void onViewCreated(View view, Bundle savedInstanceState) {
super.onViewCreated(view, savedInstanceState);
}
}
第一個(gè)Fragment。
/**
* Created by Liurs on 2016/6/14.
**/
public class MainFragment extends Fragment {
private LinearLayout root;
private Button mButton;
public MainFragment() {
}
@Nullable
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
root = (LinearLayout) inflater.inflate(R.layout.content_main, container, false);
//Set listener;
setListener();
return root;
}
/**
* set listener
*/
private void setListener() {
mButton = (Button) root.findViewById(R.id.button);
mButton.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
getFragmentManager()
.beginTransaction()
.addToBackStack(null)
.setCustomAnimations(R.animator.fragment_3d_reversal_enter,R.animator.fragment_3d_reversal_exit,R.animator.fragment_second_3d_reversal_enter,R.animator.fragment_second_3d_reversal_exit)
.replace(R.id.container, new SecondFragment())
.commit();
}
});
}
@Override
public void onViewCreated(View view, Bundle savedInstanceState) {
super.onViewCreated(view, savedInstanceState);
}
}
逆時(shí)針翻轉(zhuǎn)動(dòng)畫進(jìn)入時(shí)配置文件。
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" android:ordering="sequentially">
<objectAnimator
android:duration="0"
android:propertyName="rotationY"
android:valueFrom="0f"
android:valueTo="270f" />
<objectAnimator
android:duration="500"
android:propertyName="rotationY"
android:startOffset="500"
android:valueFrom="270f"
android:valueTo="360f" />
</set>
退出時(shí)動(dòng)畫配置文件,
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" android:ordering="sequentially">
<objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="500"
android:propertyName="rotationY"
android:valueFrom="0f"
android:valueTo="90f">
</objectAnimator>
</set>
順時(shí)針翻轉(zhuǎn)動(dòng)畫進(jìn)入時(shí)配置文件,
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
android:ordering="sequentially">
<objectAnimator
android:duration="0"
android:propertyName="rotationY"
android:valueFrom="180f"
android:valueTo="90f" />
<objectAnimator
android:duration="500"
android:propertyName="rotationY"
android:startOffset="500"
android:valueFrom="90f"
android:valueTo="0f" />
</set>
退出時(shí)動(dòng)畫配置文件,
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" android:ordering="sequentially">
<objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="500"
android:propertyName="rotationY"
android:valueFrom="0f"
android:valueTo="-90f">
</objectAnimator>
</set>
至此,兩個(gè)Fragment的3D翻轉(zhuǎn)切換已經(jīng)完成,希望我的經(jīng)驗(yàn)可以幫助到你們。
以上就是本文的全部內(nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- Android實(shí)現(xiàn)圖片反轉(zhuǎn)、翻轉(zhuǎn)、旋轉(zhuǎn)、放大和縮小
- Android動(dòng)畫之3D翻轉(zhuǎn)效果實(shí)現(xiàn)函數(shù)分析
- Android圖片翻轉(zhuǎn)動(dòng)畫簡易實(shí)現(xiàn)代碼
- Android實(shí)現(xiàn)Flip翻轉(zhuǎn)動(dòng)畫效果
- Android利用Camera實(shí)現(xiàn)中軸3D卡牌翻轉(zhuǎn)效果
- Android實(shí)現(xiàn)文字翻轉(zhuǎn)動(dòng)畫的效果
- Android實(shí)現(xiàn)卡片翻轉(zhuǎn)動(dòng)畫
- Android實(shí)現(xiàn)3D翻轉(zhuǎn)動(dòng)畫效果
- android使用FlipAnimation實(shí)現(xiàn)3D垂直翻轉(zhuǎn)動(dòng)畫
相關(guān)文章
手把手教你用ViewPager自定義實(shí)現(xiàn)Banner輪播
這篇文章主要手把手教你用ViewPager自定義實(shí)現(xiàn)Banner輪播,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-09-09
Android中RecyclerView實(shí)現(xiàn)多級(jí)折疊列表效果(二)
這篇文章主要給大家介紹了Android中RecyclerView實(shí)現(xiàn)多級(jí)折疊列表的相關(guān)資料,文中介紹的非常詳細(xì),對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來一起看看吧。2017-05-05
Android中對(duì)xml文件解析的3種方式總結(jié)
這篇文章主要給大家介紹了關(guān)于Android中對(duì)xml文件解析的3種方式,分別是 Dom 、 SAX 和 dom4j,文中通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考借鑒,下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2018-02-02
Android仿今日頭條頂部導(dǎo)航欄效果的實(shí)例代碼
這篇文章主要介紹了Android之仿今日頭條頂部導(dǎo)航欄效果的實(shí)例代碼,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,一起跟隨小編過來看看吧2018-05-05
Android自定義控件單位尺寸實(shí)現(xiàn)代碼
這篇文章主要介紹了Android自定義控件單位尺寸實(shí)現(xiàn)代碼,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-04-04
Android編程中Handler原理及用法實(shí)例分析
這篇文章主要介紹了Android編程中Handler用法,結(jié)合實(shí)例形式分析了Handler的功能,原理及使用技巧,需要的朋友可以參考下2016-01-01
Android中pendingIntent與Intent的深入分析
這篇文章主要介紹了Android中pendingIntent的深入分析的相關(guān)資料,需要的朋友可以參考下2017-04-04

