Android - 用Fragments实现动态UI - 创建灵活的UI

当设计程序来支持各种不一样的屏幕尺寸时，可以在不同的布局中重用fragment来根据可用的屏幕大小来优化用户体验。

例如，在手机上可能使用一个fragment来使用单窗口用户体验比较合适。但是，你可能想在平板上边靠边的设置两个fragment因为有更宽的屏幕向用户展示更多信息。

图1.两个fragment，同一个activity在不同的屏幕大小上的不同展现形式。在大屏幕上，两个fragment边靠边，但是在手机设备上，一次只显示一个fragment因此fragment在用户切换的时候替换另一个。

为了创建动态的体验， FragmentManager类提供了方法可以在运行时添加，删除，替换activity中的fragment。

在运行时向activity添加fragment

不仅仅可以在activity布局文件中定义fragment（前面介绍了使用<fragment>元素），也可以在activity运行时加入fragment。如果计划在activity运行时改变fragment，这个很有必要。

要处理添加删除fragment，可以使用FragmentManager来创建一个FragmentTransation，它提供了API来添加，替换和fragment的其他事务。

如果activity允许fragment删除或者替换，应该在activity的onCreate()方法中添加fragment的初始化信息。

处理fragment有一个重要的规则，特别是在运行时添加的fragment：fragment在布局中必须有一个View容器。

下面的布局是上一篇中布局的一个变形，这里一次只显示一个fragment。为了用一个fragment替换另一个，这个activity的布局包含一个空的FrameLayout作为fragment的容器。

这个文件名和前面一篇中布局的文件名是一样的，但是布局文件夹没有large标识，所以这个布局使用在小屏幕上因为小屏幕不需要同时显示两个fragment。

res/layout/news_articles.xml:

 <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
     android:id="@+id/fragment_container"
     android:layout_width="match_parent"
     android:layout_height="match_parent" />

在activity中，使用Support Library中的API getSupportFragmentManager()来获得FragmentManager.然后调用beginTransaction()来创建一个FragmentTransaction再调用add()添加一个fragment。

可以使用一个FragmentTransaction来处理多个activity的fragment rransaction。当准备好执行这些改变后，调用commit()。

例如，这里展示了如何把fragment加到前一个布局上：

 import android.os.Bundle;
 import android.support.v4.app.FragmentActivity;

 public class MainActivity extends FragmentActivity {
     @Override
     public void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
         setContentView(R.layout.news_articles);

         //检查activity的布局是使用fragment_container FrameLayout的版本
         if (findViewById(R.id.fragment_container) != null) {

             // 但是，如果是从前一个状态恢复的话
             // 我们不需要做任何事情，直接返回就行了,否则就会重叠fragments。
             if (savedInstanceState != null) {
                 return;
             }

             //创建一个Fragment实例
             HeadlinesFragment firstFragment = new HeadlinesFragment();

             //有可能activity是从Intent中的特殊指令创建的，
             //把Intent的extras当参数传递给fragment
             firstFragment.setArguments(getIntent().getExtras());

             // 把fragment加入到'fragment_container' FrameLayout
             getSupportFragmentManager().beginTransaction()
                     .add(R.id.fragment_container, firstFragment).commit();
         }
     }
 }

因为fragment是在运行时加入到FrameLayout的（不是在activity的布局文件中用<fragment>定义的），activity就可以移出这个fragment然后用一个不同的替换它。

用一个fragment替换另一个

换掉一个fragment的方法和添加一个相似，但是需要使用replace()方法，而不是add()。

记住当执行fragment切换时，例如添加或者删除，经常要允许用户切换回去来恢复这些改变。为了允许用户在fragment切换时切换回去，应该在提交FragmentTransaction之前调用addToBackStack()。

注意：当移除或者替换一个fragment然后加到切换的返回堆栈中时，被移除的fragment是Stopped状态（并不是Destroyed）。如果用户切换回去来恢复fragment，它就重启。如果没有把它加到返回堆栈中，fragment被移除或者替换时就销毁了。

用一个fragment替换另一个的例子：

 //创建一个fragment，然后把应该展示的文章的参数传给它
 ArticleFragment newFragment = new ArticleFragment();
 Bundle args = new Bundle();
 args.putInt(ArticleFragment.ARG_POSITION, position);
 newFragment.setArguments(args);

 FragmentTransaction transaction = getSupportFragmentManager().beginTransaction();

 //用这个fragment替换掉fragment_container view 中的东西，
 //然后把transaction加到返回堆栈中，这样用户就可以切换回去了
 transaction.replace(R.id.fragment_container, newFragment);
 transaction.addToBackStack(null);

 //提交transaction
 transaction.commit();

addToBackStack()方法带一个可选的字符串参数，用来指定一个唯一的transaction名字。这个名字并不是必需的除非需要用FragmentManager.BackStackEntryAPI的一些特使操作。

上一篇：Android - 用Fragments实现动态UI - 创建Fragment

下一篇：Android - 用Fragments实现动态UI - 和其他Fragments通信