Fragment动画切换效果

最新推荐文章于 2025-05-28 11:29:07 发布

oneblue123

最新推荐文章于 2025-05-28 11:29:07 发布

阅读量5.1k

点赞数 1

分类专栏： android动画

android动画专栏收录该内容

4 篇文章

订阅专栏

本文介绍了在Android应用中如何使用系统自带的动画效果和自定义动画效果来实现Fragment之间的平滑过渡。具体包括FragmentTransaction的setTransition和setCustomAnimations方法的应用，并提供了一个具体的实现示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.系统自带的动画切换效果

FragmentTransaction fragmentTransaction = mFragmentManager
                .beginTransaction();

fragmentTransaction.setTransition(int transit)；
// 通过setTransition(int transit)进行设置
// transit参数说明
// 1. FragmentTransaction.TRANSIT_NONE：无动画
// 2. FragmentTransaction.TRANSIT_FRAGMENT_OPEN：标准的打开动画效果
// 3. FragmentTransaction.TRANSIT_FRAGMENT_CLOSE：标准的关闭动画效果

// 标准动画设置好后，在Fragment添加和移除的时候都会有。

2. 自定义动画切换效果

// 采用`FragmentTransavtion`的 `setCustomAnimations（）`进行设置

FragmentTransaction fragmentTransaction = mFragmentManager
                .beginTransaction();

fragmentTransaction.setCustomAnimations(
                R.anim.in_from_right,
                R.anim.out_to_left);

// 此处的自定义动画效果同Activity，此处不再过多描述

public class Main2Activity extends AppCompatActivity implements View.OnClickListener{
    private TextView tv_home,tv_person;
    private FrameLayout fl;
    private FragmentManager mFragmentManager;
    private ItemFragment mItemFragment;
    private HomeFragment mHomeFragment;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main2);
        initView();
    }

    private void initView() {
        tv_home=findViewById(R.id.tv_home);
        tv_person=findViewById(R.id.tv_person);
        fl=findViewById(R.id.fl);
        tv_home.setOnClickListener(this);
        tv_person.setOnClickListener(this);
        mFragmentManager = getSupportFragmentManager();
        mHomeFragment=HomeFragment.newInstance();
        mItemFragment=ItemFragment.newInstance();
    }

    @Override
    public void onClick(View v) {
        switch (v.getId()){
            case R.id.tv_home:
                switchPage(mHomeFragment);
                break;
            case R.id.tv_person:
                switchPage(mItemFragment);
                break;
                default:
                    break;
        }
    }

    //切换页面 (自定义fragment切换动画)
    private void switchPage(Fragment fragment) {
        FragmentTransaction fragmentTransaction = mFragmentManager.beginTransaction();
        fragmentTransaction
                .setCustomAnimations(R.anim.right_in,R.anim.left_out)
                .replace(R.id.fl,fragment)
                .commit();

    }

}

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="meiyuan.com.text01.Main2Activity">
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#ccc"
        android:orientation="horizontal">
        <TextView
            android:id="@+id/tv_home"
            android:layout_width="0dp"
            android:layout_height="40dp"
            android:layout_weight="1"
            android:text="首页"
            android:gravity="center"/>
        <View
            android:layout_width="1dp"
            android:layout_height="match_parent"
            android:background="#f00"/>
        <TextView
            android:id="@+id/tv_person"
            android:layout_width="0dp"
            android:layout_height="40dp"
            android:layout_weight="1"
            android:text="个人中心"
            android:gravity="center"/>
    </LinearLayout>
    <FrameLayout
        android:id="@+id/fl"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

    </FrameLayout>
</LinearLayout>