Android UI基础控件教程介绍

 Android UI基础控件介绍

可能有人认为UI控件就是拖拖控件、设置一些属性、把空间拼装起来而已，并没有什么很高的技术含量。但实际上并不是如此简单，特别是安卓手机客户端开发里面的一些复杂界面、带有动画的以及一些其他的不规则的特效，这些UI控件真的是只有想不到，没有做不到。

学习对象

1.有初步java语言基础；

2.对移动应用开发感兴趣的技术人员。

学习后掌握的技能目标

1.掌握Android基础UI控件；

2.掌握Android五大布局的用法；

3.掌握listViewer、BaseAdapter等容器控件的用法；

4.掌握webView的用法，及Android与js交互的方法；

5.掌握主题、样式、popup及window的用法；

6.掌握自定义view和viewGroup的用法。

UI控件在Android的开发中所占的比率比较大，同时它的知识点相对比较零散，但是只要抓住了规律，跟随课程学习下来，就会发现并没有想象中那么困难。

思考

 

这个界面包含哪些元素？

1）从宏观的角度来讲，我们很容易找到一些通用的元素，如标题上所显示的小米账号登陆，以及账号和密码，这三个地方都是直接显示了一段文本。

2）账号和密码的右边，需要放置一个输入框，接受用户输入的账号和密码。

3）下面的登陆按钮和右上角的注册按钮，当用户点击这两个按钮时，会触发一些操作。

4）左上角向左的图标，当用户点击这个图标时，可能需要返回到上层界面。

这些元素有哪些相同点？

1）从这个界面上我们可以看出来，向左的图标以及小米账号登陆文本以及右边的注册按钮，这三个地方的内容显示都是在标题栏里面，下面的账号密码以及账号和密码的输入框，这一块内容又是在一个整体的页面。我们可以将整个页面分成3块，这就是位置分区。

2）可以通过文本的字体颜色进行划分，如小米账号登陆显示的6个字是白色的，下面的账号和密码的文本颜色是灰色的，以及右面的输入框里面的字体是浅灰色的，同时，标题栏有一个背景是蓝色的，登陆按钮的背景是白色的，同时可以观察到一些字体的大小，如小米账号登陆和右边的注册两个字，它的字体的大小明显是不一样的，注册两个字明显小一些，以及下面的忘记密码，可以看到下面有一个下划线。从这些界面元素所呈现的内容上面，我们可以观察到这些界面元素有一些相同点，也有一些不同点。即这些界面元素可以有各自的属性，如字体大小、字体颜色、是否有下划线以及字体的背景等等。这种类型的相同点可以归类为元素的属性。

从上面的例子我们可以看出，如果你想让安卓的设备显示出这样的一个界面，实际上开发者最关心的是这些界面元素的位置如何分区、分块，以及这些界面元素的基本属性如何设置，如开发者如何设置字体的大小、字体的颜色，以及文本所显示的内容，这些才是开发者最需要关心的。

视图组建View

所谓的视图组建都是从view类继承过来的，如上图所看见的文本框、输入框，这些基本的界面元素，都是从此类继承。

View类

是Android所有UI组件的父类，它代表了屏幕上一块空白的矩形区域。至于这块空白的区域内应该显示什么内容，这个工作就交给具体的界面元素来处理。如文本框应该显示什么样的内容，按钮、输入框、图标等这些具体的界面元素就会实现安卓的方法。

ViewGroup类

作为其它UI组件的容器使用，ViewGroup是View的子类。最主要的是帮助我们对这些界面元素进行位置分区，需要注意的是，此类同样有宽和高以及在屏幕上所显示的位置，只是此类的方法只是循环调用容器里面所有的UI控件的安卓方法，将容器里面的所有安卓控件逐一绘制出来。

下面通过一个界面草图来理解View类和ViewGroup类的关系，这个长方形的方框是一个手机屏幕，在这个手机屏幕里面，首先显示的是一个ViewGroup，也就是蓝色的ViewGroup，在这个蓝色的ViewGroup里面又有两个棕色的ViewGroup，在两个ViewGroup里面都包含了一个文本View和按钮View。也就是当我们从手机上看到一款应用时，它的分层是类似于这种结构，这是一种视觉上的层次关系。

 

 在逻辑上，我们可以这样来理解它，首先有一个安卓的设备，在设备屏幕上面，显示了一个 ViewGroup，这个ViewGroup比较大，可能会充满屏幕，在这么大的ViewGroup里面，显示了两个稍微小一点的ViewGroup，在上半部分的ViewGroup里面，又显示了一个文本框和一个按钮，在下半部分的ViewGroup里面，也可以显示一些基本的界面元素，如文本框、按钮、输入框、图标等等。实际上安卓的系统也是经历过这样的逻辑层次关系，计算显示屏幕锁需要的内容。

 

应用界面的组成：Android 的所有UI组件都是建立在View、ViewGroup的基础之上。对于一个Android应用的图形用户界面来说，ViewGroup作为容器来盛装其他组件，ViewGroup里除了可以包含普通View组件之外，还可以再次包含ViewGroup组件。

控制UI控件行为的方式

1.在xml布局文件中通过xml属性进行控制；

2.在Java程序代码中通过调用set等方法控制。

实际上不管使用哪种方式，它们控制用户界面行为的本质是完全一样的，大部分时候，控制UI组件的XML属性还有对应的方法。View类是所有UI组件的基类，因经它包含的XML属性和方法是所有组件都可使用的。下面看一下View类所包含的通用的xml属性和方法。