Android使用animator實現(xiàn)fragment的3D翻轉(zhuǎn)效果
今天老師留的作業(yè),使用倆個Fragment來實現(xiàn)3D翻轉(zhuǎn)效果,遇到了一點點的問題,于是在網(wǎng)上進行了查找,但是發(fā)現(xiàn)有些博主的代碼不正確,對其他人進行了誤導,在網(wǎng)上使用屬性動畫實現(xiàn)3D效果非常少,所以經(jīng)過我自己的實驗摸索,我將自己的代碼和遇到的問題給他講解一下提供一點點借鑒,并且希望可以幫助到大家。
首先講解一下主要實現(xiàn)動畫的函數(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();
我想信這個函數(shù)大家在實現(xiàn)動畫時都會使用到,先獲得FragmentManager然后進行transaction,主要添加動畫的函數(shù)是setCustomAnimations(),在網(wǎng)上可以查到的解釋,對這個方法有些錯誤,描述的是當前的Fragment對象的進入和退出時的動畫效果,是這個對象的一種屬性,但是這個方法真正的解釋應該是在當前Activity在切換Fragment時所執(zhí)行的動畫方式,也就是說當前Fragment退出時用的是方法中的退出動畫,新的Fragment進入時執(zhí)行的是進入的動畫效果,可以理解為這一次動畫效果完全是利用這一個語句來完成,有些博客的記載對我們產(chǎn)生了一些誤導。
官方的注釋如下:
/** * 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)效果代碼如下:
第二個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); } }
第一個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); } }
逆時針翻轉(zhuǎn)動畫進入時配置文件。
<?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>
退出時動畫配置文件,
<?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>
順時針翻轉(zhuǎn)動畫進入時配置文件,
<?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>
退出時動畫配置文件,
<?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>
至此,兩個Fragment的3D翻轉(zhuǎn)切換已經(jīng)完成,希望我的經(jīng)驗可以幫助到你們。
以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
- Android實現(xiàn)圖片反轉(zhuǎn)、翻轉(zhuǎn)、旋轉(zhuǎn)、放大和縮小
- Android動畫之3D翻轉(zhuǎn)效果實現(xiàn)函數(shù)分析
- Android圖片翻轉(zhuǎn)動畫簡易實現(xiàn)代碼
- Android實現(xiàn)Flip翻轉(zhuǎn)動畫效果
- Android利用Camera實現(xiàn)中軸3D卡牌翻轉(zhuǎn)效果
- Android實現(xiàn)文字翻轉(zhuǎn)動畫的效果
- Android實現(xiàn)卡片翻轉(zhuǎn)動畫
- Android實現(xiàn)3D翻轉(zhuǎn)動畫效果
- android使用FlipAnimation實現(xiàn)3D垂直翻轉(zhuǎn)動畫
相關(guān)文章
手把手教你用ViewPager自定義實現(xiàn)Banner輪播
這篇文章主要手把手教你用ViewPager自定義實現(xiàn)Banner輪播,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-09-09Android中RecyclerView實現(xiàn)多級折疊列表效果(二)
這篇文章主要給大家介紹了Android中RecyclerView實現(xiàn)多級折疊列表的相關(guān)資料,文中介紹的非常詳細,對大家具有一定的參考學習價值,需要的朋友們下面來一起看看吧。2017-05-05Android中pendingIntent與Intent的深入分析
這篇文章主要介紹了Android中pendingIntent的深入分析的相關(guān)資料,需要的朋友可以參考下2017-04-04