实验二Android程序UI界面设计.pdf

实验验二、Anndroid 程程序 UI 界面设计计 【目的】】 Android程序设计计基础；熟悉悉各种UI控件件并且进行UUI设计。 】】 【要求 1、了解Androidd程序设计基基础 2、掌握各种UI控控件的基本功功能和用法 3、掌握UI设计的方法 4、完成课堂练习 5、完成课后作业业，并且提交交实验报告 】】 【原理 1、掌握各种基本本控件的基本本功能和用法法，常用的控控件包括： 2、了解各种布局局Layout的基基本功能和用用法  AbsoluteLayout、、   FrammeLayout、 GriddView 、      LineaarLayout、 ListLLayout、      RadioGroup、   Tabl leLayout    …  【参考过过程】 1、 为为 Lab02 的AAndroid Proje 新建一个名 ect  2、双击 Layout→activity_main.xml 文件件，即可切 换到 UI 设设计界面（默默认布局为 RRelativeLayouut ），如图 1 所示。在此屏幕上上点击鼠标右右键，在弹出出式窗口中 选择“CChange Layout… ”，出现 ““Change Layoout”对话 框，在此此对话框的 ““New Layoutt Type ”下拉拉框中选择 “LinearrLayout （Verttical）”修改布局。                              图 1  3、将 Form Widdgets 中的 Buutton 拖入屏屏幕中，如图 2 所示。  图 22    4 、如图 2 所示在在屏幕下端从从 Graphical Layout 切换至至 activity_mmain.xml，可以看 见在代码码中已经新增增了 Button 的的xml 代码，如图 3 所示示。  图33  5、修改控件属性性  方法一：  单击 Buttoon ，在窗 口口右边的 prroperties 窗 口中修改相相应的属性 ，，如 Background、Text 等。如果没没有出现 Prooperties 窗口口，选中 Buttton，点击鼠标 标右 键，选择“Showw In”→“Properties”即即可，如图 44 所示。  图44  方法二：  直接接在 activityy_main.xml 文文件中修改。。如修改 Button 的文本本内容，则输输入 android:ttext=Yes, I DDo，如图 5 所示。再次 pphical Layout 预览页面，可 切换到 Gra 可以 看到 Buttton 的文本内内容已经被修修改。  图55  【课堂练练习】 1、实现如图 6 所所示的界面，，此界面的整整体布局参考考图7 。  图 66    图77  2、如何实现布局局间的水平排排列