Android TabHost中切換Activity

(2013-04-15 更新)上一篇文章 Android TabHost Without TabActivity 提到如何以 Activity 取代過期的 TabActivity 來操作 TabHost，官方文件中建議以 Fragment 取代 TabActivity，但小蛙還沒試出來使用 Fragment 的方式(同事盛哥那邊有試出來，之後徵詢盛哥同意後再把 Fragment 的做法分享出來)，小蛙在這邊記錄使用 Activity + TabHost + 頁籤中切換 Activity，並且保存各個頁籤的Back Stack。注意：官方建議使用 Fragment，除非是想跟小蛙一樣懶惰到不想動到整體架構，想要進行「最少修改」，還是聽從官方建議使用 Fragment 比較好喔！

上個星期跟盛哥試了一段時間使用 Fragment 後還是不得其門而入(兩個人對 Fragment 都還不太熟悉)，卡住的原因是現在有兩個 Tab，當 Tab1 進入到第二個畫面，Tab2 進到第三個畫面，但使用者切回 Tab1 的時候，Tab1 的狀態無法被保留(第二畫面)，這個影響就是如果使用者透過 Tab1 已經搜尋到想要的資料後，因為某些原因切到 Tab2，這時候想點回 Tab1 時，資料卻已經消失，這對使用者體驗來說是非常差的。

前天看到盛哥留言已經解決了上述問題，而在看到盛哥解決之前，小蛙也在
Android: TabActivity Nested Activities @ Henrik Larsen Toft、
Android : How to have multiple activities under a single tab of TabActivity @ GammaPoint
這兩篇文章中找到曙光，要讓Activity彼此切換，在這邊使用到了 ActivityGroup 去管理各個 Activity 切換的動作，並且額外設置了一個 ArrayList<View> history 當作 Back Stack 來使用。但小蛙照著做卻還是沒辦法使用，所以修改了一些東西。

做法從上圖可以看得出來(也有可能畫得太爛造成大家看不太懂)，首先小蛙在 MainActivity 中建立了 3 個 Tab，分別是 Tab1、Tab2、Tab3，而 Tab1 中會有兩次切換 Activity 的動作(既然是兩次為什麼會有 3 個 Activity？等等後面小蛙會說明)，以此類推 Tab2 也相同，Tab3 則是很單純的直接顯示一個 Activity7。

會使用到同一頁籤中切換 Activity 的所有 Activity 都必須透過 ActivityGroup 來做管理，也就是圖中的 Activity1、Activity2、Activity3 都是可以透過 ActivityGroup1 來管理，同理可說明 ActivityGroup2，每個 ActivityGroup 又另外設置了個別的 Back Stack 來管理當使用者按下 Back 鍵時的行為 (例如：該退出程式還是回到上一個 Activity、切換 Tab 時該 Tab 原本停留的狀態)，至於 Activity7 因為只有單一頁面所以不需要這麼麻煩。介紹完架構家族之後，進到程式碼的部份。

承上篇文章 Android TabHost Without TabActivity，在 MainActivity 中的 TabHost 加入頁籤。

mHost.addTab(mHost.newTabSpec(getString(R.string.tab_two_name))
      .setIndicator(getString(R.string.tab_two_name))
      .setContent(new Intent(this, ActivityGroup1.class)));

小蛙在測試了上面兩篇文章的方法後發現，必須要在 ActivityGroup1 中直接先載入 Activity1 (也就是 ActivityGroup 僅用來”操作”這些 Activity，並沒有實質的內容呈現，如果讓 ActivityGroup 在這邊有自己的內容呈現，會造成 Back Stack 運作錯誤，也有可能是小蛙實作上出了問題，如果照著上面兩篇文章試不出來的網友，不妨參照小蛙的做法)，以下是 ActivityGroup1 的程式碼：

public class ActivityGroup1 extends ActivityGroup{
     /** 設定成 static 讓其他的子 Activity 可以存取 /     public static ActivityGroup1 group;     /* Back Stack /     private ArrayList history;     @Override     public void onCreate(Bundle savedInstanceState) {         super.onCreate(savedInstanceState);         this.history = new ArrayList();         group = this;         // ActivityGroup1 只是一個外框，在這個外框中載入其他要用的 Activity         // 如果沒有這個外框會發生錯誤         View view = getLocalActivityManager()                   .startActivity("Activity1",                                   new Intent(ActivityGroup1.this, Activity1.class).addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP))                   .getDecorView();         // 馬上載入真正要執行的 Activity         replaceView(view);     }     /*
      * 在 ActivityGroup 中切換 Activity
      * @param v
      /     public void replaceView(View v) {         // 可在這插入換頁動畫         history.add(v);         setContentView(v);     }     /*
      * 當使用者按下 back 的時候，把之前存起來的 stack 撈回來顯示
      /     public void back() {         // 原本的範例是寫 > 0，但會發生錯誤         if(history.size() > 1) {             history.remove(history.size()-1);             View v = history.get(history.size()-1);             // 可在這插入換頁動畫             setContentView(v);         }else {             // back stack 沒有其他頁面可顯示，直接結束             finish();         }     }     /*
      * 複寫聆聽按下 back 事件，呼叫 back()
      */
     // 由於我的股票精算師是使用1.6+，因此採用onKeyDown來監聽
     @Override
     public boolean onKeyDown(int keyCode, KeyEvent event) {
         switch (keyCode) {
             case KeyEvent.KEYCODE_BACK:
                 back();
                 break;
         }
         return true;
     }
 }

至於在Activity1中的設定如下：

public class Activity1 extends Activity{
     @Override
     protected void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
         setContentView(R.layout.activity1);
         Button button = (Button) findViewById(R.id.button1);
         button.setOnClickListener(new View.OnClickListener() {
             @Override
             public void onClick(View v) {
                 // 如果沒有這個外框會發生錯誤
                 View view = ActivityGroup1.group.getLocalActivityManager().startActivity("Activity2", new Intent(Activity1.this, Activity2.class).addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP)).getDecorView();
                 // 載入真正要執行的 Activity
                 ActivityGroup1.group.replaceView(view);
             }
         });
 }

基本上到這邊就已經可以正常運作囉！有什麼問題可以留言在這邊，小蛙會盡可能的協助解決。

2013-01-30 有網友反應 MediaFire 的檔案無法下載，更新下載路徑。範例檔下載。

2012-10-22 範例檔下載