編寫:riverfeng - 原文:http://developer.android.com/training/multiscreen/adaptui.html
根據(jù)當(dāng)前你的應(yīng)用顯示的布局,它的UI流可能會不一樣。比如,當(dāng)你的應(yīng)用是雙窗格模式,點擊左邊窗格的條目(item)時,內(nèi)容(content)顯示在右邊窗格中。如果是單窗格模式中,當(dāng)你點擊某個item的時候,內(nèi)容則顯示在一個新的activity中。
由于每種布局的實現(xiàn)會略有差別,首先你可能要確定用戶當(dāng)前可見的布局是哪一個。比如,你可能想知道當(dāng)前用戶到底是處于“單窗格”的模式還是“雙窗格”的模式。你可以通過檢查指定的視圖(view)是否存在和可見來實現(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是否可見比直接硬編碼查詢指定的布局更加的靈活。
另一個關(guān)于如何適配不同組件是否存在的例子,是在組件執(zhí)行操作之前先檢查它是否是可用的。比如,在News Reader示例中,有一個按鈕點擊后打開一個菜單,但是這個按鈕僅僅只在Android3.0之后的版本中才能顯示(因為這個功能被ActionBar代替,在API 11+中定義)。所以,在給這個按鈕添加事件之間,你可以這樣做:
Button catButton = (Button) findViewById(R.id.categorybutton);
OnClickListener listener = /* create your listener here */;
if (catButton != null) {
catButton.setOnClickListener(listener);
}
一些操作會根據(jù)當(dāng)前的布局產(chǎn)生不同的效果。比如,在News Reader示例中,當(dāng)你點擊標(biāo)題(headlines)列表中的某一條headline時,如果你的UI是雙窗格模式,內(nèi)容會顯示在右邊的窗格中,如果你的UI是單窗格模式,會啟動一個分開的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è)置帶有選項卡的action bar。而如果是單窗格模式,那么導(dǎo)航欄應(yīng)該設(shè)置為spinner widget。所以,你的代碼應(yīng)該檢查哪個方案是最合適的:
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);
}
}
在多屏幕設(shè)計時經(jīng)常出現(xiàn)的情況是:在一些屏幕配置上設(shè)計一個窗格,而在其他屏幕配置上啟動一個獨立的Activity。例如,在News Reader中,新聞內(nèi)容文字在大屏幕上市顯示在屏幕右邊的方框中,而在小屏幕中,則是由單獨的activity顯示的。
像這樣的情況,你就應(yīng)該在不同的activity中使用同一個Fragment,以此來避免代碼的重復(fù),而達到代碼復(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ù)用的(沒有布局文件):
ArticleFragment frag = new ArticleFragment();
getSupportFragmentManager().beginTransaction().add(android.R.id.content, frag).commit();
當(dāng)然,如果將這個fragment定義在XML布局文件中,也有同樣的效果,但是在這個例子中,則沒有必要,因為這個article fragment是這個activity的唯一組件。
當(dāng)你在設(shè)計fragment的時候,非常重要的一點:不要為某個特定的activity設(shè)計耦合度高的fragment。通常的做法是,通過定義抽象接口,并在接口中定義需要與該fragment進行交互的activity的抽象方法,然后與該fragment進行交互的activity實現(xiàn)這些抽象接口方法。
例如,在News Reader中,HeadlinesFragment就很好的詮釋了這一點:
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)用戶選擇了一個headline item之后,fragment將通知對應(yīng)的activity指定監(jiān)聽事件(而不是通過硬編碼的方式去通知):
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ì)的介紹。
如果使用的是單獨的activity來實現(xiàn)你界面的不同部分,你需要注意的是,屏幕變化(如旋轉(zhuǎn)變化)的時候,你也應(yīng)該根據(jù)屏幕配置的變化來保持你的UI布局的一致性。
例如,在傳統(tǒng)的Android3.0或以上版本的7寸平板上,News Reader示例在豎屏的時候使用獨立的activity顯示文章內(nèi)容,而在橫屏的時候,則使用兩個窗格模式(即內(nèi)容顯示在右邊的方框中)。 這也就意味著,當(dāng)用戶在豎屏模式下觀看文章的時候,你需要檢測屏幕是否變成了橫屏,如果改變了,則結(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;
}
...
}