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，應該如何回到以前的狀態呢？