Android fragment 轉(zhuǎn)場(chǎng)動(dòng)畫創(chuàng)建步驟
fragment 動(dòng)畫
使用 setCustomAnimations 繪制轉(zhuǎn)場(chǎng)動(dòng)畫
概述
在 Android 中,可以使用 setCustomAnimations()
方法來(lái)繪制自定義的 Fragment 轉(zhuǎn)場(chǎng)動(dòng)畫。該方法接受四個(gè)參數(shù),分別對(duì)應(yīng)四種類型的動(dòng)畫:
- enter: 新 Fragment 進(jìn)入時(shí)的動(dòng)畫
- exit: 舊 Fragment 離開(kāi)時(shí)的動(dòng)畫
- popEnter: 從 Back Stack 中彈出 Fragment 時(shí)的動(dòng)畫
- popExit: 將 Fragment 添加到 Back Stack 時(shí)的動(dòng)畫
步驟
1.創(chuàng)建動(dòng)畫資源文件。
轉(zhuǎn)場(chǎng)動(dòng)畫可以使用 XML 動(dòng)畫資源文件來(lái)定義。每個(gè)動(dòng)畫資源文件定義一種類型的動(dòng)畫,例如 enter.xml
、exit.xml
、pop_enter.xml
和 pop_exit.xml
。
動(dòng)畫資源文件的格式與其他動(dòng)畫資源文件相同,可以使用各種動(dòng)畫屬性來(lái)定義動(dòng)畫效果。例如,可以使用 alpha
屬性來(lái)定義透明度變化,使用 translate
屬性來(lái)定義位移變化,使用 scale
屬性來(lái)定義縮放變化等等。
2.在 Fragment 中設(shè)置自定義動(dòng)畫。
在 Fragment 中,可以使用 setCustomAnimations()
方法來(lái)設(shè)置自定義的轉(zhuǎn)場(chǎng)動(dòng)畫。該方法接受四個(gè)參數(shù),分別對(duì)應(yīng)四個(gè)類型的動(dòng)畫資源文件的 ID。
例如,以下代碼設(shè)置了 Fragment 進(jìn)入和離開(kāi)時(shí)的自定義動(dòng)畫:
fragment.setCustomAnimations(R.anim.enter, R.anim.exit);
示例
以下是一個(gè)示例,演示如何使用 setCustomAnimations()
方法來(lái)繪制自定義的 Fragment 轉(zhuǎn)場(chǎng)動(dòng)畫。
1. 創(chuàng)建動(dòng)畫資源文件
<set xmlns:android="http://schemas.android.com/apk/res/android"> <alpha android:fromAlpha="0.0" android:toAlpha="1.0" android:duration="500" /> </set> <set xmlns:android="http://schemas.android.com/apk/res/android"> <alpha android:fromAlpha="1.0" android:toAlpha="0.0" android:duration="500" /> </set>
2. 在 Fragment 中設(shè)置自定義動(dòng)畫
public class MyFragment extends Fragment { @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { // Inflate the layout for this fragment View view = inflater.inflate(R.layout.fragment_my, container, false); // Set custom animations setCustomAnimations(R.anim.enter, R.anim.exit); return view; } }
效果
運(yùn)行該示例后,可以看到 Fragment 進(jìn)入和離開(kāi)時(shí)都會(huì)播放自定義的動(dòng)畫效果。
注意事項(xiàng)
- 使用
setCustomAnimations()
方法設(shè)置自定義動(dòng)畫時(shí),必須在 Fragment 添加到 Activity 之前調(diào)用該方法。 - 如果不設(shè)置自定義動(dòng)畫,則 Fragment 會(huì)使用系統(tǒng)默認(rèn)的轉(zhuǎn)場(chǎng)動(dòng)畫。
進(jìn)階
除了使用 XML 動(dòng)畫資源文件來(lái)定義動(dòng)畫效果之外,還可以使用代碼來(lái)定義動(dòng)畫效果。例如,可以使用 ObjectAnimator
類來(lái)創(chuàng)建更加復(fù)雜的動(dòng)畫效果。
使用共享元素的動(dòng)畫
在 FirstFragment
中:
public class FirstFragment extends Fragment { @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { return inflater.inflate(R.layout.fragment_first, container, false); } @Override public void onViewCreated(View view, Bundle savedInstanceState) { super.onViewCreated(view, savedInstanceState); ImageView sharedImageView = view.findViewById(R.id.shared_image); sharedImageView.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { navigateToSecondFragment(sharedImageView); } }); } private void navigateToSecondFragment(View sharedElement) { SecondFragment newFragment = new SecondFragment(); FragmentTransaction transaction = getParentFragmentManager().beginTransaction(); // 設(shè)置退出動(dòng)畫 TransitionSet exitTransition = new TransitionSet(); exitTransition.addTransition(new Fade()); exitTransition.addTransition(new Slide(Gravity.START)); newFragment.setExitTransition(exitTransition); // 設(shè)置共享元素退出動(dòng)畫 TransitionSet sharedElementExitTransition = new TransitionSet(); sharedElementExitTransition.addTransition(new ChangeBounds()); sharedElementExitTransition.addTransition(new ChangeTransform()); sharedElementExitTransition.addTransition(new ChangeImageTransform()); newFragment.setSharedElementExitTransition(sharedElementExitTransition); // 設(shè)置進(jìn)入動(dòng)畫 TransitionSet enterTransition = new TransitionSet(); enterTransition.addTransition(new Fade()); enterTransition.addTransition(new Slide(Gravity.END)); newFragment.setEnterTransition(enterTransition); // 設(shè)置共享元素進(jìn)入動(dòng)畫 TransitionSet sharedElementEnterTransition = new TransitionSet(); sharedElementEnterTransition.addTransition(new ChangeBounds()); sharedElementEnterTransition.addTransition(new ChangeTransform()); sharedElementEnterTransition.addTransition(new ChangeImageTransform()); newFragment.setSharedElementEnterTransition(sharedElementEnterTransition); // 添加共享元素 可以添加多個(gè)共享元素 transaction.addSharedElement(sharedElement, sharedElement.getTransitionName()); // 替換當(dāng)前 Fragment transaction.replace(R.id.fragment_container_view, newFragment); transaction.addToBackStack(tag); transaction.commit(); } }
在 SecondFragment
中:
public class SecondFragment extends Fragment { @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); } @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { return inflater.inflate(R.layout.fragment_second, container, false); } }
recyclerview in
對(duì)于在 RecyclerView 或 ListView 中使用共享元素的情況,你可以在適配器的 onBindViewHolder()
方法中為每個(gè)共享元素設(shè)置 transitionName
屬性。
假設(shè)你有一個(gè) RecyclerView,其中的每個(gè)項(xiàng)目包含一個(gè) ImageView,并且你想要在這些 ImageView 之間應(yīng)用共享元素動(dòng)畫。在 RecyclerView 的適配器中,你可以這樣設(shè)置 transitionName
:
public class MyAdapter extends RecyclerView.Adapter<MyAdapter.ViewHolder> { private List<MyData> dataList; public MyAdapter(List<MyData> dataList) { this.dataList = dataList; } @NonNull @Override public ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) { View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.item_layout, parent, false); return new ViewHolder(view); } @Override public void onBindViewHolder(@NonNull ViewHolder holder, int position) { MyData data = dataList.get(position); // 設(shè)置 transitionName holder.imageView.setTransitionName("shared_image_" + position); // 加載圖片或其他數(shù)據(jù) // Glide.with(holder.imageView.getContext()).load(data.getImageUrl()).into(holder.imageView); } @Override public int getItemCount() { return dataList.size(); } public static class ViewHolder extends RecyclerView.ViewHolder { ImageView imageView; public ViewHolder(@NonNull View itemView) { super(itemView); imageView = itemView.findViewById(R.id.imageView); } } }
在這個(gè)示例中,我們?cè)谶m配器的 onBindViewHolder()
方法中為每個(gè) ImageView 設(shè)置了唯一的 transitionName
屬性,例如 "shared_image_" + position
。這樣做可以確保 RecyclerView 中的每個(gè)共享元素都具有唯一的 transitionName
,以便在共享元素動(dòng)畫中正確識(shí)別和匹配它們。
參考地址
chatgpt
到此這篇關(guān)于Android fragment 轉(zhuǎn)場(chǎng)動(dòng)畫的文章就介紹到這了,更多相關(guān)Android fragment 轉(zhuǎn)場(chǎng)動(dòng)畫內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
Android應(yīng)用關(guān)閉的情況以及識(shí)別方法詳解
對(duì)于現(xiàn)在的安卓手機(jī)而言,很多功能都是在逐步完善的,這篇文章主要給大家介紹了關(guān)于Android應(yīng)用關(guān)閉的情況以及識(shí)別的相關(guān)資料,文章通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-06-06Android實(shí)現(xiàn)登錄郵箱的自動(dòng)補(bǔ)全功能
這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)登錄郵箱的自動(dòng)補(bǔ)全功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-04-04Android實(shí)現(xiàn)自定義輪播圖片控件詳解
這篇文章給大家主要介紹了Android實(shí)現(xiàn)自定義輪播圖片控件的詳細(xì)過(guò)程,文中通過(guò)實(shí)例代碼介紹的很詳細(xì),相信會(huì)對(duì)大家的理解和學(xué)習(xí)很有幫助,感興趣的朋友們下面來(lái)一起看看吧。2016-10-10Android PopupWindow實(shí)現(xiàn)微信右上角的彈出菜單
這篇文章主要為大家詳細(xì)介紹了Android PopupWindow實(shí)現(xiàn)微信右上角的彈出菜單,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-04-04AndroidStudio kotlin配置詳細(xì)介紹
這篇文章主要介紹了AndroidStudio kotlin配置詳細(xì)介紹的相關(guān)資料,需要的朋友可以參考下2017-05-05Android Studio ADB網(wǎng)絡(luò)調(diào)試匯總
這篇文章主要為大家詳細(xì)介紹了Android Studio ADB網(wǎng)絡(luò)調(diào)試的方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-05-05