您的位置:首页 > 产品设计 > UI/UE

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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: