Android UI基础知识
一、Android UI组件的概述
    在Android应用程序开发过程中,主要就是对界面UI的设计与控制,android中的UI元素包括:Activity、View、ViewGroup和布局。Activity不是View但是包括View,View是常说的“组件”或者“控件”。
1、View
在Andorid应用程序中,UI元素称为View,它们都继承了android.view.View类。View有众多的子类,包括ViewGroup、基础控件、高级控件和布局。
    基础控件主要包括:Button、ImageButton、ToggleButton、TextView、RadioButton、CheckBox、ImageView、ProgressBar、SeekBar等。
2、ViewGroup
    android.view.ViewGroup类是android.view.View重要的子类,ViewGroup类通常叫做“容器”,
它就是由个控件组成的复杂控件,因为它也是View类的子类,所以本身也是控件。
    ViewGroup是高级控件的和布局的父类,高级控件是和布局与基础控件一样都是不指具体那个类,而是一类容器的总称。
    高级控件都直接或者间接的继承了android.view.ViewGroup类,常用的高级控件主要包括:AutoCompleteTextView、Spinner、ListView、GridView、Gallery等。
3、布局管理
    布局是指导把各个UI元素在手机屏幕上进行布置。常用的布局包括以下几个:
1) FrameLayout(框架布局),通常也叫做帧布局。
2) LinerLayout(线性布局),让所有的UI无成为单一方向的布局。
3) AbsoluteLayout(绝对布局),让所有的UI元素准确的(x ,y)坐标值进行放置。
4) RelativeLayout(相对布局),将子元素的放置位置与其它元素的位置相关放置。
5) TableLayout(表格布局),将子元素的位置分配到行或者列中。
注:布局文件可以嵌套使用,从而使布局做出非常精彩的UI。现在只是做一个概述,在以后的话题中,将专门进行细说。
二、UI设计工具介绍
    Android的UI设计器很少并且都有不足处,目前,常用的Android界面设计器主要有两个:一种是DroidDraw;另一种是Eclipse中的ADT插件设计器。
1、DroidDraw设计器
    DroidDraw设计器是目前比较流行的UI设计器,可以通过
/droiddraw或者le/p/droiddraw/downloads/list下载。
    DroidDraw设计器如下图所示:
图1 DroidDraw界面示意图
注:由于DroidDraw设计器是由Java编写的,所以在运行之前必须安装JDK或者JRE,即Java运行环境。
    通过DroidDraw设计器可实现运用鼠标拖动完成界面图示设计,完成图设计后,点击“Generate”按钮,可以生成XML文件,将XML文件从output区域复制到应用程序布局中,就完成布局文件的设计了,示例如下图2所示:
view ui框架
图2 DroidDraw设计UI事例
设计区中产生的XML代码设计代码如下:
<?xml version="1.0" encoding="utf-8"?>
<AbsoluteLayout
    android:id="@+id/widget0"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    xmlns:android="schemas.android/apk/res/android">
<Button
    android:id="@+id/widget32"
    android:layout_width="113dp"
    android:layout_height="wrap_content"
    android:text="Button"
    android:layout_x="168dp"
    android:layout_y="253dp" />
<EditText
    android:id="@+id/widget33"
    android:layout_width="115dp"
    android:layout_height="wrap_content"
    android:text="EditText"
    android:textSize="18sp"
    android:layout_x="28dp"
    android:layout_y="255dp" />
<AnalogClock
    android:id="@+id/widget34"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_x="70dp"
    android:layout_y="74dp" />
</AbsoluteLayout>
产生的代码只要做出适应的修改即可使用。
2、ADT插件设计器
    ADT设计器是另一种比较流行的UI设计器,它是Eclipse安装ADT插件时已经安装完成,在程序开发时可以直接应用,其界面如下图3所示,其中图中的上半部分为图形设计界面,下半部分为代码设计部分。
图3 ADT界面设计器
ADT设计器与DroidDraw的区别在于,ADT设计的文件将自动的保存到工程中,为应用开发应用程序服务,而DroidDraw设计的布局文件还需要复制到工程中,并且做出适当的修改后才能适用工程。
    至此,UI界面设计工作就可以实现了,实现好UI设计后还要实现对界面上可能产生的事件进行处理响应,这将是以后细节谈论的话题。一个好的UI设计能够为应用程序增添不少的分。
更多信息,请关注博客blog.sina/u/2726952293

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。