实验二_Android程序UI界面设计.docx

《实验二_Android程序UI界面设计.docx》由会员分享，可在线阅读，更多相关《实验二_Android程序UI界面设计.docx（18页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、实验二_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 新建一个名为双击Layout 设计界面（默在此屏幕上Change Layou 此对话框的“rLayout （Vert 将Form Wid

2、局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所示在码中已经

3、新增修改控件属性方法一： 单击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 实现如图6 所y_main.xml 文Do，如图5内容已经被修 所示的

4、界面，文件中修改。所示。再次修改。 图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 界面设颜色。 ）鼠标右键点中

5、输入文件名）双击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自

6、定义的 4、在s /item ay _main.xml 文id:entries=ImageButto 图片放入res 调用项目资drawable/ic_如下所示代码 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 文件后缀） 使用件的 中， 实验遇到的打开MainAc activity_main 对比实验二前问题和解决方ctivity.java 文n.xml 文件相前后的 R.jav 方法，实验心文件，为每行关。 a ，解析一下心得等。 行代码注释，下R.java 在一解释其用途一个Android 项途，并指出哪一 项目中的作用一行用。