AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

[Android]AndroidBucket增加碎片SubLayout功能及AISubLayout的注解支持

2017-10-11 734
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：

以下内容为原创，转载请注明：

来自天天博客：http://www.cnblogs.com/tiantianbyconan/p/3709957.html

 

之前写过一篇博客，是使用Fragment来实现TabHost的效果，并且模拟TabHost的切换各个fragment生命周期的调用，见http://www.cnblogs.com/tiantianbyconan/p/3360938.html

但是如果要实现的效果是两级的Tab，比如在第一级tab中又有三个子Tab切换不同的布局，

相当于在Fragment中嵌套来Fragment，这个怎么实现？

也有个官方的实现方法，通过使用android-support-v13.jar包中的getChildFragmentManager方法来获取一个Manager。

这里带来我写的一个新的方案，使用SubLayout来实现。

相关源码：https://github.com/wangjiegulu/AndroidBucket/tree/master/src/com/wangjie/androidbucket/customviews/sublayout

下面使用一个例子来说下使用方法，先看下最后的效果（项目使用了我的开源AndroidBucket和AndroidInject 请先添加依赖项目，欢迎star／fork）：

效果跟以前的例子大同小异，点击第一个tab上的TextView，然后Toast提示EditText上的信息，但是使用方式却是不一样的。

大体的思路是在MainActivity布局中增加一个FrameLayout，然后在切换过程中不停的用相应的布局去替换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>
复制代码

布局很简单，一个FrameLayout用于存放不同界面的布局，3个RadioButton表示下面的每一项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;

    @Override
    public 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>() {
            @Override
            public void switchSelf(SubLayout subLayout, int position) {
                Logger.d(TAG, "[switch listener]switchSelf, subLayout: " + subLayout + ", position: " + position);
            }

            @Override
            public void switchCompleted(SubLayout subLayout, int position) {
                Logger.d(TAG, "[switch listener]switchCompleted, subLayout: " + subLayout + ", position: " + position);
            }
        });

        rg.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
            @Override
            public 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); // 默认切换第一页

    }

    @Override
    protected void onDestroy() {
        super.onDestroy();
        sbManager.destoryClear();
        sbManager = null;

    }

}
复制代码

上面的SubLayout相当于一个Fragment，SubLayoutManager用于管理多个SubLayout之间的切换。SubLayoutManager可以通过new获取。

其中构造方法中：

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

参数二：contentView表示在MainActivity中预留给SubLayout显示的FrameLayout。

参数三：是个可变长参数，可以在后面（有序）追加所有需要切换的SubLayout的Class对象。

第一次初始化后各个SubLayout对象不会马上生成，只会在切换到改页面时才会生成该对象，会执行SubLayout的initLayout()方法，这个方法只会调用一次（类似onCreate()方法）

需要切换页面时只需要执行SubLayoutManager的switchLayout()方法，传入SubLayout的position就可以了，这个position跟参数三的顺序一致。

 

接下来看下几个SubLayout是怎么去实现的，因为三个SubLayout大致相同，所以只分析一个就可以了：

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 }
复制代码

代码很简单，继承AISubLayout即可，AISubLayout是AndroidInject中AndroidBucket的子类，实现了SubLayout的注解的支持。当然你也可以直接继承SubLayout，这样的话就不能使用注解了，看上面的被注释的代码，可以通过setContentView来设置对应的布局，可以通过findViewById来获取控件对象。

它也有onResume和onPause方法，当前页A被切换到B的话会调用A的onPause，然后调用B的onResume（如果之前B没有被初始化过，则先调用initLayout再调用onResume方法）

下面来看看log打印的日志：

 

// 以下为启动应用，默认加载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-----------------------

 

本文转自天天_byconan博客园博客，原文链接：http://www.cnblogs.com/tiantianbyconan/p/3709957.html ，如需转载请自行联系原作者
文章标签：
Android开发
数据格式
XML
关键词：
Android碎片
Android功能
Android注解
吞吞吐吐的
目录
相关文章
聪哥666
|
2月前
|
Android开发
Android开发表情emoji功能开发
本文介绍了一种在Android应用中实现emoji表情功能的方法，通过将图片与表情字符对应，实现在`TextView`中的正常显示。示例代码展示了如何使用自定义适配器加载emoji表情，并在编辑框中输入或删除表情。项目包含完整的源码结构，可作为开发参考。视频演示和源码详情见文章内链接。
聪哥666
77 4
Android开发表情emoji功能开发
萝卜带泥
|
2月前
|
安全 Android开发 iOS开发
Android vs iOS：探索移动操作系统的设计与功能差异###
【10月更文挑战第20天】 本文深入分析了Android和iOS两个主流移动操作系统在设计哲学、用户体验、技术架构等方面的显著差异。通过对比，揭示了这两种系统各自的独特优势与局限性，并探讨了它们如何塑造了我们的数字生活方式。无论你是开发者还是普通用户，理解这些差异都有助于更好地选择和使用你的移动设备。 ###
萝卜带泥
59 3
aliyun0641063962-48771
|
1月前
|
安全 搜索推荐 程序员
深入探索Android系统的碎片化问题及其解决方案
在移动操作系统的世界中，Android以其开放性和灵活性赢得了广泛的市场份额。然而，这种开放性也带来了一个众所周知的问题——系统碎片化。本文旨在探讨Android系统碎片化的现状、成因以及可能的解决方案，为开发者和用户提供一种全新的视角来理解这一现象。通过分析不同版本的Android系统分布、硬件多样性以及更新机制的影响，我们提出了一系列针对性的策略，旨在减少碎片化带来的影响，提升用户体验。
aliyun0641063962-48771
94 0
Ant.Dream
|
4月前
|
编解码 测试技术 Android开发
Android经典实战之用 CameraX 库实现高质量的照片和视频拍摄功能
本文详细介绍了如何利用CameraX库实现高质量的照片及视频拍摄功能，包括添加依赖、初始化、权限请求、配置预览与捕获等关键步骤。此外，还特别针对不同分辨率和帧率的视频拍摄提供了性能优化策略，确保应用既高效又稳定。
Ant.Dream
459 1
Android经典实战之用 CameraX 库实现高质量的照片和视频拍摄功能
音视频牛哥
|
3月前
|
Android开发 开发者
Android平台无纸化同屏如何实现实时录像功能
Android平台无纸化同屏，如果需要本地录像的话，实现难度不大，只要复用之前开发的录像模块的就可以，对我们来说，同屏采集这块，只是数据源不同而已，如果是自采集的其他数据，我们一样可以编码录像。
音视频牛哥
35 0
星河造梦坊丨程序开发
|
4月前
|
图形学 Android开发
小功能⭐️Unity调用Android常用事件
小功能⭐️Unity调用Android常用事件
星河造梦坊丨程序开发
47 1
青欢
|
6月前
|
数据库 Android开发 数据安全/隐私保护
在 Android Studio 中结合使用 SQLite 数据库实现简单的注册和登录功能
在 Android Studio 中结合使用 SQLite 数据库实现简单的注册和登录功能
青欢
294 2
Ant.Dream
|
6月前
|
Android开发
Android中如何快速的实现RecycleView的拖动重排序功能
使用`ItemTouchHelper`和自定义`Callback`，在`RecyclerView`中实现拖动排序功能。定义`ItemTouchHelperAdapter`接口，`Adapter`实现它以处理`onItemMove`方法。`SimpleItemTouchHelperCallback`设置拖动标志，如`LEFT`或`RIGHT`（水平拖动），并绑定到`RecyclerView`以启用拖动。完成这些步骤后，即可实现拖放排序。关注公众号“AntDream”获取更多内容。
Ant.Dream
127 3
肥猪肥猪-17824
|
7月前
|
移动开发 监控 Android开发
构建高效Android应用：从内存优化到电池寿命代码之美：从功能实现到艺术创作
【5月更文挑战第28天】 在移动开发领域，特别是针对Android系统，性能优化始终是关键议题之一。本文深入探讨了如何通过细致的内存管理和电池使用策略，提升Android应用的运行效率和用户体验。文章不仅涵盖了现代Android设备上常见的内存泄漏问题，还提出了有效的解决方案，包括代码级优化和使用工具进行诊断。同时，文中也详细阐述了如何通过减少不必要的后台服务、合理管理设备唤醒锁以及优化网络调用等手段延长应用的电池续航时间。这些方法和技术旨在帮助开发者构建更加健壮、高效的Android应用程序。
肥猪肥猪-17824
75 5
郏国上
|
7月前
|
Android开发 数据安全/隐私保护 iOS开发
ios和安卓测试包发布网站http://fir.im的注册与常用功能
ios和安卓测试包发布网站http://fir.im的注册与常用功能
郏国上
333 0
ios和安卓测试包发布网站http://fir.im的注册与常用功能