2-用户界面(UI)设计.pptx

用户界面（UI）设计

运用所学知识，完成“环境状态值范围设置模块”的UI界面设计与布局界面布局如下图所示任务描述

掌握XML的编程方式掌握Android资源定义的方法掌握标签的使用和属性的设置方式掌握TextView、EditText和Button的定义方法学习目标

Android程序由两部分组成：*.xml文件配置组件和*.java程序取得组件。XML，即可扩展标记语言，它被用来传输和存储数据。所以，使用XML来布局界面应该是首选。UI界面设计基础1

可扩展标记语言，其格式与HTML语言类似用户可以通过定义类来扩展XML里面的标记形式：Buttonandroid:layout_width=“***”/Buttonandroid:name=“***”***/ButtonXML语言必须是系统中存在的一个类的名称属性设置，加上前缀android:name是属性名

界面用xml实现的“布局”文件定义布局文件定义界面上显示哪些内容，如何显示定义过程中要用到“资源”，比如文字、图片、颜色、样式等Android中跟界面显示相关的内容都是资源Android的资源都在res文件下组织在一起R.java文件是资源目录Android应用中的资源定义与引用2

图片资源是工程中用到的图片建议用png格式图片资源存储在res下drawable开头的目录下添加方式是直接把图片文件放入drawable目录下图片放入drawable内后，R.java的drawable内部类会增加一个以图片名称命名的静态常量R.java中增加的常量表示系统已经添加了图片资源的信息Android图片资源的定义

android中文字资源用string定义资源定义的文件存储在values文件夹下下面我们看一下字符串的定义及R.java的变化Android文字资源的定义根元素类型为resources,表明在定义资源String:资源类型名，表明定义的是字符资源name:字符资源的名称属性字符资源的值字符资源的名称

颜色资源的定义文件在有些版本的平台上创建工程时不会自动生成，需要用户创建创建资源文件需要创建新的Androidxmlfile下面看一下颜色资源的定义Android颜色资源的定义

尺寸资源的定义方式类似于颜色资源的定义，其度量单位如下：dip/dp:依赖于设备的像素.不同设备有不同的显示效果,和设备硬件有关px:像素.不同设备显示效果相同pt,mm,in：都是一个标准的长度单位，1pt＝1/72英寸sp:放大像素.主要用于字体显示Android尺寸资源的定义

Android中的布局用来定义Activity的显示样式布局资源是以文件为单位在R.java中被记录的，即一个布局文件是一个资源定义中涉及的内容包括控件和控件的排列方式布局文件中往往需要引用资源，在xml文件中被引用的方式如下：TextViewandroid:text=“@string/s1”/Android布局资源的定义定义一个文字显示标签设置标签的text属性，即标签上显示的文字@：表示此处是引用资源string：被应引用资源的类型，对应R.java中的相应的内部类的名称S1:被引用的字符串的名称

定义红#ff0000、黄#ffff00、蓝#000fff三个颜色资源；定义15sp和25sp两个不同的尺寸资源；修改新建工程中布局文件，设置TextView的属性；把显示的字体设置为红色、25sp大小，运行程序看结果。课堂任务1

Android基本控件是开发Android程序必要的工具类。Android中控件类都是View类的子类View类是Android中专门的显示类Android的基本控件3

在Android开发中，TextView是最常用的组件之一，主要用于静态显示。可以显示单行、多行文本，以及带图片的文本。语法格式如下： TextView 属性列表 /TextView文本显示组件——TextView

TextView的xml属性列表XML属性说明android：id设置该TextView的id值android：text设置显示文本android：textColor设置本文颜色，值为#后加6位16进制数android：textSize设置文字大小，度量单位为spandroid：textStyle设置文字的显示风格，粗体（bold）、斜体（italic）android：backg