Android fragment 轉(zhuǎn)場動畫創(chuàng)建步驟

更新時間：2024年03月02日 14:45:14 作者：清風(fēng)徐來遼

在 Android 中,可以使用 setCustomAnimations() 方法來繪制自定義的 Fragment 轉(zhuǎn)場動畫,本文分步驟給大家介紹的非常詳細(xì),感興趣的朋友跟隨小編一起看看吧

fragment 動畫

使用 setCustomAnimations 繪制轉(zhuǎn)場動畫

概述

在 Android 中，可以使用 setCustomAnimations() 方法來繪制自定義的 Fragment 轉(zhuǎn)場動畫。該方法接受四個參數(shù)，分別對應(yīng)四種類型的動畫：

enter: 新 Fragment 進入時的動畫
exit: 舊 Fragment 離開時的動畫
popEnter: 從 Back Stack 中彈出 Fragment 時的動畫
popExit: 將 Fragment 添加到 Back Stack 時的動畫

步驟

1.創(chuàng)建動畫資源文件。

轉(zhuǎn)場動畫可以使用 XML 動畫資源文件來定義。每個動畫資源文件定義一種類型的動畫，例如 enter.xml、exit.xml、pop_enter.xml 和 pop_exit.xml。

動畫資源文件的格式與其他動畫資源文件相同，可以使用各種動畫屬性來定義動畫效果。例如，可以使用 alpha 屬性來定義透明度變化，使用 translate 屬性來定義位移變化，使用 scale 屬性來定義縮放變化等等。

2.在 Fragment 中設(shè)置自定義動畫。

在 Fragment 中，可以使用 setCustomAnimations() 方法來設(shè)置自定義的轉(zhuǎn)場動畫。該方法接受四個參數(shù)，分別對應(yīng)四個類型的動畫資源文件的 ID。

例如，以下代碼設(shè)置了 Fragment 進入和離開時的自定義動畫：

fragment.setCustomAnimations(R.anim.enter, R.anim.exit);

示例

以下是一個示例，演示如何使用 setCustomAnimations() 方法來繪制自定義的 Fragment 轉(zhuǎn)場動畫。

1. 創(chuà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è)置自定義動畫

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;
    }
}

效果

運行該示例后，可以看到 Fragment 進入和離開時都會播放自定義的動畫效果。

注意事項

使用 setCustomAnimations() 方法設(shè)置自定義動畫時，必須在 Fragment 添加到 Activity 之前調(diào)用該方法。
如果不設(shè)置自定義動畫，則 Fragment 會使用系統(tǒng)默認(rèn)的轉(zhuǎn)場動畫。

進階

除了使用 XML 動畫資源文件來定義動畫效果之外，還可以使用代碼來定義動畫效果。例如，可以使用 ObjectAnimator 類來創(chuàng)建更加復(fù)雜的動畫效果。

使用共享元素的動畫

在 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è)置退出動畫
        TransitionSet exitTransition = new TransitionSet();
        exitTransition.addTransition(new Fade());
        exitTransition.addTransition(new Slide(Gravity.START));
        newFragment.setExitTransition(exitTransition);
        // 設(shè)置共享元素退出動畫
        TransitionSet sharedElementExitTransition = new TransitionSet();
        sharedElementExitTransition.addTransition(new ChangeBounds());
        sharedElementExitTransition.addTransition(new ChangeTransform());
        sharedElementExitTransition.addTransition(new ChangeImageTransform());
        newFragment.setSharedElementExitTransition(sharedElementExitTransition);
        // 設(shè)置進入動畫
        TransitionSet enterTransition = new TransitionSet();
        enterTransition.addTransition(new Fade());
        enterTransition.addTransition(new Slide(Gravity.END));
        newFragment.setEnterTransition(enterTransition);
        // 設(shè)置共享元素進入動畫
        TransitionSet sharedElementEnterTransition = new TransitionSet();
        sharedElementEnterTransition.addTransition(new ChangeBounds());
        sharedElementEnterTransition.addTransition(new ChangeTransform());
        sharedElementEnterTransition.addTransition(new ChangeImageTransform());
        newFragment.setSharedElementEnterTransition(sharedElementEnterTransition);
        // 添加共享元素 可以添加多個共享元素
        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

對于在 RecyclerView 或 ListView 中使用共享元素的情況，你可以在適配器的 onBindViewHolder() 方法中為每個共享元素設(shè)置 transitionName 屬性。

假設(shè)你有一個 RecyclerView，其中的每個項目包含一個 ImageView，并且你想要在這些 ImageView 之間應(yī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);
        }
    }
}

在這個示例中，我們在適配器的 onBindViewHolder() 方法中為每個 ImageView 設(shè)置了唯一的 transitionName 屬性，例如 "shared_image_" + position。這樣做可以確保 RecyclerView 中的每個共享元素都具有唯一的 transitionName，以便在共享元素動畫中正確識別和匹配它們。

參考地址

chatgpt

到此這篇關(guān)于Android fragment 轉(zhuǎn)場動畫的文章就介紹到這了,更多相關(guān)Android fragment 轉(zhuǎn)場動畫內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: