android UI体系中的Composite模式
2011-11-21 09:34
218 查看
Java深入到一定程度,就不可避免的碰到设计模式这一概念,了解设计模式,将使自己对java中的接口或抽象类应用有更深的理解.设计模式在java的中型系统中应用广泛,遵循一定的编程模式,才能使自己的代码便于理解,易于流,Composite(组合模式)模式是比较常用的一个模式.Composite组合模式,将对象以树形结构组织起来,以达成“部分-整体”
的层次结构,使得客户端对单个对象和组合对象的使用具有一致性。
优点: 1.使客户端调用简单,客户端可以一致的使用组合结构或其中单个对象,用户就不必关系自己处理的是单个对象还是整个组合结构,这就简化了客户端代码。
2.更容易在组合体内加入对象部件. 客户端不必因为加入了新的对象部件而更改代码。
下面我们来看看AWT中的Component-Container体系就是一个很好的Composite模式的例子。Container继承于Component,而Container中有可以包含有多个Component,因为Container实际上也是Component,因而Container也可以包含Container。这样通过Component-Container结构的对象组合,形成一个树状的层次结构。这也就是Composite模式所要做的。如果将其比作为一个文件系统,那么就是folder下既可以有file又可以又folder,逐层扩展下去。
上述是针对java的Composite组合模式的大致定义及优点。那么他又是怎么运用到我们android系统的UI架构中的呢?经分析不难发现,我们的5大布局中均有体现,当我们new 一个布局时,往往不忘在里面addView添加自己的内容,如textview,edittext,及其布局控件等等。当我们需要删除时也不忘removeView等方法删除某些view控件。一方面这些布局文件既可以添加基本控件,又可以添加布局(类比AWT)。这样也形成了一个树状的层次结构。
如下一个简单的例子。
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/v_loading"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical"
android:background="@color/white"
>
<LinearLayout
android:id="@+id/l_tupian"
android:layout_width="320px"
android:layout_height="197px"
android:orientation="vertical"
android:layout_gravity="center_horizontal"
android:background="@drawable/loading"
>
</LinearLayout>
<LinearLayout
android:id="@+id/l_wenzi"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
android:layout_gravity="center_horizontal"
>
<TextView
style="@style/myStyle_Text1"
android:id="@+id/tv_wenzi"
android:layout_width="match_parent"
android:layout_height="45px"
android:text="@string/str_loadtext_gd"
android:layout_gravity="center_horizontal"
/>
<TextView
android:id="@+id/tv_version"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textColor="@color/red"
android:text="@string/str_version"
android:gravity="right"
/>
</LinearLayout>
<LinearLayout
android:id="@+id/l_pb"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:layout_marginTop="30px"
>
<ProgressBar
android:id="@+id/pb_loading"
style="?android:attr/progressBarStyleHorizontal"
android:layout_width="200px"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:max="100"
/>
<TextView
style="@style/myStyle_Text2"
android:id="@+id/tv_loadinfo"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:gravity="center"
android:paddingLeft="10px"
android:textColor="@color/red"
/>
</LinearLayout>
<LinearLayout
android:id="@+id/widget34"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
>
<TextView
style="@style/myStyle_Text2"
android:id="@+id/tv_copyright"
android:layout_width="wrap_content"
android:layout_height="45px"
android:text="@string/str_copyright_gd"
android:layout_gravity="center_horizontal"
android:gravity="center"
/>
</LinearLayout>
</LinearLayout>
的层次结构,使得客户端对单个对象和组合对象的使用具有一致性。
优点: 1.使客户端调用简单,客户端可以一致的使用组合结构或其中单个对象,用户就不必关系自己处理的是单个对象还是整个组合结构,这就简化了客户端代码。
2.更容易在组合体内加入对象部件. 客户端不必因为加入了新的对象部件而更改代码。
下面我们来看看AWT中的Component-Container体系就是一个很好的Composite模式的例子。Container继承于Component,而Container中有可以包含有多个Component,因为Container实际上也是Component,因而Container也可以包含Container。这样通过Component-Container结构的对象组合,形成一个树状的层次结构。这也就是Composite模式所要做的。如果将其比作为一个文件系统,那么就是folder下既可以有file又可以又folder,逐层扩展下去。
上述是针对java的Composite组合模式的大致定义及优点。那么他又是怎么运用到我们android系统的UI架构中的呢?经分析不难发现,我们的5大布局中均有体现,当我们new 一个布局时,往往不忘在里面addView添加自己的内容,如textview,edittext,及其布局控件等等。当我们需要删除时也不忘removeView等方法删除某些view控件。一方面这些布局文件既可以添加基本控件,又可以添加布局(类比AWT)。这样也形成了一个树状的层次结构。
如下一个简单的例子。
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/v_loading"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical"
android:background="@color/white"
>
<LinearLayout
android:id="@+id/l_tupian"
android:layout_width="320px"
android:layout_height="197px"
android:orientation="vertical"
android:layout_gravity="center_horizontal"
android:background="@drawable/loading"
>
</LinearLayout>
<LinearLayout
android:id="@+id/l_wenzi"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
android:layout_gravity="center_horizontal"
>
<TextView
style="@style/myStyle_Text1"
android:id="@+id/tv_wenzi"
android:layout_width="match_parent"
android:layout_height="45px"
android:text="@string/str_loadtext_gd"
android:layout_gravity="center_horizontal"
/>
<TextView
android:id="@+id/tv_version"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textColor="@color/red"
android:text="@string/str_version"
android:gravity="right"
/>
</LinearLayout>
<LinearLayout
android:id="@+id/l_pb"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:layout_marginTop="30px"
>
<ProgressBar
android:id="@+id/pb_loading"
style="?android:attr/progressBarStyleHorizontal"
android:layout_width="200px"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:max="100"
/>
<TextView
style="@style/myStyle_Text2"
android:id="@+id/tv_loadinfo"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:gravity="center"
android:paddingLeft="10px"
android:textColor="@color/red"
/>
</LinearLayout>
<LinearLayout
android:id="@+id/widget34"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
>
<TextView
style="@style/myStyle_Text2"
android:id="@+id/tv_copyright"
android:layout_width="wrap_content"
android:layout_height="45px"
android:text="@string/str_copyright_gd"
android:layout_gravity="center_horizontal"
android:gravity="center"
/>
</LinearLayout>
</LinearLayout>
相关文章推荐
- Android UI体系中的Observer设计模式
- 精通android体系架构、mvc、常见的设计模式、控制反转(ioc)
- AndroidのUI体验之ImmersiveMode沉浸模式
- 【Android 学习】隐藏导航控件&全屏UI模式
- Android 新兴的UI模式——侧边导航栏
- 精通android体系架构、mvc、常见的设计模式、控制反转(ioc)
- 牛逼的Android UI--第18章 与用户交互相关的设计模式 (下1)
- 牛逼的Android UI--第18章 与用户交互相关的设计模式 (下3)
- android通过观察者模式实现更新UI
- AndroidのUI体验之ImmersiveMode沉浸模式
- 精通android体系架构、mvc、常见的设计模式、控制反转(ioc)
- Android 4.4全屏模式 沉浸模式报错:SYSTEM_UI_FLAG_IMMERSIVE cannot be resolved or is not a
- Android 4.4 UI体验之ImmersiveMode沉浸模式-android
- iPhone和Android UI模式比较列表
- Android UI 窗口体系 —— 源码阅读
- AndroidのUI体验之ImmersiveMode沉浸模式
- 牛逼的Android UI--第18章 与用户交互相关的设计模式 (中)
- Android 新兴的UI模式——侧边导航栏
- Android界面UI控件的夜间模式及隐藏
- 十二、android UI view 继承体系树形图