Android零基础入门第88节：Fragment显示和隐藏、绑定和解绑

时间 2019-11-07

标签 android 零基础入门 fragment 显示隐藏绑定和解栏目 Android 繁體版

原文原文链接

在上一期咱们学习了FragmentManager和FragmentTransaction的做用，并用案例学习了Fragment的添加、移除和替换，本期一块儿来学习Fragment显示和隐藏、绑定和解绑。java

1、Fragment显示和隐藏

因为上一期有简单介绍过对应的api，这里直接经过案例来进行学习。android

建立一个新的module名为fragmentshowhide，而后建立一个Fragment对应的布局文件fragment_demo.xml，代码以下：api

<?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:background="#f1d60d"
              android:orientation="vertical">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="这是个人第一个Fragment"
        android:textColor="#0c1ff1"
        android:textSize="18sp"/>

</LinearLayout>

紧接着建立一个Fragment文件，命名为DemoFragment，代码很是简单，以下：微信

package com.cqkxzsxy.jinyu.android.fragmentshowhide;

import android.app.Fragment;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

public class DemoFragment extends Fragment {
    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container,
                             Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.fragment_demo, container, false);
        return view;
    }
}

而后就是咱们要操做的界面设计了，这里一共包括2个按钮，分别表示隐藏Fragment和显示Fragment，主布局acticity_main文件的代码以下：架构

<?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">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <Button
            android:id="@+id/show_btn"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="show" />

        <Button
            android:id="@+id/hide_btn"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="hide" />

    </LinearLayout>

    <FrameLayout
        android:id="@+id/fragment_container"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

</LinearLayout>

而后就是修改主界面MainActivity的代码，获取按钮并设置监听事件，对应不一样的事件作出不一样的操做，代码以下：app

package com.cqkxzsxy.jinyu.android.fragmentshowhide;

import android.app.Fragment;
import android.app.FragmentManager;
import android.app.FragmentTransaction;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.Button;

public class MainActivity extends AppCompatActivity implements View.OnClickListener {
    private Button mHideBtn = null;
    private Button mShowBtn = null;
    private Fragment mDemoFragment = null;

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

        mHideBtn = (Button) findViewById(R.id.hide_btn);
        mShowBtn = (Button) findViewById(R.id.show_btn);

        // 建立和获取Fragment实例
        mDemoFragment = new DemoFragment();
        // 获取到FragmentManager对象
        FragmentManager fragmentManager = getFragmentManager();
        // 开启一个事务
        FragmentTransaction fragmentTransaction = fragmentManager.beginTransaction();
        // 添加Fragment
        fragmentTransaction.add(R.id.fragment_container, mDemoFragment);
        // 提交事务
        fragmentTransaction.commit();

        // 设置监听事件
        mHideBtn.setOnClickListener(this);
        mShowBtn.setOnClickListener(this);
    }

    @Override
    public void onClick(View v) {
        // 获取到FragmentManager对象
        FragmentManager fragmentManager = getFragmentManager();
        // 开启一个事务
        FragmentTransaction fragmentTransaction = fragmentManager.beginTransaction();

        // Fragment操做
        switch (v.getId()) {
            case R.id.hide_btn:
                if (!mDemoFragment.isHidden()) {
                    fragmentTransaction.hide(mDemoFragment);
                }
                break;
            case R.id.show_btn:
                if (mDemoFragment.isHidden()) {
                    fragmentTransaction.show(mDemoFragment);
                }
                break;
            default:
                break;
        }

        // 提交事务
        fragmentTransaction.commit();
    }
}

运行程序，能够看到下图左侧所示界面。ide

点击“HIDE”按钮，可将显示出来的Fragment进行隐藏，如上图右侧所示。而后再点击“SHOW”按钮，便可将刚才隐藏的Fragment从新显示出来。布局

到这里有的同窗就会有疑问了：将Fragment隐藏的时候是否将其销毁了，而后再显示的时候从新新建的？那么接下来经过Logcat来进行验证。学习

将DemoFragment的生命周期方法补全，并每个生命周期方法中加一句Logcat代码，而后从新运行程序。能够发现，不管咱们是隐藏仍是显示Fragment，没有任何生命周期方法被调用。说明hide操做只是将Fragment变得不可见而已，其自己仍然是存在的，在具体使用的时候须要注意。优化

2、Fragment绑定和解绑

这里一样是直接跳过案例来进行学习，新建一个新的module名为fragmentattachdetach，而后建立一个Fragment对应的布局文件fragment_demo.xml，代码以下：

<?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:background="#f1d60d"
              android:orientation="vertical">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="这是个人第一个Fragment"
        android:textColor="#0c1ff1"
        android:textSize="18sp"/>

</LinearLayout>

紧接着建立一个Fragment文件，命名为DemoFragment，代码很是简单，以下：

package com.cqkxzsxy.jinyu.android.fragmentshowhide;

import android.app.Fragment;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

public class DemoFragment extends Fragment {
    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container,
                             Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.fragment_demo, container, false);
        return view;
    }
}

而后就是咱们要操做的界面设计了，这里一共包括2个按钮，分别表示绑定Fragment和解绑Fragment，主布局acticity_main文件的代码以下：

<?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">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <Button
            android:id="@+id/detach_btn"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="detach" />

        <Button
            android:id="@+id/attach_btn"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="attach" />

    </LinearLayout>

    <FrameLayout
        android:id="@+id/fragment_container"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

</LinearLayout>

而后就是修改主界面MainActivity的代码，获取按钮并设置监听事件，对应不一样的事件作出不一样的操做，代码以下：

package com.cqkxzsxy.jinyu.android.fragmentattachdetach;

import android.app.Fragment;
import android.app.FragmentManager;
import android.app.FragmentTransaction;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.Button;

public class MainActivity extends AppCompatActivity implements View.OnClickListener {
    private Button   mDetachBtn      = null;
    private Button   mAttachBtn      = null;
    private Fragment mDemoFragment = null;

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

        mAttachBtn = (Button) findViewById(R.id.attach_btn);
        mDetachBtn = (Button) findViewById(R.id.detach_btn);

        // 建立和获取Fragment实例
        mDemoFragment = new DemoFragment();
        // 获取到FragmentManager对象
        FragmentManager fragmentManager = getFragmentManager();
        // 开启一个事务
        FragmentTransaction fragmentTransaction = fragmentManager.beginTransaction();
        // 添加Fragment
        fragmentTransaction.add(R.id.fragment_container, mDemoFragment);
        // 提交事务
        fragmentTransaction.commit();

        // 设置监听事件
        mAttachBtn.setOnClickListener(this);
        mDetachBtn.setOnClickListener(this);
    }

    @Override
    public void onClick(View v) {
        // 获取到FragmentManager对象
        FragmentManager fragmentManager = getFragmentManager();
        // 开启一个事务
        FragmentTransaction fragmentTransaction = fragmentManager.beginTransaction();

        // Fragment操做
        switch (v.getId()) {
            case R.id.attach_btn:
                if (mDemoFragment.isDetached()) {
                    fragmentTransaction.attach(mDemoFragment);
                }
                break;
            case R.id.detach_btn:
                if (!mDemoFragment.isDetached()) {
                    fragmentTransaction.detach(mDemoFragment);
                }
                break;
            default:
                break;
        }

        // 提交事务
        fragmentTransaction.commit();
    }
}

运行程序，能够看到下图左侧所示界面。

点击“DETACH”按钮，可将显示出来的Fragment进行解绑，如上图右侧所示。而后再点击“ATTACH”按钮，便可将刚才解绑的Fragment从新绑定起来。

有的同窗又会问了，这里的操做和前面的显示隐藏效果同样，背后的原理是否也同样呢？一样将DemoFragment的生命周期方法补全，并每个生命周期方法中加一句Logcat代码，而后从新运行程序。

点击“DETACH”按钮时，能够看到下图所示Logcat日志信息：

而后再点击“ATTACH”按钮，获得新的Logcat日志信息，以下：

能够发现，当咱们detach操做的时候，首先将Fragment从UI中移除，可是仍然保存在FragmentManager对象中进行维护；attach操做就是重建Fragment视图，而后附加到UI并显示出来。

相信经过上面2个案例，应该可以很好的理解显示和隐藏、绑定和解绑之间的区别了吧。

这里留下一个课后做业，在实际操做中，假如我不当心隐藏或解绑了Fragment，应该如何回到以前的状态呢？