前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Fragment显示和隐藏、绑定和解绑

Fragment显示和隐藏、绑定和解绑

作者头像
分享达人秀
发布2018-03-26 17:35:11
2.4K0
发布2018-03-26 17:35:11
举报
文章被收录于专栏:分享达人秀

在上一期我们学习了FragmentManager和FragmentTransaction的作用,并用案例学习了Fragment的添加、移除和替换,本期一起来学习Fragment显示和隐藏、绑定和解绑。

一、Fragment显示和隐藏

由于上一期有简单介绍过对应的api,这里直接通过案例来进行学习。

创建一个新的module名为fragmentshowhide,然后创建一个Fragment对应的布局文件fragment_demo.xml,代码如下:

代码语言:javascript
复制
<?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,代码非常简单,如下:

代码语言:javascript
复制
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文件的代码如下:

代码语言:javascript
复制
<?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的代码,获取按钮并设置监听事件,对应不同的事件做出不同的操作,代码如下:

代码语言:javascript
复制
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,代码如下:

代码语言:javascript
复制
<?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,代码非常简单,如下:

代码语言:javascript
复制
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文件的代码如下:

代码语言:javascript
复制
<?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的代码,获取按钮并设置监听事件,对应不同的事件做出不同的操作,代码如下:

代码语言:javascript
复制
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 删除

本文分享自 分享达人秀 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档