Fork me on GitHub

【Android Developers Training】 21. 创建一个可变动的UI

注:本文翻译自Google官方的Android Developers Training文档,译者技术一般,由于喜爱安卓而产生了翻译的念头,纯属个人兴趣爱好。

原文链接:http://developer.android.com/training/basics/fragments/fragment-ui.html


当你在设计你的应用时,为了支持不同的屏幕尺寸,你可以在不同的布局配置中重用你的fragment,以此在可用的屏幕空间上获得最优化的用户体验。

例如,在一个手持设备上,以单一窗格每次只显示一个fragment也许是一个不错的选择。相对应的,你也许希望在屏幕更大的平板设备上并排显示多个fragment,为用户显示更多的信息。

图1. 两个fragment,在不同屏幕尺寸上隶属于同一个activity的显示效果。在大屏幕上,两个fragment可以同时并排显示。但在手持设备上,同一时间只能容纳一个fragment,所以当用户进行操作时,必须令fragment相互替换。

FragmentManager类提供了允许你在运行时为一个activity添加,删除和替换fragments的方法,以此来创建一个动态的用户体验。

 

一). 在运行时为一个activity添加一个fragment

与上一节课中在XML布局文件内通过<fragment>标签为一个activity定义一个fragment有所不同,你可以在运行时为一个activity添加一个fragment。如果你计划着在activity的生命周期过程中改变fragment,那么这么做是必要的。

为了实现诸如添加或删除一个fragment的事务,你必须使用FragmentManager来创建一个FragmentTransaction,它提供了添加,删除,替换fragment的APIs,同时还有其他fragment相关的事务。

如果你的activity允许fragments可以被删除或者替换,你应该在activity的onCreate()方法中,将初始化好的fragment添加至activity。

一个处理fragment时(尤其是你在运行时添加一个fragment)的关键的规则是:该fragment必须在布局中有一个View容器,fragment的布局将会放置于其中。

下面的布局是上一节课中所展示的布局的另一个形式,它在同一时刻只显示一个fragment。为了将一个fragment替换成另外一个,这个activity的布局包含了一个空的FrameLayout,它的作用相当于一个fragment容器。

注意到这里的文件名和上一节课中的那个例子是一样的,但是布局文件的目录路径中不包含“large”这一适配符,所以当当设备的屏幕比“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 APIs,可以调用getSupportFragmentManager()来获得一个FragmentManager。之后调用beginTransaction()来创建一个FragmentTransaction,然后调用add()来添加一个fragment。

你可以通过使用相同的FragmentTransaction,来为这个activity执行多个fragment事务。当你决定要做出这样的改变,你必须在最后执行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);

        // Check that the activity is using the layout version with
        // the fragment_container FrameLayout
        if (findViewById(R.id.fragment_container) != null) {

            // However, if we're being restored from a previous state,
            // then we don't need to do anything and should return or else
            // we could end up with overlapping fragments.
            if (savedInstanceState != null) {
                return;
            }

            // Create a new Fragment to be placed in the activity layout
            HeadlinesFragment firstFragment = new HeadlinesFragment();
            
            // In case this activity was started with special instructions from an
            // Intent, pass the Intent's extras to the fragment as arguments
            firstFragment.setArguments(getIntent().getExtras());
            
            // Add the fragment to the 'fragment_container' FrameLayout
            getSupportFragmentManager().beginTransaction()
                    .add(R.id.fragment_container, firstFragment).commit();
        }
    }
}

因为这个fragment已经在运行时被添加至FrameLayout这一容器,而不是在activity的布局中通过<fragment>标签进行定义的,所以activity可以用一个不同的fragment去替换它。

 

二). 用一个不同的fragment进行替换

替换一个fragment的过程和添加一个基本类似,区别在于需要的是replace()方法而不是add()方法。

记住当你执行一个fragment事务(比如替换或删除)时,最好允许用户可以进行撤销操作。为了实现用户的撤销,你必须在提交FragmentTransaction之前,执行addToBackStack()方法。

Note:

当你删除或者替换了一个fragment,然后将这个事务添加至后退栈(back stack),被删除的fragment会被停止(不是被销毁)。如果用户执行后退来恢复这个fragment,它会重新启动。如果你不将这个事务添加至后退栈,这个fragment会在被替换或被删除时直接被销毁。

一个替换fragment的例子:

// Create fragment and give it an argument specifying the article it should show
ArticleFragment newFragment = new ArticleFragment();
Bundle args = new Bundle();
args.putInt(ArticleFragment.ARG_POSITION, position);
newFragment.setArguments(args);

FragmentTransaction transaction = getSupportFragmentManager().beginTransaction();

// Replace whatever is in the fragment_container view with this fragment,
// and add the transaction to the back stack so the user can navigate back
transaction.replace(R.id.fragment_container, newFragment);
transaction.addToBackStack(null);

// Commit the transaction
transaction.commit();

addToBackStack()方法接受一个可选的string参数,它用来为这个事务指定一个唯一的名字。这个名字不是必须的,除非你打算使用FragmentManager.BackStackEntry中的APIs来执行一些高阶fragment操作。

posted @ 2013-12-06 20:25  __Neo  阅读(246)  评论(0编辑  收藏  举报