用户界面UI设计.pptx

用户界面UI设计.pptx

《用户界面UI设计.pptx》由会员分享，可在线阅读，更多相关《用户界面UI设计.pptx（22页珍藏版）》请在冰点文库上搜索。

,用户界面（UI）设计,运用所学知识，完成“环境状态值范围设置模块”的UI界面设计与布局界面布局如下图所示,掌握XML的编程方式掌握Android资源定义的方法掌握标签的使用和属性的设置方式掌握TextView、EditText和Button的定义方法,Android程序由两部分组成：

*.xml文件配置组件和*.java程序取得组件。

XML，即可扩展标记语言，它被用来传输和存储数据。

所以，使用XML来布局界面应该是首选。

可扩展标记语言，其格式与HTML语言类似用户可以通过定义类来扩展XML里面的标记形式：

*,界面用xml实现的“布局”文件定义布局文件定义界面上显示哪些内容，如何显示定义过程中要用到“资源”，比如文字、图片、颜色、样式等Android中跟界面显示相关的内容都是资源Android的资源都在res文件下组织在一起R.java文件是资源目录,图片资源是工程中用到的图片建议用png格式图片资源存储在res下drawable开头的目录下添加方式是直接把图片文件放入drawable目录下图片放入drawable内后，R.java的drawable内部类会增加一个以图片名称命名的静态常量R.java中增加的常量表示系统已经添加了图片资源的信息,android中文字资源用string定义资源定义的文件存储在values文件夹下下面我们看一下字符串的定义及R.java的变化,根元素类型为resources,表明在定义资源,String:

资源类型名，表明定义的是字符资源,name:

字符资源的名称属性,字符资源的值,字符资源的名称,颜色资源的定义文件在有些版本的平台上创建工程时不会自动生成，需要用户创建创建资源文件需要创建新的Androidxmlfile下面看一下颜色资源的定义,尺寸资源的定义方式类似于颜色资源的定义，其度量单位如下：

dip/dp:

依赖于设备的像素.不同设备有不同的显示效果,和设备硬件有关px:

像素.不同设备显示效果相同pt,mm,in：

都是一个标准的长度单位，1pt1/72英寸sp:

放大像素.主要用于字体显示,Android中的布局用来定义Activity的显示样式布局资源是以文件为单位在R.java中被记录的，即一个布局文件是一个资源定义中涉及的内容包括控件和控件的排列方式布局文件中往往需要引用资源，在xml文件中被引用的方式如下：

定义一个文字显示标签,设置标签的text属性，即标签上显示的文字,：

表示此处是引用资源,string：

被应引用资源的类型，对应R.java中的相应的内部类的名称,S1:

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

课堂任务1,Android基本控件是开发Android程序必要的工具类。

Android中控件类都是View类的子类View类是Android中专门的显示类,在Android开发中，TextView是最常用的组件之一，主要用于静态显示。

可以显示单行、多行文本，以及带图片的文本。

语法格式如下：

新建一个TextView显示文字为“姓名”大小、颜色、位置可自定义,课堂任务2-1,EditText是接收用户输入信息的最重要控件，用于在屏幕上显示文本输入框支持单行、多行文本的输入，也支持指定格式文本的输入（如密码、电话等）语法格式如下：

添加一个EditText设置hint属性运行程序，体会hint与text的区别,课堂任务2-2,Button按钮组件用于在UI界面中生成一个可以单击的按钮。

当用户单击该按钮时，即可触发一个onClick事件，通过添加它的单击事件监听器触发相应的动作。

语法格式如下：

添加一个Button按钮上显示“确定”问题思考：

可否让三个控件在一行中对齐显示排列？

可否通过代码来设置三个控件？

课堂任务2-3,在Eclipse下创建一个Android项目，命名为“姓名拼音2_1”，实现环境状态值范围设置界面的开发。

观察下图所示的界面，思考各个控件的排列方式。