Android的activity里fragment切换到下一个fragment页面

最新推荐文章于 2024-09-21 17:06:56 发布

简单专注

最新推荐文章于 2024-09-21 17:06:56 发布

阅读量4.7k

点赞数 3

分类专栏： Fragment

本文链接：https://blog.csdn.net/qibanxuehua/article/details/60765968

版权

Fragment 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

本文介绍了一种在Android应用中实现Fragment页面切换的方法。通过在主Activity中控制Fragment的显示与隐藏，实现了不同Fragment间的平滑过渡。该方法使用了FragmentManager和FragmentTransaction组件。

摘要由CSDN通过智能技术生成

一、概述：

我主要写的是一个fragment页面上的按钮点击切换到下一个fragment的页面，覆盖掉前一个fragment页面，不是主activity的按钮去控制切换不同的fragment。

说明：所用到的类FragmentManager和FragmentTransaction都是v4包下的，便于兼容。这里的切换是点击在fragment的页面上的按钮去切换，而fragment最好有主activity来控制，所以便想到了在主activity里面设置点击切换的方法，根据FragmentTransaction去添加fragment设置它们的tag值，其方法就是add（）方法，点击的时候根据不同的tag来切换。代码如下

二：主MainActivity的代码

public class MainActivity extends FragmentActivity {

    FragmentManager fm;
    FragmentTransaction ft;
    Fragment mCurrentFragment;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        fm = getSupportFragmentManager();
        ft = fm.beginTransaction();
        Fragment1 fragment1 = new Fragment1();
        Fragment2 fragment2 = new Fragment2();
        Fragment3 fragment3 = new Fragment3();
        /**
         * 在这里进行添加页面，设置fragment的TAG值
         */
        ft.add(R.id.fl_main, fragment1, "fragment1").add(R.id.fl_main, fragment2, "fragment2").hide(fragment2)
                .add(R.id.fl_main, fragment3, "fragment3").hide(fragment3).commit();


    }

    /**
     * 主activity进行控制不同的fragment
     *
     * @param fromTag
     * @param toTag
     */
    public void switchFragment(String fromTag, String toTag) {
        Fragment from = fm.findFragmentByTag(fromTag);
        Fragment to = fm.findFragmentByTag(toTag);
        if (mCurrentFragment != to) {
            mCurrentFragment = to;
            FragmentTransaction transaction = fm.beginTransaction();
            if (!to.isAdded()) {//判断是否被添加到了Activity里面去了
                transaction.hide(from).add(R.id.fl_main, to).commit();
            } else {
                transaction.hide(from).show(to).commit();
            }
        }

    }

三. 三个不同的fragment页面和基类BaseFragment

1、基类

public abstract class BaseFragment extends Fragment {
    //上下文
    public MainActivity mActivity;

    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        mActivity = (MainActivity) getActivity();
        View view = initView();
        return view;
    }

    /**
     * 主界面的抽象方法初始化view
     *
     * @return
     */
    public abstract View initView();

}

2、三个fragment的页面相同，只展示一个，其他类似。

public class Fragment1 extends BaseFragment {
    private Button btn;
    private View view;

    @Override
    public View initView() {
        if (view == null) {
            view = View.inflate(mActivity, R.layout.fragment1, null);
            btn = (Button) view.findViewById(R.id.btn_1);
            btn.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View view) {
                    mActivity.switchFragment("fragment1", "fragment2");
                }
            });
        }
        return view;
    }
}

3.主界面布局文件activity_main.xml文件

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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:gravity="center"
    tools:context=".activity.MainActivity">

    <FrameLayout
        android:id="@+id/fl_main"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
</RelativeLayout>

4.fragment的布局，其他类似

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:orientation="vertical">

    <Button
        android:id="@+id/btn_1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="页面1" />

</LinearLayout>