《用户界面设计及常用基本组件应用》由会员分享,可在线阅读,更多相关《用户界面设计及常用基本组件应用(14页珍藏版)》请在金锄头文库上搜索。
1、北华航天工业学院基于Android的移动云计算开发实验报告报告题目:用户界面设计及常用基本组件应用作者所在系部:作者所在专业:作者学号:作者姓名:指导教师姓名:完成时间:北华航天工业学院教务处制幼 TableLayout目我评价:性别:出生日期:2014年月15日姓名:张三丰个人档案积极向上,自信提交4年9月15日出生 工作2014年9月15日喜欢体6:45:01 am个爱工年o女作限人好用户界面设计及常用基本组件应用一、实验目的1. 掌握界面布局设计的方法和技术;2. 常用基本组件的属性、方法和事件的使用;3. 应用常用基本组件设计应用程序。二、实验内容表1 :全局设置:列属性设置该列可伸展
2、该列可收缩I我向行方向伸展,我可以很长我向列方向收缩,我可以很深表2:单元格设置:指定单元格属性设置第0列第1列 第2列我被指定在第1列我跨1到2列,不信你看!表3 :应用一,非均匀布局一俩字三个字表4 :应用二,均匀布局俩字三个字1. 使用线性布局的嵌套实现如图1所示的效果。2. 使用表格布局的嵌套实现如图2所示的效果。(其中包含4个表格布局,第1个TableLayout,用 于描述表中的列属性。有3列,第0列可伸展,第1列可收缩,第2列被隐藏;第2个TableLayout, 用于描述表中单元格的属性,包括:android:layout_column 及 android:layout_spa
3、n;第 3 个 TableLayout, 使用可伸展特性布局;第4个TableLayout,使用可伸展特性,并指定每个控件宽度一致)3. 使用相对布局实现如图3所示的效果。4. 编写应用程序实现EditText的取值、全选、部分选择和获取选中文本,效果图如图5所示。5. 编写应用程序实现个人基本资料小程序(包括姓名、性别、出生日期、工作年限、个人爱好、自 我评价等信息),如图5所示。要求如下:1)提前准备几张照片,当点击ImageView时循环切换照片。2)单击出生日期的编辑框后调出DatePickerDialog以设置出生日期。3)工作年限编辑框只能输入整数,最大长度为2。4)对单选按钮和复
4、选框操作时给出相应提示(比如:你选择了 XX)。5)点击“提交”按钮后,将在个人详细情况文本框中显示,并实现跑马灯效果。6)对各编辑框做内容校验,如果内容不符合要求则给出提示信息。三、实验步骤1.通过线性布局,将界面分成几块,再在每一部分中使用线性布局完成界面设计,主要代码如下:LinearLayoutxmlns:android=http:/ 2使用表格布局,再在表格布局中的加入相关属性,如可隐藏、可收缩等,主要代码如下:.android:id=+id/button4”android:layout_width=wrap_content” android:layout_height=wrap_content” android:text=第 0 歹U” android:layout_column=0”/ Buttonandroid:id=”+id/button5” Button3.使用相对布局,先确定第一张图片的位置,再通过其他图片与第一张图片的相对位置完成布局, 主要代码如下:EditTextandroid:id=+id/middle”android:layout_width=wrap_content”android:layout_height=wrap_content”android:background=dra