2-用户界面(UI)设计

文本编辑框——EditText
EditText是接收用户输入信息的最重要控件，用于在屏幕上显示文本输入框 支持单行、多行文本的输入，也支持指定格式文本的输入（如密码、电话等） 语法格式如下：
<EditText 属性列表
> </EditText>
EditText常见的xml属性列表
XML属性 android:hint
观察下图所示的界面，思考各个控件的排列方式。
<TextView 属性列表
> </TextView>
TextView的xml属性列表
XML属性 android：id android：text android：textColor android：textSize android：textStyle android：background android：layout_height android：layout_width android：gravity
字符资源的 值
Androwk.baidu.comd颜色资源的定义
颜色资源的定义文件在有些版本的平台上创建工程时不会自动生成，需要用户创建 创建资源文件需要创建新的Android xml file 下面看一下颜色资源的定义
Android尺寸资源的定义
尺寸资源的定义方式类似于颜色资源的定义，其度量单位如下： ① dip/dp: 依赖于设备的像素. 不同设备有不同的显示效果, 和设备硬件有关 ② px: 像素. 不同设备显示效果相同 ③ pt,mm,in：都是一个标准的长度单位，1pt＝1/72英寸 ④ sp: 放大像素. 主要用于字体显示
3 Android的基本控件
Android基本控件是开发Android程序必要的工具类。 Android中控件类都是View类的子类 View类是Android中专门的显示类
文本显示组件——TextView
在Android开发中，TextView是最常用的组件之一，主要用于静态显示。 可以显示单行、多行文本，以及带图片的文本。 语法格式如下：
Android布局资源的定义
Android中的布局用来定义Activity的显示样式 布局资源是以文件为单位在R.java中被记录的，即一个布局文件是一个资源 定义中涉及的内容包括控件和控件的排列方式 布局文件中往往需要引用资源，在xml文件中被引用的方式如下：
<TextView android: text =“@string/s1”/>
必须是系统中存在的一 个类的名称
<Button android:layout_width=“***”/>
<Button android:name=“***”>***</Button>
属性设置，加上前缀 android: name是属性名
2 Android应用中的资源定义与引用
界面用xml实现的“布局”文件定义 布局文件定义界面上显示哪些内容，如何显示 定义过程中要用到“资源”，比如文字、图片、颜色、样式等 Android中跟界面显示相关的内容都是资源 Android的资源都在res文件下组织在一起 R.java文件是资源目录
Android程序由两部分组成： *.xml 文件配置组件和 *.java 程序取得组件。 XML，即可扩展标记语言，它被用来传输和存储数据。 所以，使用XML来布局界面应该是首选。
XML语言
可扩展标记语言，其格式与HTML语言类似
用户可以通过定义类来扩展XML里面的标记 形式：
课堂任务2-2
添加一个EditText 设置hint属性 运行程序，体会hint与text的区别
按钮组件——Button
Button按钮组件用于在UI界面中生成一个可以单击的按钮。 当用户单击该按钮时，即可触发一个onClick事件，通过添加它的单击事件监听器触发相应的
动作。 语法格式如下：
<Button 属性列表
> </Button>
课堂任务2-3
添加一个Button 按钮上显示“确定” 问题思考：
可否让三个控件在一行中对齐显示排列？ 可否通过代码来设置三个控件？
4 任务实施
在Eclipse下创建一个Android项目，命名为“姓名拼音2_1”，实现环境状态值范围设置 界面的开发。
说明 设置该TextView的id值 设置显示文本 设置本文颜色，值为 #后加6位16进制数 设置文字大小，度量单位为sp 设置文字的显示风格，粗体（bold）、斜体（italic） 设置背景颜色 设置文本区域的高度 设置文本区域的宽度 设置文本框内文本的对齐方式
课堂任务2-1
新建一个TextView 显示文字为“姓名” 大小、颜色、位置可自定义
Android图片资源的定义
图片资源是工程中用到的图片 建议用png格式 图片资源存储在res下drawable开头的目录下 添加方式是直接把图片文件放入drawable目录下 图片放入drawable内后，R.java的drawable内部类会增加一个以图片名称命名的静态常量 R.java中增加的常量表示系统已经添加了图片资源的信息
定义一个文字 显示标签
设置标签的text属 性，即标签上显 示的文字
@ 是引：用表资示源此处s的的tr类相in型应g：，的被对内应应部S符引1R类串:.用被j的a的v资引名a名源中用称称的字
课堂任务1
定义红#ff0000、黄#ffff00、蓝#000fff三个颜色资源； 定义15sp和25sp两个不同的尺寸资源； 修改新建工程中布局文件，设置TextView的属性； 把显示的字体设置为红色、25sp大小，运行程序看结果。
android:inputType android:password
说明
为空时显示的文字提示信息，可通过textColorHint设置提 示信息的颜色 用于指定当前文本框显示内容的文本类型，其可选值有 textPassword、textEmailAddress、phone和date等；并 可以同时指定多个，使用“|”分隔 以“.”显示文本
Android文字资源的定义
android中文字资源用string定义 资源定义的文件存储在values文件夹下 下面我们看一下字符串的定义及R.java的变化
根元素类型为 resouSrtcreisn,g:资源类 表明在型定名义，资表明定义 源 的是字符资源
name:字符 字符资源 资源的名称 的名称 属性
用户界面（UI）设计
任务描述
运用所学知识，完成“环境状态值范围设置模块”的UI界面设计与布局 界面布局如下图所示
学习目标
掌握XML的编程方式 掌握Android资源定义的方法 掌握标签的使用和属性的设置方式 掌握TextView、EditText和Button的定义方法
1 UI界面设计基础