Fragment的使用小结

其他 2018-08-09 05:18:10 阅读次数: 0

本篇文章主要记录了最常用的Fragment的使用，包括add()和replace()使用，文章最后还会附加一个最常用的四大金刚+Fragment的demo.

1、Fragment的产生与介绍

Fragment的出现就是为了解决在不同大小屏幕上适配的问题。你可以把Fragment当成Activity的一个界面的一个组成部分，甚至Activity的界面可以完全有不同的Fragment组成，另外Fragment拥有自己的生命周期和接收、处理用户的事件，这样就不必在Activity写一堆控件的事件处理的代码了。更为重要的是，你可以动态的添加、替换和移除某个Fragment。

另外还有以下优势：

  • 代码复用。特别适用于模块化的开发，因为一个Fragment可以被多个Activity嵌套，有个共同的业务模块就可以复用了，是模块化UI的良好组件。
  • Activity用来管理Fragment。Fragment的生命周期是寄托到Activity中，Fragment可以被Attach添加和Detach释放。
  • 可控性。Fragment可以像普通对象那样自由的创建和控制，传递参数更加容易和方便，也不用处理系统相关的事情，显示方式、替换、不管是整体还是部分，都可以做到相应的更改。
  • Fragments是view controllers，它们包含可测试的，解耦的业务逻辑块，由于Fragments是构建在views之上的，而views很容易实现动画效果，因此Fragments在屏幕切换时具有更好的控制。

2、Fragment的生命周期

Fragment必须是依存与Activity而存在的，因此Activity的生命周期会直接影响到Fragment的生命周期。官网这张图很好的说明了两者生命周期的关系：

这里写图片描述
可以看到Fragment比Activity多了几个额外的生命周期回调方法：
onAttach(Activity)
当Fragment与Activity发生关联时调用。
onCreateView(LayoutInflater, ViewGroup,Bundle)
创建该Fragment的视图
onActivityCreated(Bundle)
当Activity的onCreate方法返回时调用
onDestoryView()
与onCreateView想对应，当该Fragment的视图被移除时调用
onDetach()
与onAttach相对应，当Fragment与Activity关联被取消时调用
注意：除了onCreateView，其他的所有方法如果你重写了，必须调用父类对于该方法的实现，

3.静态Fragment的应用

静态Fragment的使用就像Activity中使用其他View一样，只不过Fragment自己有一个单独的布局，通过Inflate加载布局。

TopFragment的布局文件:

<?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:orientation="vertical" >

    <TextView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center"
        android:text="I'm a top Fragment"
        android:background="@color/colorAccent"
        android:textSize="20sp"
        android:textStyle="bold" />

</LinearLayout>

TopFragment

public class TopFragment extends Fragment
{



    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState)
    {
        return inflater.inflate(R.layout.fragment_top, container, false);
    }
}

同理还有BottomFragment的其布局文件：

<?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:orientation="vertical" >

    <TextView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center"
        android:text="I'm a bottom Fragment"
        android:background="@color/colorPrimary"
        android:textSize="20sp"
        android:textStyle="bold" />

</LinearLayout>
public class BottomFragment extends Fragment
{
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState)
    {
        return inflater.inflate(R.layout.fragment_bottom, container, false);
    }
}

MainActivity：

<?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:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent" >

<fragment
    android:id="@+id/fragment_main2_top"
    android:name="com.skt.logindemo.Fragment.TopFragment"
    android:layout_width="match_parent"
    android:layout_weight="1"
    android:layout_height="0dp" />

<fragment
    android:id="@+id/fragment_main2_bottom"
    android:name="com.skt.logindemo.Fragment.BottomFragment"
    android:layout_width="match_parent"
    android:layout_weight="1"
    android:layout_height="0dp" />

</LinearLayout>

public class MainActivity extends Activity
{

    @Override
    protected void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        requestWindowFeature(Window.FEATURE_NO_TITLE);
        setContentView(R.layout.activity_main);
    }

}

这里写图片描述

4.动态的使用Fragment

activity_main布局文件

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".activity.MainActivity">

    <!--title-->
    <include
        layout="@layout/include_title"
        />

    <!--line-->
    <View
        android:id="@+id/div_tab_bar"
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="@android:color/holo_blue_light"
        android:layout_above="@+id/ly_tab_menu"/>

    <!--底部Tab-->
    <LinearLayout
        android:id="@+id/ly_tab_menu"
        android:layout_width="match_parent"
        android:layout_height="60dp"
        android:orientation="horizontal"
        android:layout_alignParentBottom="true">

        <TextView
            android:paddingTop="5dp"
            android:id="@+id/tv_tab_main"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:drawableTop="@drawable/tab_menu_main_img"
            android:gravity="center"
            android:textColor="@drawable/tab_menu_main_text"
            android:text="@string/tab_main"/>

        <TextView
            android:paddingTop="5dp"
            android:id="@+id/tv_tab_route"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:drawableTop="@drawable/tab_menu_route_img"
            android:gravity="center"
            android:textColor="@drawable/tab_menu_router_text"
            android:text="@string/tab_router"/>

        <TextView
            android:paddingTop="5dp"
            android:id="@+id/tv_tab_helper"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:drawableTop="@drawable/tab_menu_helper_img"
            android:gravity="center"
            android:textColor="@drawable/tab_menu_helper_text"
            android:text="@string/tab_integral"/>

        <TextView
            android:paddingTop="5dp"
            android:id="@+id/tv_tab_personal"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:drawableTop="@drawable/tab_menu_personal_img"
            android:gravity="center"
            android:textColor="@drawable/tab_menu_personal_text"
            android:text="@string/tab_personal"/>

    </LinearLayout>

    <!--Fragment占位-->
    <FrameLayout
        android:id="@+id/fl_fragment_container"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_marginTop="60dp"
        android:layout_above="@+id/ly_tab_menu"
        android:background="@color/fragment_bg">
    </FrameLayout>




</RelativeLayout>

MainActivity.java

package com.skt.logindemo.activity;

import android.app.Dialog;
import android.content.Context;
import android.content.Intent;
import android.content.SharedPreferences;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentTransaction;
import android.view.KeyEvent;
import android.view.View;
import android.widget.TextView;
import android.widget.Toast;

import com.skt.logindemo.Fragment.IntegralFragment;
import com.skt.logindemo.Fragment.MainFragment;
import com.skt.logindemo.Fragment.MineFragment;
import com.skt.logindemo.Fragment.RouterFragment;
import com.skt.logindemo.R;
import com.skt.logindemo.common.Constant;
import com.skt.logindemo.common.LOG;
import com.skt.logindemo.view.LoadingDialogUtils;

import java.util.ArrayList;
import java.util.List;

public class MainActivity extends TitleActivity implements View.OnClickListener {
    //    首页Tab
    private TextView tv_tab_main;
    //    日程Tab
    private TextView tv_tab_route;
    //    助手Tab
    private TextView tv_tab_helper;
    //    我的Tab
    private TextView tv_tab_personal;
    //    Fragment列表
    private List<Fragment> mFragments;
    //    Fragment位置
    private int position;
    //    Fragment占位
    private Fragment mContent;
    //    上一次返回键点击的时间
    private  long preTime;
    //    加载框
    private Dialog mLoadingDialog;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentViewById(R.layout.activity_main);
        //获取Token
        getToken();
        //从上个页面获取传参
        getPrePageValue();
        //初始化Title
        initTitle();
        //初始化View
        initView();
        初始化Fragment列表
        initFragment();
        //默认加载Fragment
        defaultFragment();
    }


    /**
     * 初始化Title
     */
    private void initTitle() {
        rightBtn.setVisibility(View.GONE);
        leftBtn.setVisibility(View.GONE);
        titleTextView.setText(context.getResources().getString(R.string.tab_main));
    }

    /**
     * 从本地缓存中读取username
     */
    public void getToken() {
        SharedPreferences sp = getSharedPreferences(Constant.SP_FILE_NAME, Context.MODE_PRIVATE);
        String token = sp.getString("token", "");
    }
    /**
     * 获取上个页面的传参
     */
    private void getPrePageValue(){
//        非空判断
        String page;
        if(getIntent()!=null){
            Intent intent = getIntent();
            if(intent.getStringExtra("page") != null){
                page = intent.getStringExtra("page");
            }
        }else{
            page = "0";
        }

    }


    /**
     * 默认Fragment
     */
    private void defaultFragment() {
        //重置所有文本的选中状态
        clearTabFontState();
        //默认选中首页
        tv_tab_main.setSelected(true);
        position = 0;
        //默认加载首页Fragment
        Fragment fragment = getFragment(position);
        switchFrament(mContent, fragment);
    }

    /**
     * Fragment列表初始化
     */
    private void initFragment() {
        mFragments = new ArrayList<>();
        mFragments.add(new MainFragment());
        mFragments.add(new RouterFragment());
        mFragments.add(new IntegralFragment());
        mFragments.add(new MineFragment());

    }

    /**
     * 获取Fragment
     */
    private Fragment getFragment(int position) {
        return mFragments.get(position);

    }

    /**
     * 初始化组件
     */
    private void initView() {
        //初始化请求网络加载框
        mLoadingDialog = LoadingDialogUtils.createLoadingDialog(context, context.getResources().getString(R.string.loading_hint));
        tv_tab_main =  findViewById(R.id.tv_tab_main);
        tv_tab_route = findViewById(R.id.tv_tab_route);
        tv_tab_helper = findViewById(R.id.tv_tab_helper);
        tv_tab_personal =  findViewById(R.id.tv_tab_personal);

        tv_tab_main.setOnClickListener(this);
        tv_tab_route.setOnClickListener(this);
        tv_tab_helper.setOnClickListener(this);
        tv_tab_personal.setOnClickListener(this);

    }

    //重置所有文本的选中状态
    public void clearTabFontState(){
        tv_tab_main.setSelected(false);
        tv_tab_route.setSelected(false);
        tv_tab_helper.setSelected(false);
        tv_tab_personal.setSelected(false);
    }


    /**
     * 切换Fragment
     */
    private void switchFrament(Fragment from, Fragment to) {
        if (from != to) {
            mContent = to;
            FragmentTransaction fragmentTransaction = getSupportFragmentManager().beginTransaction();
            //才切换
            //判断有没有被添加
            if (!to.isAdded()) {
                //to没有被添加
                //from隐藏
                if (from != null) {
                    fragmentTransaction.hide(from);
                }
                //添加to
                fragmentTransaction.add(R.id.fl_fragment_container, to).commit();
            } else {
                //to已经被添加
                // from隐藏
                if (from != null) {
                    fragmentTransaction.hide(from);
                }
                //显示to
                fragmentTransaction.show(to).commit();

            }
        }

    }

    /**
     * 点击事件
     */
    @Override
    public void onClick(View view) {
        int id = view.getId();
        clearTabFontState();
        switch (id){
            case R.id.tv_tab_main:
                tv_tab_main.setSelected(true);
                position = 0;
                titleTextView.setText(context.getResources().getString(R.string.tab_main));
                break;
            case R.id.tv_tab_route:
                tv_tab_route.setSelected(true);
                position = 1;
                titleTextView.setText(context.getResources().getString(R.string.tab_router));
                break;
            case R.id.tv_tab_helper:
                tv_tab_helper.setSelected(true);
                position = 2;
                titleTextView.setText(context.getResources().getString(R.string.tab_integral));
                break;
            case R.id.tv_tab_personal:
                tv_tab_personal.setSelected(true);
                position = 3;
                titleTextView.setText(context.getResources().getString(R.string.tab_personal));
                break;
            default:
                tv_tab_main.setSelected(true);
                position = 0;
                titleTextView.setText(context.getResources().getString(R.string.tab_main));
                break;
        }
        LOG.d("CLick",position + "");
        Fragment fragment = getFragment(position);
        switchFrament(mContent, fragment);
    }

    /**
     * 重写返回
     */
    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        if (keyCode == KeyEvent.KEYCODE_BACK) {
            if ((System.currentTimeMillis() - preTime) > 2000) {
                Toast.makeText(context,context.getResources().getString(R.string.repress_exit),Toast.LENGTH_SHORT).show();
                preTime = System.currentTimeMillis();
            } else {
                removeAllActivity();
            }
            return false;
        }
        return super.onKeyDown(keyCode, event);
    }


}

Fragment 没有什么修改，同TopFragment,后期源码中有。

说明一下：

上述代码中用的是add,hide,以及show的方式动态加载的Fragment

首先初始化了一个Fragment列表

   /**
     * Fragment列表初始化
     */
    private void initFragment() {
        mFragments = new ArrayList<>();
        mFragments.add(new MainFragment());
        mFragments.add(new RouterFragment());
        mFragments.add(new IntegralFragment());
        mFragments.add(new MineFragment());

    }

根据角标来获取所需要的Fragment

  private Fragment getFragment(int position) {
        return mFragments.get(position);

    }

点击的底部Tab栏，添加显示隐藏Fragment

 public void onClick(View view) {
        int id = view.getId();
        clearTabFontState();
        switch (id){
            case R.id.tv_tab_main:
                tv_tab_main.setSelected(true);
                position = 0;
                titleTextView.setText(context.getResources().getString(R.string.tab_main));
                break;
            case R.id.tv_tab_route:
                tv_tab_route.setSelected(true);
                position = 1;
                titleTextView.setText(context.getResources().getString(R.string.tab_router));
                break;
            case R.id.tv_tab_helper:
                tv_tab_helper.setSelected(true);
                position = 2;
                titleTextView.setText(context.getResources().getString(R.string.tab_integral));
                break;
            case R.id.tv_tab_personal:
                tv_tab_personal.setSelected(true);
                position = 3;
                titleTextView.setText(context.getResources().getString(R.string.tab_personal));
                break;
            default:
                tv_tab_main.setSelected(true);
                position = 0;
                titleTextView.setText(context.getResources().getString(R.string.tab_main));
                break;
        }
        LOG.d("CLick",position + "");
        Fragment fragment = getFragment(position);
        switchFrament(mContent, fragment);
    }


/**
     * 切换Fragment
     */
    private void switchFrament(Fragment from, Fragment to) {
        if (from != to) {
            mContent = to;
            FragmentTransaction fragmentTransaction = getSupportFragmentManager().beginTransaction();
            //才切换
            //判断有没有被添加
            if (!to.isAdded()) {
                //to没有被添加
                //from隐藏
                if (from != null) {
                    fragmentTransaction.hide(from);
                }
                //添加to
                fragmentTransaction.add(R.id.fl_fragment_container, to).commit();
            } else {
                //to已经被添加
                // from隐藏
                if (from != null) {
                    fragmentTransaction.hide(from);
                }
                //显示to
                fragmentTransaction.show(to).commit();

            }
        }

    }

add:
ii.添加顺序

  • 第一次添加，先hide(隐藏)currentFragment，再add(添加)新Fragment。生命周期会按正常流程走，onCreate->onResume
  • 第二次添加，先hide(隐藏)currentFragment，在show(显示)老Fragment。生命周期不会重新走，会调用onHiddenChanged()，展示fragment的显示状态，我们可以在此做一些刷新数据操作。
    • -

replace:

如果使用replace()来代替add(),可以如下操作，添加方式比较直接，直接替换。在这过程中因为是替换，第一和第二次添加没啥区别，生命周期都要重新执行一次

 public void replace(Fragment fragment, int id){
        FragmentManager fragmentManager = context.getSupportFragmentManager();
        FragmentTransaction fragmentTransaction = fragmentManager.beginTransaction();
        fragmentTransaction.replace(id, fragment);
        fragmentTransaction.commit();
    }

总结：

a、获取FragmentManage的方式：

getFragmentManager() // v4中，getSupportFragmentManager

b、主要的操作都是FragmentTransaction的方法

FragmentTransaction transaction = fm.benginTransatcion();//开启一个事务

transaction.add()

往Activity中添加一个Fragment

transaction.remove()

从Activity中移除一个Fragment，如果被移除的Fragment没有添加到回退栈（回退栈后面会详细说），这个Fragment实例将会被销毁。

transaction.replace()

使用另一个Fragment替换当前的，实际上就是remove()然后add()的合体~

transaction.hide()

隐藏当前的Fragment，仅仅是设为不可见，并不会销毁

transaction.show()

显示之前隐藏的Fragment

detach()

会将view从UI中移除,和remove()不同,此时fragment的状态依然由FragmentManager维护。

attach()

重建view视图，附加到UI上并显示。

transatcion.commit()//提交一个事务

注意：常用Fragment的哥们，可能会经常遇到这样Activity状态不一致：State loss这样的错误。主要是因为：commit方法一定要在Activity.onSaveInstance()之前调用。

上述，基本是操作Fragment的所有的方式了，在一个事务开启到提交可以进行多个的添加、移除、替换等操作。

值得注意的是：如果你喜欢使用Fragment，一定要清楚这些方法，哪个会销毁视图，哪个会销毁实例，哪个仅仅只是隐藏，这样才能更好的使用它们。

a、比如：我在FragmentA中的EditText填了一些数据，当切换到FragmentB时，如果希望会到A还能看到数据，则适合你的就是hide和show；也就是说，希望保留用户操作的面板，你可以使用hide和show，当然了不要使劲在那new实例，进行下非null判断因为，同一个Fragment只能添加一次，否则会报错，所以在添加之前需要判断是否添加过。

b、再比如：我不希望保留用户操作，你可以使用remove()，然后add()；或者使用replace()这个和remove,add是相同的效果。

c、remove和detach有一点细微的区别，在不考虑回退栈的情况下，remove会销毁整个Fragment实例，而detach则只是销毁其视图结构，实例并不会被销毁。那么二者怎么取舍使用呢？如果你的当前Activity一直存在，那么在不希望保留用户操作的时候，你可以优先使用detach。

Fragment与Activity之间的交互可以参考以下文章：https://blog.csdn.net/lmj623565791/article/details/37992017

源码地址：https://download.csdn.net/download/silence_sep/10568450

参考：https://blog.csdn.net/lmj623565791/article/details/37992017

猜你喜欢

转载自blog.csdn.net/Silence_Sep/article/details/81239643
今日推荐
wlnmp 一键安装包更新 240522
ChatGPT 严重宕机，结果被造谣“遭遇俄罗斯黑客入侵”
Linus “吃狗粮”最积极！
开源日报 | Winamp播放器即将开源；生成式AI之战升级第二轮；Linus“吃狗粮”最积极；AI进入泡沫前期；吴泳铭为阿里云带来了什么？
NetBSD 禁止提交由 AI 生成的代码
Apache Doris 2.0.10 版本正式发布！
周排行
010-题目：利用条件运算符的嵌套来完成此题：学习成绩>=90分的同学用A表示，60-89分之间的用B表示，60分以下的用C表示。
接口测试-工作心得记录八（使用locust库书写接口并发）
物理分页和逻辑分页
Hive建表语句详解--CREATE TABLE
爬虫学习----学习get和post请求
PDF生成类库
POJ 2139
前端路由基本原理
I/O多路转接之epoll
.NET开源项目 QuarkDoc 一款自带极简主义属性的文档管理系统
每日归档
更多
2024-05-23(9)
2024-05-22(41)
2024-05-21(8)
2024-05-20(36)
2024-05-19(0)
2024-05-18(4)
2024-05-17(34)
2024-05-16(6)
2024-05-15(24)
2024-05-14(0)

代码天地 © 2018 codetd.com

境外服务器   最新电视剧2022