1. 程式人生 > >Android UI開發第三十篇——使用Fragment構建靈活的桌面

Android UI開發第三十篇——使用Fragment構建靈活的桌面

http://www.lupaworld.com/article-222973-1.html

當我們設計應用程式時,希望能夠盡最大限度的適配各種裝置,包括4寸屏、7寸屏、 10寸屏等等,Android開發文件給了我們參考,而且Google IO的app(如圖二)也實現了這種思想,他們都是使用layout、layout-large裡面不同的佈局檔案實現的,下面是翻譯的developer.android.com一篇的文章,裡面的例子能詳細的看出layout、layout-large並使用Fragmen構建靈活的桌面。

         當設計應用程式,你可以在不同的佈局結構中重複使用Fragment,以支援眾多的螢幕尺寸,,在可用的螢幕空間上優化使用者體驗。例如在手持裝置(如Nexus 4)上,一個屏顯示一個Fragment,在更大屏(如Nexus 7)上可以使用多個Fragment顯示資訊。如下圖:

圖一

         圖一中,在大屏中兩個Fragment顯示在一個屏中,但是手持裝置中,需要兩屏顯示完,一屏只能顯示一個,他們之間需要相互引導。

         FragmentManager類提供了一些方法,使您可以在Activity執行時新增,刪除和替換Fragment,以創造一個靈活、動態的體驗。

新增Fragment到一個執行的Activity

         這裡不是如同 

Android UI開發第十七篇——Android Fragment例項》中將標籤放到佈局檔案。而是使用FragmentManager動態的管理Fragment。FragmentManager建立一個FragmentTransaction,

它提供了新增,刪除以及其他fragment事務的API。activity允許移除或者替換fragment需要有如下條件:

  1、activity的onCreate()方法中新增初始化的fragment

  2、fragment放置位置的佈局中必須有一個檢視容器

程式例子中, res/layout/news_articles.xml檔案提供了檢視容器。

  1. <FrameLayoutxmlns:android="http://schemas.android.com/apk/res/android"
  2.     android:id="@+id/fragment_container"
  3.     android:layout_width="match_parent"
  4.     android:layout_height="match_parent"/>
       Activity中使用getSupportFragmentManager()獲取FragmentManager,之後呼叫beginTransaction去建立一個FragmentTransaction物件, 再呼叫add()方法即可新增一個fragment。 在activity中可以使用同一個FragmentTransaction物件去執行多個fragment事務,當做這樣操作時,必須呼叫commint()方法。 下面的程式碼演示怎樣新增一個fragment到res/layout/news_articles.xml的layout:
  1. import android.os.Bundle;  
  2. import android.support.v4.app.FragmentActivity;  
  3. publicclass MainActivity extends FragmentActivity {  
  4.     @Override
  5.     publicvoid onCreate(Bundle savedInstanceState) {  
  6.         super.onCreate(savedInstanceState);  
  7.         setContentView(R.layout.news_articles);  
  8.         // Check that the activity is using the layout version with
  9.         // the fragment_container FrameLayout
  10.         if (findViewById(R.id.fragment_container) != null) {  
  11.             // However, if we're being restored from a previous state,
  12.             // then we don't need to do anything and should return or else
  13.             // we could end up with overlapping fragments.
  14.             if (savedInstanceState != null) {  
  15.                 return;  
  16.             }  
  17.             // Create an instance of ExampleFragment
  18.             HeadlinesFragment firstFragment = new HeadlinesFragment();  
  19.             // In case this activity was started with special instructions from an Intent,
  20.             // pass the Intent's extras to the fragment as arguments
  21.             firstFragment.setArguments(getIntent().getExtras());  
  22.             // Add the fragment to the 'fragment_container' FrameLayout
  23.             getSupportFragmentManager().beginTransaction()  
  24.                     .add(R.id.fragment_container, firstFragment).commit();  
  25.         }  
  26.     }  
  27. }  

    這裡的fragment是在執行時新增到FrameLayout,而不是直接使用標籤定義在activity的佈局中,activity可以移除它或者使用另外一個不同的fragment替換它。

替換Fragment

    替換一個fragment的過程和新增Fragment的過程差不多,但是需要的是replace()方法,而不是add()方法。 需要注意的是,當執行fragment事務時,比如替換或者刪除一個fragment,如果想能回退到當前,你必須在你提交fragment事務之前呼叫 addToBackStack()方法。

    當移除或替換fragment時將事務新增到堆疊中,被移除的Fragmeng沒有消亡,如果使用者返回,Fragment會重新啟動。如果沒有放入到堆疊中,當Fragment被替換或移除,Fragment會消亡。

       下面是替換Fragment的例子:

  1. // Create fragment and give it an argument specifying the article it should show
  2. ArticleFragment newFragment = new ArticleFragment();  
  3. Bundle args = new Bundle();  
  4. args.putInt(ArticleFragment.ARG_POSITION, position);  
  5. newFragment.setArguments(args);  
  6. FragmentTransaction transaction = getSupportFragmentManager().beginTransaction();  
  7. // Replace whatever is in the fragment_container view with this fragment,
  8. // and add the transaction to the back stack so the user can navigate back
  9. transaction.replace(R.id.fragment_container, newFragment);  
  10. transaction.addToBackStack(null);  
  11. // Commit the transaction
  12. transaction.commit();  

addToBackStack()方法有一個可選的字串引數,用來指定事務的唯一名稱,這個是非必須的。

參考:http://developer.android.com/training/basics/fragments/fragment-ui.html

圖二 Google IO APP