Android的UI结构研究

    View是一个派生自java object的组件，Android的UI是以View组件为基础元素的，所有的显示全部来自于view(android.view.View)。View是一个基本类为android.widget包服务。widget包里面包含了绝大多数的UI组件和排版规则(layout),其中包含有TextView,EditText,Button,radioButton,Checkbox,progressbar...等等等很多很多的组件,这里暂不一一列举.在这里view其实相当于component。

     ViewGroup是一个派生自view的对象,它是一个用来装载和管理下一层view组件的一个容器,可以装入view和viewGroup,其中很多layout,还有gallery,spinner,datepicker等都是派生自viewGroup.,相当于有多个小组件组成的一个整体的组件.这里viewgroup相当于container.

 

用图表示基本的UI组件之间的关系的话,如下:

 

此图并没有完全写上详细的UI组件.只是简要的介绍部分组件之间的一些派生关系.

 

高级界面分析:

关于viewgroup其中几个常用的排版:

FrameLayout 指定一个区域,只在左上角一层一层的累加

LinearLayout 纵向或者横向排列(系统自动生成的默认排版)
      主要参数android/Orientation="vertical"//竖向排列
              android/Orientation="horizontal"//横向排列

AbsoluteLayout 可以直接指定坐标
      主要参数:组件设置:
              android:layout_x="0px"
              android:layout_y="0px"

TableLayout 表格
主要参数设置:
<TableLayout>

    <TableRow > 

        <TextView />

        <TextView />

        <TextView />

    </TableRow>

    <TableRow >  

        <TextView />

        <TextView />

        <TextView />

    </TableRow>

</TableLayout>

 
关于Viewgroup其中几个常用的组件(其实也是排版):
Gallery

 一个以水平滚动方式显示有序图片列表的显示器

GridView 

 显示一个可滚动的有m列n行的表格

ListView

 显示一个可滚动的单列列表

PopupList

 一个独立的带边框的元素弹出列表

ScrollView

 一个垂直的元素滚动列

Spinner

 在一个单行文本框中，同时只显示一个有序列表中的一个项。类似于一个可以水平或垂直滚动的单行listbox

SurfaceView

 提供直接访问一个可画图的界面。可以控制在界面顶部的子视图层。SurfaceView是提供给需要直接画像素而不是使用窗体部件的应用使用的。

TabHost

 提供一个页签选择列表，监视点击并在一个页签被点击时保证应用切换屏幕。

ViewFlipper

 一个在单行文本框中同一时刻只显示一项的列表组件。它可以根据时间周期切换显示项，类似一个幻灯机。

ViewSwitcher 

 类似ViewFlipper
==========

以上的一些可能存在一些数据绑定的组件排版,一般都派生自AdapterView类,其中Adapter是将数据绑定到UI界面上的桥接类.Adapter是一个接口类。

     以上是android自带的UI组件.当然如果觉得不爽的话,可以自己写组件.一般来说只要把自己需要的组件派生自对应的UI组件,然后重写相关方法就OK了.(如果玩低级界面的话个人建议派生自View)

下面针对要编写的界面进行一些说明:

      下面这张图是一个简单的UI结构,基本上android所有的UI都是基于树结构的.

 

其中ViewGroup可能是LinearLayout 等layout,或者Spinner等复合UI组件.

其中的View可能是TextView,EditText,Button,radioButton,Checkbox....等等

其中viewGroup对自己的子节点负责.而所有的view只管自己画自己.(家长制原则)

引用别人说的话,加强理解:
        android世界是个等级严明的封建主义社会。每一个viewgroup都管理着他的子节点。然后通过调用子节点的draw()方法让这些子节点一个个对着镜子画自己。子节点也能怯生生的询问viewgroup自己画成什么样比较好看。（比如自己在大家庭中的地位啊（位置），身材尺寸啊什么的。但是父节点拥有最终解释权。没有父节点就没有android嘛。父节点说什么，子节点就必须是什么。）

自定义类的调用,以及低级界面的分析:

针对低级界面,准确的来说是由界面单独显示独立的一个空View组件,然后重写相关的方法,比如ondraw ontouch,onkeydown等方法来实现的.

简单的示例实现方法:

1.创建一个新的java文件,

2.将此类派生自view方法.创建初始化方法和ondraw,ontouchevent方法.

public class MyView extends View {
  public MyView(Context context){super(context, attrs, defStyle);
  protected void onDraw(Canvas canvas){super.onDraw(canvas);}
  public boolean onTouchEvent(MotionEvent event){return true;}
}

3.创建一个paint实例,然后开始写相关的低级界面绘画内容.

4.在Activity里面,在onCreate注释掉原来的setContentView方法,加入2行代码:
MyView mv= new MyView(this);
setContentView(mv);

5.打开调试模式,测试相关绘画结果.

如果是用xml调用的话,只要将myView的初始化方法准备齐全.然后在xml中输入:
  <LinearLayout xmlns:android=http://schemas.android.com/apk/res/android android:layout_width="fill_parent"
android:layout_height="fill_parent">

<com.ikags.lowleveldemo.MyView
android:id="@+id/myview01"
android:layout_width="fill_parent"
android:layout_height="fill_parent"/>

</LinearLayout >
然后Activity继续原来的setContentView(R.layout.main)方法即可.这里需要注意的是你的view需要用全路径来展示.

针对高级界面和低级界面组件混合显示:

        混合显示高级界面和低级界面其实和全部高级界面的显示类似.但是在编写相关的view类的代码的时候需要添加方法.
  protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec){
setMeasuredDimension(320, 640); //输入UI组件大小
}

作用是设置本身UI控件的大小,如果没有设置的话,在UI组件混用的情况下是无法显示出来的.
然后按照正常的xml编辑方法去做.