(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<View> history;
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        this.history = new ArrayList<View>();
        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 範例檔下載

44 Replies to “Android TabHost中切換Activity”

  1. 您好:
    我想請問我今天有tab1 , tab2,
    tab1接 activitygroup -> 子activity1 -> 子activity2,
    tab2接 一個activity,
    我今天該如何在tab1裡的子activity2畫面中,點選tab2後,再點回tab1就可以出現子activity1的畫面呢?
    目前是還是會停留在子activity2,謝謝~

  2. 您好:
    最近正好用到這方面技巧,但看了你的ActivityGroup1,發現MonitorGroup group那裡會出錯,
    載了您的範例檔內沒有ActivityGroup1這隻class檔,是否可以分享一下這隻原始檔與MonitorGroup。
    謝謝您~

    1. Dear james:
      感謝您發現這個錯誤 …
      MonitorGroup group 設定成 static 目的讓其他 activity 存取,
      所以就是範例檔裡的 Activity1,
      範例檔應該可以跑才對,可以直接使用範例檔下去改,
      Sorry … ><

      1. 感謝您的回覆。
        後來我有試出來了,謝謝。不過我沒有使用您上面寫的MonitorGroup class,因為我找不到此class。
        所以後來我把 MonitorGroup 改成
        public static ActivityGroup group;
        這樣就可以囉~ 提供其他網友參考。
        p.s 這兩天有發現有一些關於這個子activity的問題,我再研究看看,這兩天再跟版主請教討論~謝謝~

  3. 這篇真棒
    最近用fragment用到超煩碰到一堆問題跑來找這篇就解決了
    順便在這邊po一下最近碰到的一個問題的解決方法
    當你的activity裡面有listview的時候發現back會失效(會直接結束程式)
    因為keydown事件被listview吃掉了
    解決方法
    http://phenix.blogbus.com/logs/158999678.html

  4. 大大!! 我在 child activity 裡面放入 facebook login (官方activity方法) 但我按登入他就把我全部的Destroy 我要怎麼讓他轉跳的時候不把我原本的Activity onDestroy掉???

    1. Dear ken:
      小蛙測試之前附上的 Tab 範例檔跟照照明星臉的 Facebook login 使用上應該是沒問題唷!
      小蛙測試的方法是在 Activity3 的 button 點選之後跳出 facebook 登入視窗,
      成功登入後跳出發表文章到塗鴉牆的範例!
      facebook.authorize( getParent(), new String[]{“publish_stream”}, new DialogListener(){
      });
      比較特別的地方是第一個要取得父親的 Activity 不然會出錯。

  5. Dear 小蛙,
    我這邊遇到一個狀況,不知道你是否有遇到相同的狀況。
    在你的示意圖中在Activity2按下back鍵,返回到Activity1這時Activity1畫面(View)是正確的,
    但其中事件都監聽器都失效了,setContentView(v) 似乎只有將View切換過去。
    目前我的作法是在每一頁都加上Button以Intent的方式切換。
    不知道蛙大有沒有方法可以讓back()也能正常使用的方法?
    謝謝!!

    1. 我解決這個問題了,在setContentView(v)後執行一次onCreate(null)監聽器就會有效果了。
      但是這樣子好像是暴力法,不知道會不會有負面影響,哈哈
      還是謝謝蛙大的教學 ^^

  6. 小娃, 我剛學ANDROID, 現在有個問題, 我用JAVA 可以抓到網頁上我要的內, 但不知道怎麼改成ANDROID可以運作的, 我用JAVA里的REGEX把不要的內容都除掉了, 只剩下我要的轉成了ARRAY. 在JAVA中已經可以用了. 可是不懂ANDROID 怎麼套用上去.

    1. Dear bebeyim:
      首先您要先注意您所使用的抓網頁的套件是否跟android的版本相容,
      (有可能JAVA中用到比較特殊的東西)
      這裡不太清楚是 1. 抓的部分出問題,2. 濾出要的內容出問題,3. 轉成array 出問題,
      1.的話可能是您使用的抓網頁套件在android中沒有(要記得放在libs下面)
      或是改用android下內含的HttpGet來抓取,
      2.跟3.應該Java跟Android實作上差不多!
      (沒有錯誤訊息,只能從您的敘述中去猜測囉!)
      祝您好運囉 ^____________^

        1. 小蛙,
          謝謝您, 我剛E-MAIL給你了, 附件是GetPrice.java
          有空請幫忙看看, 謝謝!!

  7. 原來大家都有問題啊? 請問為什麼一定要改呢? TabActivity 還是可以用啊?
    要不想我想, TAB 就用ICON 代替了, 然後連去FRAGMENT, 這樣在掛版跟功能上好像沒分別?
    我剛學了3天, 很多問題, 請大家幫忙多多解釋一下!

    1. Dear bebeyim:
      功能上看起來是沒什麼差異,都可以達到相同的功能,
      Google會這樣做應該是有某些因素(ex. 較輕量化、安全性、手機平版一致性 …)等,
      小蛙並沒有去找實際原因,以上原因是小蛙胡亂猜測的(最可能的狀態是Fragment在平板跟手機都可以有比較好的使用者體驗),
      可以確定的是原本的做法Google已經宣告過期了 …

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *