Fragment显示和隐藏、绑定和解绑
在上一期我们学习了FragmentManager和FragmentTransaction的作用，并用案例学习了Fragment的添加、移除和替换，本期一起来学习Fragment显示和隐藏、绑定和解绑。
一、Fragment显示和隐藏
由于上一期有简单介绍过对应的api，这里直接通过案例来进行学习。
创建一个新的module名为fragmentshowhide，然后创建一个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，代码非常简单，如下：
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的代码，获取按钮并设置监听事件，对应不同的事件做出不同的操作，代码如下：
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(); }}运行程序，可以看到下图左侧所示界面。
点击“HIDE”按钮，可将显示出来的Fragment进行隐藏，如上图右侧所示。然后再点击“SHOW”按钮，即可将刚才隐藏的Fragment重新显示出来。
到这里有的同学就会有疑问了：将Fragment隐藏的时候是否将其销毁了，然后再显示的时候重新新建的？那么接下来通过Logcat来进行验证。
将DemoFragment的生命周期方法补全，并每一个生命周期方法中加一句Logcat代码，然后重新运行程序。可以发现，无论我们是隐藏还是显示Fragment，没有任何生命周期方法被调用。说明hide操作只是将Fragment变得不可见而已，其本身仍然是存在的，在具体使用的时候需要注意。
二、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，代码非常简单，如下：
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，应该如何回到之前的状态呢？
END
本文参与 腾讯云自媒体分享计划，分享自微信公众号。
原始发表：2017-11-09，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读