IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 移动开发 -> Android Studio之Fragment界面切换总结 -> 正文阅读

[移动开发]Android Studio之Fragment界面切换总结

目录

前言

一、什么是Fragment

二、使用步骤

1.前置开发条件

2.?引入库

3.?Fragment使用场景

4.?定义layout

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中添加控件,看是否能够实现预期功能了。

  移动开发 最新文章
Vue3装载axios和element-ui
android adb cmd
【xcode】Xcode常用快捷键与技巧
Android开发中的线程池使用
Java 和 Android 的 Base64
Android 测试文字编码格式
微信小程序支付
安卓权限记录
知乎之自动养号
【Android Jetpack】DataStore
上一篇文章      下一篇文章      查看所有文章
加:2021-07-11 16:45:21  更:2021-07-11 16:46:08 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年5日历 -2024/5/20 6:22:18-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码