Android Studio之Fragment界面切换总结

最新推荐文章于 2024-06-05 18:48:07 发布

greenby0207

最新推荐文章于 2024-06-05 18:48:07 发布

阅读量8.1k

点赞数 4

分类专栏：安卓开发文章标签： android android studio app 移动开发

本文链接：https://blog.csdn.net/lvqing323/article/details/118627931

版权

安卓开发专栏收录该内容

1 篇文章 1 订阅

订阅专栏

4.1. activity_main.xml

4.2 fragment_contact.xml

4.3 fragment_internet.xml

4.3 Fragment_telephone.xml

5. ContactFragment.java

6. InternetFragment.java

7. TelephoneFragment.java

8.MainActivity.java方案一：通过FragmentTransaction.replace反复添加、替换生成控件

9. MainActivity.java方案二，通过FragmentTransaction.hide(I)、show()方法隐藏和显示进行界面切换与转换

三、神坑总结

1. 库冲突问题

2. Layout中定义的问题

3. Fragment. java中的定义问题

4. 两种方案的比较

四、下载

总结

前言

最近需要用安卓开发系统，于是借机学习了下安卓开发，发现安卓开发真乱呀，每个版本都有不同，重要的事项反复修改，还并存，网上的诸多教程，经常混乱着，实在不好用。这几天终于通过反复的测试和得现，感觉基本上掌握了Fragment界面切换的方法，与大家分享一下过程，并记录一下之间的各种坑。

提示：以下是本篇文章正文内容，下面案例可供参考

一、什么是Fragment

Fragment是Android3.0后引入的一个新的API，他出现的初衷是为了适应大屏幕的平板电脑，当然现在他仍然是平板APP UI设计的宠儿，而且我们普通手机开发也会加入这个Fragment，我们可以把他看成一个小型的Activity，又称Activity片段！想想，如果一个很大的界面，我们就一个布局，写起界面来会有多麻烦，而且如果组件多的话是管理起来也很麻烦！而使用Fragment 我们可以把屏幕划分成几块，然后进行分组，进行一个模块化的管理！从而可以更加方便的在运行过程中动态地更新Activity的用户界面！另外Fragment并不能单独使用，他需要嵌套在Activity 中使用，尽管他拥有自己的生命周期，但是还是会受到宿主Activity的生命周期的影响，比如Activity 被destory销毁了，他也会跟着销毁！

二、使用步骤

1.前置开发条件

Android Studio 4.2.1

Gradle 6.7.1

JDK 9

2. 引入库

AS4.2.1不是最新版，因为自动更新到了，发现了AS更新容易引发各种并发症，我才停止了更新，不过已经到了这里了，不想再麻烦，直接基于4.2.1说。反复测试发现，其它各种库的Fragment都是存在的，但是如果用了，你会遇到各种问题。建议直接用AS4的基准库：

import androidx.fragment.app.Fragment;

3. Fragment使用场景

在MainActivity中定义和使用Fragment，然后将各种界面或数据填充到不同的Fragment当中，使用时可以适时选择不同的Fragment，从而实现界面的切换，这种使用方法，无需定义多种Activity，从而节省的空间，减少了软件的复杂度。

4. 定义layout

4.1. activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">
    <TextView
        android:id="@+id/main_title_tv"
        android:layout_weight="0.5"
        android:background="#dddddd"
        android:text="title"
        android:textSize="10pt"
        android:textAlignment="center"
        android:layout_width="match_parent"
        android:layout_height="0.5dp"/>
    <FrameLayout
        android:id="@+id/main_layout_content"
        android:background="#aaaaaa"
        android:layout_weight="9"
        android:layout_width="match_parent"
        android:layout_height="9dp"/>
    <LinearLayout
        android:id="@+id/main_layout_foot"
        android:layout_weight="0.5"
        android:background="#eeeeee"
        android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="0.5dp">
        <Button
            android:id="@+id/main_btn_con"
            android:background="#888888"
            android:text="Contect"
            android:textSize="6pt"
            android:layout_weight="1"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"/>
        <Button
            android:id="@+id/main_btn_int"
            android:background="#888888"
            android:text="Internet"
            android:textSize="6pt"
            android:layout_weight="1"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"/>
        <Button
            android:id="@+id/main_btn_tel"
            android:background="#888888"
            android:text="Telephone"
            android:textSize="6pt"
            android:layout_weight="1"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"/>
    </LinearLayout>
</LinearLayout>

4.2 fragment_contact.xml

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout 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"
    tools:context=".ContactFragment">

    <!-- TODO: Update blank fragment layout -->
    <TextView
        android:id="@+id/fg_cont_tv"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:text="Contact pages" />

</FrameLayout>

4.3 fragment_internet.xml

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout 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"
    tools:context=".InternetFragment">

    <!-- TODO: Update blank fragment layout -->
    <TextView
        android:id="@+id/fg_inte_tv"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:text="Internet pages" />

</FrameLayout>

4.3 Fragment_telephone.xml

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout 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"
    tools:context=".TelephoneFragment">

    <!-- TODO: Update blank fragment layout -->
    <TextView
        android:id="@+id/fg_tele_tv"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:text="Telephone page" />

</FrameLayout>

5. ContactFragment.java

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        // Inflate the layout for this fragment
        View view= inflater.inflate(R.layout.fragment_contact, container, false);
        TextView content=view.findViewById(R.id.fg_cont_tv);
        content.setText("You are now at Content Fragment.");
        return view;

6. InternetFragment.java

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        // Inflate the layout for this fragment

        View view= inflater.inflate(R.layout.fragment_internet, container, false);
        TextView content=view.findViewById(R.id.fg_inte_tv);
        content.setText("You are now at Internet Fragment.");
        return view;

7. TelephoneFragment.java

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        // Inflate the layout for this fragment
        View view= inflater.inflate(R.layout.fragment_telephone, container, false);
        TextView content=view.findViewById(R.id.fg_tele_tv);
        content.setText("You are now at Telephone Fragment.");
        return view;
    }

8.MainActivity.java方案一：通过FragmentTransaction.replace反复添加、替换生成控件

public class MainActivity extends AppCompatActivity {
    private ContactFragment contactFragment=new ContactFragment();
    private InternetFragment internetFragment=new InternetFragment();
    private TelephoneFragment telephoneFragment=new TelephoneFragment();
    private FragmentManager manager;
    private FragmentTransaction transaction;
    private Fragment currentFragment;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        TextView title=findViewById(R.id.main_title_tv);
        Button tele=findViewById(R.id.main_btn_tel);
        tele.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
               FragmentSwitch(telephoneFragment);
                title.setText("Telephone");
            }
        });
        Button cont=findViewById(R.id.main_btn_con);
        cont.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                FragmentSwitch(contactFragment);
                title.setText("Contact");
            }
        });
        Button inte=findViewById(R.id.main_btn_int);
        inte.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                FragmentSwitch(internetFragment);
                title.setText("Internet");
            }
        });
    }
    private void FragmentSwitch(Fragment fg) {
        manager=getSupportFragmentManager();
        transaction=manager.beginTransaction();
        transaction.replace(R.id.main_layout_content,fg);
        transaction.commit();
    }
}

9. MainActivity.java方案二，通过FragmentTransaction.hide(I)、show()方法隐藏和显示进行界面切换与转换

public class MainActivity extends AppCompatActivity {
    private ContactFragment contactFragment=new ContactFragment();
    private InternetFragment internetFragment=new InternetFragment();
    private TelephoneFragment telephoneFragment=new TelephoneFragment();
    private FragmentManager manager;
    private FragmentTransaction transaction;
    private Fragment currentFragment;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        TextView title=findViewById(R.id.main_title_tv);
        Button tele=findViewById(R.id.main_btn_tel);
        tele.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                //FragmentSwitch(telephoneFragment);
                FragmentHideShwo(telephoneFragment);
                title.setText("Telephone");
            }
        });
        Button cont=findViewById(R.id.main_btn_con);
        cont.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                //FragmentSwitch(contactFragment);
                FragmentHideShwo(contactFragment);
                title.setText("Contact");
            }
        });
        Button inte=findViewById(R.id.main_btn_int);
        inte.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                //FragmentSwitch(internetFragment);
                FragmentHideShwo(internetFragment);
                title.setText("Internet");
            }
        });
        //initial fragments
        manager=getSupportFragmentManager();
        transaction=manager.beginTransaction();
        transaction.show(contactFragment);
        transaction.hide(internetFragment);
        transaction.hide(telephoneFragment);
        transaction.commit();
        currentFragment=contactFragment;
    }
    private void FragmentSwitch(Fragment fg) {
        manager=getSupportFragmentManager();
        transaction=manager.beginTransaction();
        transaction.replace(R.id.main_layout_content,fg);
        transaction.commit();
    }
    private void FragmentHideShwo(Fragment fg){
        // show or hide fragments to improve the stablility and reduce costs
        manager=getSupportFragmentManager();
        transaction=manager.beginTransaction();
        if(!fg.isAdded()){
            transaction.hide(currentFragment);
            transaction.add(R.id.main_layout_content,fg);
        }else{
            transaction.hide(currentFragment);
            transaction.show(fg);
        }
        currentFragment=fg;
        transaction.commit();
    }
}

三、神坑总结

1. 库冲突问题

注意，Fragment的import包，要与mainActivity中的引用包相一致；

若使用其它库的包，则必须都使用该库，不能兼用，这是学习中发现的最常见的问题，包冲突！汗，Gradle自动管理的错。

2. Layout中定义的问题

目前发现在Layout中定义一个FrameLayout最好理解，曾经使用过控件出错。

3. Fragment. java中的定义问题

注意View=infalter.infalte后，(需插入主界面中Fragment布局，container,false）后，无法调用main_activity中的控件，否则报错，要修改activity_main中插件的参数如TextView等，需要在MainActivity.java中修改，谁的东东谁负责呀。

4. 两种方案的比较

显然方案2更优，但是需要先声明一下变量哦。

四、下载

实例演示下载地址：https://download.csdn.net/download/lvqing323/20140315

总结

AS开发确实存在各种问题，尤其是好多教程不给版本号，新手很难测试和发现问题，各种报错，智能化软件出现问题，都不好明确倒底是哪一下。

本博经过多次信誉度，终于总结了两种可用的方法，下一步偿试在Fragment中添加控件，看是否能够实现预期功能了。

greenby0207

关注

4
点赞
踩
48

收藏

觉得还不错? 一键收藏
打赏
2
评论
Android Studio之Fragment界面切换总结

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、pandas是什么？二、使用步骤 1.引入库 2.读入数据总结前言最近需要用安卓开发系统，于是借机学习了下安卓开发，发现安卓开发真乱呀，每个版本都有不同，重要的事项反复修改，还并存，网上的诸多教程，经常混乱着，实在不好用。这几天终于通过反复的测试和得现，感觉基本上掌握了Fragment界面切换的方法，与大家分享一下过程，并记录一下之间的各种坑。提示：以下是本篇文章正文内容..
复制链接

扫一扫