以下內(nèi)容為原創(chuàng)，轉(zhuǎn)載請(qǐng)注明：

來(lái)自天天博客：http://www.cnblogs.com/tiantianbyconan/p/3709957.html

?

之前寫過(guò)一篇博客，是使用Fragment來(lái)實(shí)現(xiàn)TabHost的效果，并且模擬TabHost的切換各個(gè)fragment生命周期的調(diào)用，見(jiàn)http://www.cnblogs.com/tiantianbyconan/p/3360938.html

但是如果要實(shí)現(xiàn)的效果是兩級(jí)的Tab，比如在第一級(jí)tab中又有三個(gè)子Tab切換不同的布局，

相當(dāng)于在Fragment中嵌套來(lái)Fragment，這個(gè)怎么實(shí)現(xiàn)？

也有個(gè)官方的實(shí)現(xiàn)方法，通過(guò)使用android-support-v13.jar包中的getChildFragmentManager方法來(lái)獲取一個(gè)Manager。

這里帶來(lái)我寫的一個(gè)新的方案，使用SubLayout來(lái)實(shí)現(xiàn)。

相關(guān)源碼：https://github.com/wangjiegulu/AndroidBucket/tree/master/src/com/wangjie/androidbucket/customviews/sublayout

下面使用一個(gè)例子來(lái)說(shuō)下使用方法，先看下最后的效果（項(xiàng)目使用了我的開(kāi)源AndroidBucket和AndroidInject?請(qǐng)先添加依賴項(xiàng)目，歡迎star／fork）：

效果跟以前的例子大同小異，點(diǎn)擊第一個(gè)tab上的TextView，然后Toast提示EditText上的信息，但是使用方式卻是不一樣的。

大體的思路是在MainActivity布局中增加一個(gè)FrameLayout，然后在切換過(guò)程中不停的用相應(yīng)的布局去替換FrameLayout中。

main.xml布局如下：

1 <?xml version="1.0" encoding="utf-8"?> 2 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 3 android:orientation="vertical" 4 android:layout_width="fill_parent" 5 android:layout_height="fill_parent" 6 > 7 8 <FrameLayout 9 android:id="@+id/main_content_view" 10 android:layout_width="match_parent" 11 android:layout_height="0dp" 12 android:layout_weight="1.0" 13 /> 14 15 <RadioGroup 16 android:id="@+id/main_tabs_rg" 17 android:layout_width="fill_parent" 18 android:layout_height="65dp" 19 android:background="#aabbcc" 20 android:gravity="center_vertical" 21 android:orientation="horizontal" > 22 23 <RadioButton 24 android:id="@+id/main_tab_a_rb" 25 style="@style/tab_item_background" 26 android:drawableTop="@drawable/ic_launcher" 27 android:paddingTop="7dp" 28 android:textSize="13sp" 29 android:checked="true" 30 /> 31 32 <RadioButton 33 android:id="@+id/main_tab_b_rb" 34 style="@style/tab_item_background" 35 android:drawableTop="@drawable/ic_launcher" 36 android:paddingTop="7dp" 37 android:textSize="13sp" 38 /> 39 40 <RadioButton 41 android:id="@+id/main_tab_c_rb" 42 style="@style/tab_item_background" 43 android:drawableTop="@drawable/ic_launcher" 44 android:paddingTop="7dp" 45 android:textSize="13sp" 46 /> 47 48 </RadioGroup> 49 50 </LinearLayout>

布局很簡(jiǎn)單，一個(gè)FrameLayout用于存放不同界面的布局，3個(gè)RadioButton表示下面的每一項(xiàng)Tab按鈕。

在MainActivity中代碼如下：

@AILayout(R.layout.main) public class MainActivity extends AIActivity {public static final String TAG = MainActivity.class.getSimpleName();@AIView(R.id.main_content_view)ViewGroup contentView;@AIView(R.id.main_tabs_rg)RadioGroup rg;SubLayoutManager sbManager;@Overridepublic void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);sbManager = new SubLayoutManager<SubLayout>(context, contentView, TabASubLayout.class, TabBSubLayout.class, TabCSubLayout.class);sbManager.setSwitchListener(new SubLayoutManager.LayoutSwitchListener<SubLayout>() {@Overridepublic void switchSelf(SubLayout subLayout, int position) {Logger.d(TAG, "[switch listener]switchSelf, subLayout: " + subLayout + ", position: " + position);}@Overridepublic void switchCompleted(SubLayout subLayout, int position) {Logger.d(TAG, "[switch listener]switchCompleted, subLayout: " + subLayout + ", position: " + position);}});rg.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {@Overridepublic void onCheckedChanged(RadioGroup radioGroup, int i) {int index = -1;switch(i){case R.id.main_tab_a_rb:index = 0;break;case R.id.main_tab_b_rb:index = 1;break;case R.id.main_tab_c_rb:index = 2;break;}if(index < 0 || index >= sbManager.getSubLayoutSize()){return;}sbManager.switchLayout(index);}});sbManager.switchLayout(0); // 默認(rèn)切換第一頁(yè) }@Overrideprotected void onDestroy() {super.onDestroy();sbManager.destoryClear();sbManager = null;}}

上面的SubLayout相當(dāng)于一個(gè)Fragment，SubLayoutManager用于管理多個(gè)SubLayout之間的切換。SubLayoutManager可以通過(guò)new獲取。

其中構(gòu)造方法中：

public SubLayoutManager(Context context, ViewGroup contentView, Class<? extends T>... slszzs) {

參數(shù)二：contentView表示在MainActivity中預(yù)留給SubLayout顯示的FrameLayout。

參數(shù)三：是個(gè)可變長(zhǎng)參數(shù)，可以在后面（有序）追加所有需要切換的SubLayout的Class對(duì)象。

第一次初始化后各個(gè)SubLayout對(duì)象不會(huì)馬上生成，只會(huì)在切換到改頁(yè)面時(shí)才會(huì)生成該對(duì)象，會(huì)執(zhí)行SubLayout的initLayout()方法，這個(gè)方法只會(huì)調(diào)用一次（類似onCreate()方法）

需要切換頁(yè)面時(shí)只需要執(zhí)行SubLayoutManager的switchLayout()方法，傳入SubLayout的position就可以了，這個(gè)position跟參數(shù)三的順序一致。

?

接下來(lái)看下幾個(gè)SubLayout是怎么去實(shí)現(xiàn)的，因?yàn)槿齻€(gè)SubLayout大致相同，所以只分析一個(gè)就可以了：

TabASubLayout代碼如下：

1 @AILayout(R.layout.tab_a) 2 public class TabASubLayout extends AISubLayout { 3 public static final String TAG = TabASubLayout.class.getSimpleName(); 4 5 6 // @AIView(R.id.tab_a_tv) 7 // TextView tv; 8 @AIView(R.id.tab_a_et) 9 EditText et; 10 11 public TabASubLayout(Context context) { 12 super(context); 13 // setContentView(R.layout.tab_a); 14 15 } 16 17 @Override 18 public void initLayout() { 19 super.initLayout(); 20 Logger.d(TAG, "initLayout..."); 21 } 22 23 @AIClick({R.id.tab_a_tv}) 24 public void onClickCallbackSample(View view) { 25 Toast.makeText(context, "clicked: " + ((TextView)view).getText() + ", " + et.getText(), Toast.LENGTH_SHORT).show(); 26 } 27 28 @Override 29 public void onResume() { 30 super.onResume(); 31 Logger.d(TAG, "onResume..."); 32 } 33 34 @Override 35 public void onPause() { 36 super.onPause(); 37 Logger.d(TAG, "onPause..."); 38 } 39 40 }

代碼很簡(jiǎn)單，繼承AISubLayout即可，AISubLayout是AndroidInject中AndroidBucket的子類，實(shí)現(xiàn)了SubLayout的注解的支持。當(dāng)然你也可以直接繼承SubLayout，這樣的話就不能使用注解了，看上面的被注釋的代碼，可以通過(guò)setContentView來(lái)設(shè)置對(duì)應(yīng)的布局，可以通過(guò)findViewById來(lái)獲取控件對(duì)象。

它也有onResume和onPause方法，當(dāng)前頁(yè)A被切換到B的話會(huì)調(diào)用A的onPause，然后調(diào)用B的onResume（如果之前B沒(méi)有被初始化過(guò)，則先調(diào)用initLayout再調(diào)用onResume方法）

下面來(lái)看看log打印的日志：

?

// 以下為啟動(dòng)應(yīng)用，默認(rèn)加載TabA

05-05 08:22:32.216 1086-1086/com.wangjie.sublayouttest D/SubLayoutManager﹕ -----switch start-----------------------
05-05 08:22:32.216 1086-1086/com.wangjie.sublayouttest D/SubLayoutManager﹕ switch before.........: [DelayObj{clazz=class com.wangjie.sublayouttest.TabASubLayout, delayObj=null}, DelayObj{clazz=class com.wangjie.sublayouttest.TabBSubLayout, delayObj=null}, DelayObj{clazz=class com.wangjie.sublayouttest.TabCSubLayout, delayObj=null}]
05-05 08:22:32.336 1086-1086/com.wangjie.sublayouttest D/TabASubLayout﹕ initLayout...
05-05 08:22:32.336 1086-1086/com.wangjie.sublayouttest D/TabASubLayout﹕ onResume...
05-05 08:22:32.336 1086-1086/com.wangjie.sublayouttest D/MainActivity﹕ [switch listener]switchCompleted, subLayout: com.wangjie.sublayouttest.TabASubLayout@b4dff088, position: 0
05-05 08:22:32.336 1086-1086/com.wangjie.sublayouttest D/SubLayoutManager﹕ switch after.........: [DelayObj{clazz=class com.wangjie.sublayouttest.TabASubLayout, delayObj=com.wangjie.sublayouttest.TabASubLayout@b4dff088}, DelayObj{clazz=class com.wangjie.sublayouttest.TabBSubLayout, delayObj=null}, DelayObj{clazz=class com.wangjie.sublayouttest.TabCSubLayout, delayObj=null}]
05-05 08:22:32.336 1086-1086/com.wangjie.sublayouttest D/SubLayoutManager﹕ -----switch end-----------------------

// TabA切換到TabB
05-05 08:22:37.926 1086-1086/com.wangjie.sublayouttest D/SubLayoutManager﹕ -----switch start-----------------------
05-05 08:22:37.926 1086-1086/com.wangjie.sublayouttest D/SubLayoutManager﹕ switch before.........: [DelayObj{clazz=class com.wangjie.sublayouttest.TabASubLayout, delayObj=com.wangjie.sublayouttest.TabASubLayout@b4dff088}, DelayObj{clazz=class com.wangjie.sublayouttest.TabBSubLayout, delayObj=null}, DelayObj{clazz=class com.wangjie.sublayouttest.TabCSubLayout, delayObj=null}]
05-05 08:22:37.946 1086-1086/com.wangjie.sublayouttest D/TabASubLayout﹕ onPause...
05-05 08:22:37.986 1086-1086/com.wangjie.sublayouttest D/TabBSubLayout﹕ initLayout...
05-05 08:22:37.996 1086-1086/com.wangjie.sublayouttest D/TabBSubLayout﹕ onResume...
05-05 08:22:37.996 1086-1086/com.wangjie.sublayouttest D/MainActivity﹕ [switch listener]switchCompleted, subLayout: com.wangjie.sublayouttest.TabBSubLayout@b4de1d80, position: 1
05-05 08:22:37.996 1086-1086/com.wangjie.sublayouttest D/SubLayoutManager﹕ switch after.........: [DelayObj{clazz=class com.wangjie.sublayouttest.TabASubLayout, delayObj=com.wangjie.sublayouttest.TabASubLayout@b4dff088}, DelayObj{clazz=class com.wangjie.sublayouttest.TabBSubLayout, delayObj=com.wangjie.sublayouttest.TabBSubLayout@b4de1d80}, DelayObj{clazz=class com.wangjie.sublayouttest.TabCSubLayout, delayObj=null}]
05-05 08:22:37.996 1086-1086/com.wangjie.sublayouttest D/SubLayoutManager﹕ -----switch end-----------------------

// TabB切換到TabC
05-05 08:22:41.486 1086-1086/com.wangjie.sublayouttest D/SubLayoutManager﹕ -----switch start-----------------------
05-05 08:22:41.486 1086-1086/com.wangjie.sublayouttest D/SubLayoutManager﹕ switch before.........: [DelayObj{clazz=class com.wangjie.sublayouttest.TabASubLayout, delayObj=com.wangjie.sublayouttest.TabASubLayout@b4dff088}, DelayObj{clazz=class com.wangjie.sublayouttest.TabBSubLayout, delayObj=com.wangjie.sublayouttest.TabBSubLayout@b4de1d80}, DelayObj{clazz=class com.wangjie.sublayouttest.TabCSubLayout, delayObj=null}]
05-05 08:22:41.496 1086-1086/com.wangjie.sublayouttest D/TabBSubLayout﹕ onPause...
05-05 08:22:41.516 1086-1086/com.wangjie.sublayouttest D/TabCSubLayout﹕ initLayout...
05-05 08:22:41.516 1086-1086/com.wangjie.sublayouttest D/TabCSubLayout﹕ onResume...
05-05 08:22:41.516 1086-1086/com.wangjie.sublayouttest D/MainActivity﹕ [switch listener]switchCompleted, subLayout: com.wangjie.sublayouttest.TabCSubLayout@b4e17840, position: 2
05-05 08:22:41.516 1086-1086/com.wangjie.sublayouttest D/SubLayoutManager﹕ switch after.........: [DelayObj{clazz=class com.wangjie.sublayouttest.TabASubLayout, delayObj=com.wangjie.sublayouttest.TabASubLayout@b4dff088}, DelayObj{clazz=class com.wangjie.sublayouttest.TabBSubLayout, delayObj=com.wangjie.sublayouttest.TabBSubLayout@b4de1d80}, DelayObj{clazz=class com.wangjie.sublayouttest.TabCSubLayout, delayObj=com.wangjie.sublayouttest.TabCSubLayout@b4e17840}]
05-05 08:22:41.526 1086-1086/com.wangjie.sublayouttest D/SubLayoutManager﹕ -----switch end-----------------------

?

// TabC切換到TabA
05-05 08:22:44.086 1086-1086/com.wangjie.sublayouttest D/SubLayoutManager﹕ -----switch start-----------------------
05-05 08:22:44.086 1086-1086/com.wangjie.sublayouttest D/SubLayoutManager﹕ switch before.........: [DelayObj{clazz=class com.wangjie.sublayouttest.TabASubLayout, delayObj=com.wangjie.sublayouttest.TabASubLayout@b4dff088}, DelayObj{clazz=class com.wangjie.sublayouttest.TabBSubLayout, delayObj=com.wangjie.sublayouttest.TabBSubLayout@b4de1d80}, DelayObj{clazz=class com.wangjie.sublayouttest.TabCSubLayout, delayObj=com.wangjie.sublayouttest.TabCSubLayout@b4e17840}]
05-05 08:22:44.086 1086-1086/com.wangjie.sublayouttest D/TabCSubLayout﹕ onPause...
05-05 08:22:44.136 1086-1086/com.wangjie.sublayouttest D/TabASubLayout﹕ onResume...
05-05 08:22:44.136 1086-1086/com.wangjie.sublayouttest D/MainActivity﹕ [switch listener]switchCompleted, subLayout: com.wangjie.sublayouttest.TabASubLayout@b4dff088, position: 0
05-05 08:22:44.136 1086-1086/com.wangjie.sublayouttest D/SubLayoutManager﹕ switch after.........: [DelayObj{clazz=class com.wangjie.sublayouttest.TabASubLayout, delayObj=com.wangjie.sublayouttest.TabASubLayout@b4dff088}, DelayObj{clazz=class com.wangjie.sublayouttest.TabBSubLayout, delayObj=com.wangjie.sublayouttest.TabBSubLayout@b4de1d80}, DelayObj{clazz=class com.wangjie.sublayouttest.TabCSubLayout, delayObj=com.wangjie.sublayouttest.TabCSubLayout@b4e17840}]
05-05 08:22:44.136 1086-1086/com.wangjie.sublayouttest D/SubLayoutManager﹕ -----switch end-----------------------

?

轉(zhuǎn)載于:https://www.cnblogs.com/tiantianbyconan/p/3709957.html

總結(jié)

以上是生活随笔為你收集整理的[Android]AndroidBucket增加碎片SubLayout功能及AISubLayout的注解支持的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。