Android fragment 转场动画

🕗 发布于 2024-02-27 14:27 fragment动画

fragment 动画

使用 setCustomAnimations 绘制转场动画
使用共享元素的动画
- recyclerview in
参考地址

使用 setCustomAnimations 绘制转场动画

概述

在 Android 中，可以使用 setCustomAnimations() 方法来绘制自定义的 Fragment 转场动画。该方法接受四个参数，分别对应四种类型的动画：

enter: 新 Fragment 进入时的动画
exit: 旧 Fragment 离开时的动画
popEnter: 从 Back Stack 中弹出 Fragment 时的动画
popExit: 将 Fragment 添加到 Back Stack 时的动画

步骤

创建动画资源文件。

转场动画可以使用 XML 动画资源文件来定义。每个动画资源文件定义一种类型的动画，例如 enter.xml、exit.xml、pop_enter.xml 和 pop_exit.xml。

动画资源文件的格式与其他动画资源文件相同，可以使用各种动画属性来定义动画效果。例如，可以使用 alpha 属性来定义透明度变化，使用 translate 属性来定义位移变化，使用 scale 属性来定义缩放变化等等。
在 Fragment 中设置自定义动画。

在 Fragment 中，可以使用 setCustomAnimations() 方法来设置自定义的转场动画。该方法接受四个参数，分别对应四个类型的动画资源文件的 ID。

例如，以下代码设置了 Fragment 进入和离开时的自定义动画：

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

示例

以下是一个示例，演示如何使用 setCustomAnimations() 方法来绘制自定义的 Fragment 转场动画。

1. 创建动画资源文件

<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 中设置自定义动画

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() 方法设置自定义动画时，必须在 Fragment 添加到 Activity 之前调用该方法。
如果不设置自定义动画，则 Fragment 会使用系统默认的转场动画。

进阶

除了使用 XML 动画资源文件来定义动画效果之外，还可以使用代码来定义动画效果。例如，可以使用 ObjectAnimator 类来创建更加复杂的动画效果。

使用共享元素的动画

在 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();

        // 设置退出动画
        TransitionSet exitTransition = new TransitionSet();
        exitTransition.addTransition(new Fade());
        exitTransition.addTransition(new Slide(Gravity.START));
        newFragment.setExitTransition(exitTransition);

        // 设置共享元素退出动画
        TransitionSet sharedElementExitTransition = new TransitionSet();
        sharedElementExitTransition.addTransition(new ChangeBounds());
        sharedElementExitTransition.addTransition(new ChangeTransform());
        sharedElementExitTransition.addTransition(new ChangeImageTransform());
        newFragment.setSharedElementExitTransition(sharedElementExitTransition);

        // 设置进入动画
        TransitionSet enterTransition = new TransitionSet();
        enterTransition.addTransition(new Fade());
        enterTransition.addTransition(new Slide(Gravity.END));
        newFragment.setEnterTransition(enterTransition);

        // 设置共享元素进入动画
        TransitionSet sharedElementEnterTransition = new TransitionSet();
        sharedElementEnterTransition.addTransition(new ChangeBounds());
        sharedElementEnterTransition.addTransition(new ChangeTransform());
        sharedElementEnterTransition.addTransition(new ChangeImageTransform());
        newFragment.setSharedElementEnterTransition(sharedElementEnterTransition);

        // 添加共享元素 可以添加多个共享元素
        transaction.addSharedElement(sharedElement, sharedElement.getTransitionName());

        // 替换当前 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() 方法中为每个共享元素设置 transitionName 属性。

假设你有一个 RecyclerView，其中的每个项目包含一个 ImageView，并且你想要在这些 ImageView 之间应用共享元素动画。在 RecyclerView 的适配器中，你可以这样设置 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);

        // 设置 transitionName
        holder.imageView.setTransitionName("shared_image_" + position);

        // 加载图片或其他数据
        // 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 设置了唯一的 transitionName 属性，例如 "shared_image_" + position。这样做可以确保 RecyclerView 中的每个共享元素都具有唯一的 transitionName，以便在共享元素动画中正确识别和匹配它们。

参考地址

chatgpt

原文地址：https://blog.csdn.net/weixin_35691921/article/details/136213704

免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！

上一篇：【Spring连载】使用Spring Data的Repositories----从聚合根(Aggregate Roots)发布事件
下一篇：【Golang入门教程】Goland常用快捷键，看这一篇就够了 - 副本 (2)

leetcode289:生命游戏
根据，简称为，是英国数学家约翰·何顿·康威在 1970 年发明的细胞自动机。给定一个包含m × n个格子的面板，每一个格子都可以看成是一个细胞。每个细胞都具有一个初始状态：1即为（live），或0即为
阅读更多2024-10-20
MongoDB数据恢复
注意：两个MongoDB的版本要一致，本文使用的是mongo:4.2.24。先把K8S上面的MongoDB 容器停止（可以把副本改成0）。1、将容器挂载MongoDB的数据目录备份到本地。经常是数据文
阅读更多2024-10-20
C#中实现事务
C#中实现事务
阅读更多2024-10-20
【LeetCode每日一题】——560.和为 K 的子数组
给你一个整数数组 nums 和一个整数 k ，请你统计并返回该数组中和为 k 的子数组的个数。子数组是数组中元素的连续非空序列。
阅读更多2024-10-20
「漏洞复现」满客宝智慧食堂系统 selectUserByOrgId 未授权访问漏洞
请勿利用文章内的相关技术从事非法测试，由于传播、利用此文所提供的信息而造成的任何直接或者间接的后果及损失，均由使用者本人负责，作者不为此承担任何责任。工具来自网络，安全性自测，如有侵权请联系删除。本次
阅读更多2024-10-20
React面试题目（从基本到高级）
React前端面试常见题目涵盖了React的基础概念、组件、状态管理、生命周期、性能优化等多个方面。
阅读更多2024-10-20
12.个人博客系统（Java项目基于spring和vue）
1 在校学习的学生，可用于日常学习使用或是毕业设计使用 2 毕业一到两年的开发人员，用于锻炼自己的独立功能模块设计能力，增强代码编写能力。 3 亦可以部署为商化项目使用。 4 需要完整资料及源码
阅读更多2024-10-20
YoloV8改进策略：注意力改进|DeBiFormer，可变形双级路由注意力|引入DeBiLevelRoutingAttention注意力模块（全网首发）
本次改进的核心在于将DeBiLevelRoutingAttention模块嵌入到YoloV8的主干网络中，具体位置是在SPPF（Spatial Pyramid Pooling Fast）模块之后。这一
阅读更多2024-10-20
word取消自动单词首字母大写
情况说明：在word输入单词后首字母会自动变成大写取消单词首字母大写步骤：（1）点击菜单栏文件（2）点击“更多”——>“选项”（3）点击“校对”——>“自动更正选项”（4）取消“句首字母大
阅读更多2024-10-20
web前端网页用户注册页面
【代码】web前端网页用户注册页面。
阅读更多2024-10-20