根據(jù)當(dāng)前你的應(yīng)用顯示的布局，它的UI流可能會(huì)不一樣。比如，當(dāng)你的應(yīng)用是雙窗格模式，點(diǎn)擊左邊窗格的條目（item）時(shí)，內(nèi)容（content）顯示在右邊窗格中。如果是單窗格模式中，當(dāng)你點(diǎn)擊某個(gè)item的時(shí)候，內(nèi)容則顯示在一個(gè)新的activity中。

確定當(dāng)前布局

由于每種布局的實(shí)現(xiàn)會(huì)略有差別，首先你可能要確定用戶當(dāng)前可見(jiàn)的布局是哪一個(gè)。比如，你可能想知道當(dāng)前用戶到底是處于“單窗格”的模式還是“雙窗格”的模式。你可以通過(guò)檢查指定的視圖（view）是否存在和可見(jiàn)來(lái)實(shí)現(xiàn)：

public class NewsReaderActivity extends FragmentActivity {
    boolean mIsDualPane;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main_layout);

        View articleView = findViewById(R.id.article);
        mIsDualPane = articleView != null &&
                        articleView.getVisibility() == View.VISIBLE;
    }
}

注意：使用代碼查詢id為“article”的view是否可見(jiàn)比直接硬編碼查詢指定的布局更加的靈活。

另一個(gè)關(guān)于如何適配不同組件是否存在的例子，是在組件執(zhí)行操作之前先檢查它是否是可用的。比如，在News Reader示例中，有一個(gè)按鈕點(diǎn)擊后打開(kāi)一個(gè)菜單，但是這個(gè)按鈕僅僅只在Android3.0之后的版本中才能顯示（因?yàn)檫@個(gè)功能被ActionBar代替，在API 11+中定義）。所以，在給這個(gè)按鈕添加事件之間，你可以這樣做：

Button catButton = (Button) findViewById(R.id.categorybutton);
OnClickListener listener = /* create your listener here */;
if (catButton != null) {
    catButton.setOnClickListener(listener);
}

根據(jù)當(dāng)前布局響應(yīng)

一些操作會(huì)根據(jù)當(dāng)前的布局產(chǎn)生不同的效果。比如，在News Reader示例中，當(dāng)你點(diǎn)擊標(biāo)題（headlines）列表中的某一條headline時(shí)，如果你的UI是雙窗格模式，內(nèi)容會(huì)顯示在右邊的窗格中，如果你的UI是單窗格模式，會(huì)啟動(dòng)一個(gè)分開(kāi)的Activity并顯示：

@Override
public void onHeadlineSelected(int index) {
    mArtIndex = index;
    if (mIsDualPane) {
        /* display article on the right pane */
        mArticleFragment.displayArticle(mCurrentCat.getArticle(index));
    } else {
        /* start a separate activity */
        Intent intent = new Intent(this, ArticleActivity.class);
        intent.putExtra("catIndex", mCatIndex);
        intent.putExtra("artIndex", index);
        startActivity(intent);
    }
}

同樣，如果你的應(yīng)用處于多窗格模式，那么它應(yīng)該在導(dǎo)航欄中設(shè)置帶有選項(xiàng)卡的action bar。而如果是單窗格模式，那么導(dǎo)航欄應(yīng)該設(shè)置為spinner widget。所以，你的代碼應(yīng)該檢查哪個(gè)方案是最合適的：

final String CATEGORIES[] = { "Top Stories", "Politics", "Economy", "Technology" };

public void onCreate(Bundle savedInstanceState) {
    ....
    if (mIsDualPane) {
        /* use tabs for navigation */
        actionBar.setNavigationMode(android.app.ActionBar.NAVIGATION_MODE_TABS);
        int i;
        for (i = 0; i < CATEGORIES.length; i++) {
            actionBar.addTab(actionBar.newTab().setText(
                CATEGORIES[i]).setTabListener(handler));
        }
        actionBar.setSelectedNavigationItem(selTab);
    }
    else {
        /* use list navigation (spinner) */
        actionBar.setNavigationMode(android.app.ActionBar.NAVIGATION_MODE_LIST);
        SpinnerAdapter adap = new ArrayAdapter(this,
                R.layout.headline_item, CATEGORIES);
        actionBar.setListNavigationCallbacks(adap, handler);
    }
}

在其他Activity中復(fù)用Fragment

在多屏幕設(shè)計(jì)時(shí)經(jīng)常出現(xiàn)的情況是：在一些屏幕配置上設(shè)計(jì)一個(gè)窗格，而在其他屏幕配置上啟動(dòng)一個(gè)獨(dú)立的Activity。例如，在News Reader中，新聞內(nèi)容文字在大屏幕上市顯示在屏幕右邊的方框中，而在小屏幕中，則是由單獨(dú)的activity顯示的。

像這樣的情況，你就應(yīng)該在不同的activity中使用同一個(gè)Fragment，以此來(lái)避免代碼的重復(fù)，而達(dá)到代碼復(fù)用的效果。比如，ArticleFragment在雙窗格模式下是這樣用的：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="horizontal">
    <fragment android:id="@+id/headlines"
              android:layout_height="fill_parent"
              android:name="com.example.android.newsreader.HeadlinesFragment"
              android:layout_width="400dp"
              android:layout_marginRight="10dp"/>
    <fragment android:id="@+id/article"
              android:layout_height="fill_parent"
              android:name="com.example.android.newsreader.ArticleFragment"
              android:layout_width="fill_parent" />
</LinearLayout>

在小屏幕中，它又是如下方式被復(fù)用的（沒(méi)有布局文件）：

ArticleFragment frag = new ArticleFragment();
getSupportFragmentManager().beginTransaction().add(android.R.id.content, frag).commit();

當(dāng)然，如果將這個(gè)fragment定義在XML布局文件中，也有同樣的效果，但是在這個(gè)例子中，則沒(méi)有必要，因?yàn)檫@個(gè)article fragment是這個(gè)activity的唯一組件。

當(dāng)你在設(shè)計(jì)fragment的時(shí)候，非常重要的一點(diǎn)：不要為某個(gè)特定的activity設(shè)計(jì)耦合度高的fragment。通常的做法是，通過(guò)定義抽象接口，并在接口中定義需要與該fragment進(jìn)行交互的activity的抽象方法，然后與該fragment進(jìn)行交互的activity實(shí)現(xiàn)這些抽象接口方法。

例如，在News Reader中，HeadlinesFragment就很好的詮釋了這一點(diǎn)：

public class HeadlinesFragment extends ListFragment {
    ...
    OnHeadlineSelectedListener mHeadlineSelectedListener = null;

    /* Must be implemented by host activity */
    public interface OnHeadlineSelectedListener {
        public void onHeadlineSelected(int index);
    }
    ...

    public void setOnHeadlineSelectedListener(OnHeadlineSelectedListener listener) {
        mHeadlineSelectedListener = listener;
    }
}

然后，當(dāng)用戶選擇了一個(gè)headline item之后，fragment將通知對(duì)應(yīng)的activity指定監(jiān)聽(tīng)事件（而不是通過(guò)硬編碼的方式去通知）：

public class HeadlinesFragment extends ListFragment {
    ...
    @Override
    public void onItemClick(AdapterView<?> parent,
                            View view, int position, long id) {
        if (null != mHeadlineSelectedListener) {
            mHeadlineSelectedListener.onHeadlineSelected(position);
        }
    }
    ...
}

這種技術(shù)在支持平板與手持設(shè)備(Supporting Tablets and Handsets)有更加詳細(xì)的介紹。

處理屏幕配置變化

如果使用的是單獨(dú)的activity來(lái)實(shí)現(xiàn)你界面的不同部分，你需要注意的是，屏幕變化（如旋轉(zhuǎn)變化）的時(shí)候，你也應(yīng)該根據(jù)屏幕配置的變化來(lái)保持你的UI布局的一致性。

例如，在傳統(tǒng)的Android3.0或以上版本的7寸平板上，News Reader示例在豎屏的時(shí)候使用獨(dú)立的activity顯示文章內(nèi)容，而在橫屏的時(shí)候，則使用兩個(gè)窗格模式（即內(nèi)容顯示在右邊的方框中）。這也就意味著，當(dāng)用戶在豎屏模式下觀看文章的時(shí)候，你需要檢測(cè)屏幕是否變成了橫屏，如果改變了，則結(jié)束當(dāng)前activity并返回到主activity中，這樣，content就能顯示在雙窗格模式布局中。

public class ArticleActivity extends FragmentActivity {
    int mCatIndex, mArtIndex;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        mCatIndex = getIntent().getExtras().getInt("catIndex", 0);
        mArtIndex = getIntent().getExtras().getInt("artIndex", 0);

        // If should be in two-pane mode, finish to return to main activity
        if (getResources().getBoolean(R.bool.has_two_panes)) {
            finish();
            return;
        }
        ...
}

上一篇：創(chuàng)建可穿戴的應(yīng)用下一篇：添加動(dòng)畫