实验二_Android程序UI界面设计

【目的】And 【要求】

1、2、3、4、5、【原理】

1、实验】

roid程序设计】 了解Android 掌握各种UI控

掌握UI设计完成课堂练完成课后作业

】 掌握各种基本验二、An 计基础；熟悉d程序设计基控件的基本功的方法

习

业，并且提交

本控件的基本ndroid 程悉各种UI控件基础

功能和用法交实验报告

本功能和用法程序UI 件并且进行U

法，常用的控界面设计UI设计。

控件包括：

计

2、Abs Grid ListL Tabl 【参考过1、2、换到UI 设

1所示。选择“C

框，在此“Linear 3、 了解各种布局oluteLayout dView 、 Layout 、 leLayout

过程】

新建一个名为双击Layout 设计界面（默在此屏幕上Change Layou 此对话框的“rLayout （Vert 将Form

Wid

局Layout 的基、

Fram

Linea

Radi … 为Lab02的A →activity_m 默认布局为R 上点击鼠标右t…”，出现““New Layout tical ）”修改 dgets 中的

Bu 基本功能和用meLayout 、arLayout 、oGroup 、 Android Proje ain.xml 文件

RelativeLayou 右键，在弹出“Change Layo t Type ”下拉布局。

utton 拖入屏图

2用法

ect

件，即可切ut ），如图出式窗口中

out ”对话拉框中选择

屏幕中，如图

2所示。

图1

4、见在代码

5、z Bac

键，如图2所示在码中已经新增修改控件属性方法一：

单击Butto

kground 、Te 选择“

Show

在屏幕下端从增了Button 性

on ，在窗xt 等。如果没w In ”→“

P 从Graphical 的xml 代码，图3口右边的pr 没有出现Pro roperties ”即图

4Layout 切换至如图3所示

roperties 窗operties 窗口即可，如图

至activity_m 示。 口中修改口，选中Butt 4所示。

main.xml ，可相应的属性，ton

，点击鼠标以看如

标右

z 直接

android:t 看到But 【课堂练1、 方法二：

接在activity text="Yes, I D tton 的文本内练习】

实现如图6

所y_main.xml 文Do"，如图5内容已经被修

所示的界面，文件中修改。所示。再次修改。

图5，此界面的整图

6。如修改B 切换到Grap

整体布局参考

utton 的文本phical Layout 考图7。

本内容，则输

预览页面，可输入可以

2、如图

如何实现布局在控件Dat 图8

所示，可局间的水平排tePicker 所属可以实现

Date 图7排列

属的Layout 中ePicker 与Bu 图

8

中，加入and utton 并排排

roid:orientat 排放，如图

9ion="horizon 所示。

ntal"

，

3、And

控件的颜（1对话框中

（2在Nam

http://to

在控件中如何droid 界面设颜色。

）鼠标右键点中输入文件名）双击color e 和Value

何使用自定义计中，可在点击res/valu 名colors.xml ，rs.xml ，点击中输入相应

m/tools/selec 图9义颜色

res/values 文ues 文件夹，并在Resou 图10击Add ，在弹应的值，如图ctcolor.aspx

）

文件夹中定义打开new →urce Type 中选0

出的对话框中图11所示。

义colors.xml Android XML 选择Values ，中选择Color 。

（具体颜色文件实现自L Files ，在出现

如图10所示r ，然后点击

色值可参考网定义现的示。 击OK ，

网站

（3自定义的

4、在s

使用如下and 方法

and ）保存后，在的颜色，例如如何自定义strings.xml 文tring ‐array A <B O AB

android:draw main.xml 文件textColor="@图11件

tring ‐array 定oods">

文件中，将上@array/Blood n 如何使用背s/drawable 文资源文件。

launcher"（图码，使用系统

wable/ic_inpu 件中可通过调@color/TextV 1

定义数据源，上面的string ‐a s"。

背景图

文件夹，然后在图片文件名后统资源文件。t_add"

调用“@colo View1"。 如下所示：array 赋值给在activity_m 后不需要加后

r/Name ”来使给Spinner 控件ain.xml 文件后缀）

使用件的

中，