实验2 UI界面开发--布局管理器的使用

实验2、View及布局管理器的使用

一、实验目的

1、了解View类、ViewGroup的作用

2、掌握常用布局管理器的使用

3、掌握XML界面控制的设计方法

4、从本周起，以后每次小课的实验内容，要求上传FTP。

二、实验步骤

1、线性布局的例子，补充代码，使程序运行效果如下所示

图1 线性布局

LinearlayoutDemo.java代码不用做任何修改，直接通过main.xml文件控制UI 界面。

下面是布局文件main.xml中的内容，请补充完整，实现图1中的界面：

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:orientation="vertical">//排列方式（horizontal水平排列，vertical垂直排列）

android:id="@+id/firstText"

android:layout_width=" fill_parent "

android:layout_height="wrap_content"

android: layout_weight ="2"//设置所占相对宽度

android:background="#aa0000"

android:gravity="center_vertical"//设置主件对齐方式

android:singleLine="true"//若为true，看不到的文字用……表示

android:text=" 广州大学华软软件学院"

android:textSize="15pt"/>

android:id="@+id/secondText"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android: layout_height ="1"

android:background ="#0000aa"

android:gravity ="center_vertical"

android:text="软件工程系"

android:textSize="15pt"/>

2、相对布局管理器的使用，补充代码，使程序运行的效果如下图所示：

图2相对布局运行效果

RelativeLayoutDemo.java中的源代码如下所示：

下面是布局文件main.xml中的内容，请补充完整，实现图2中的界面：

android:layout_width="fill_parent"

android:layout_height="fill_parent"

>

android:id="@+id/label"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:text="Type here:"

android:textSize="12pt"

android:textStyle="bold"

android:textColor="#AA0000"

android:layout_marginBottom ="15dip"/>

android:id="@+id/entry"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:background="@android:drawable/editbox_background"

android:layout_above="@id/label"/>

android:id="@+id/ok"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_below="@id/label"

android:layout_alignParentRight="true"

android:layout_marginLeft ="10dip"

android:text="OK"/>

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignBaseline="@+id/ok"

android:layout_toLeftOf ="@+id/ok"

android:layout_alignTop ="@+id/ok"

android:text="Cancel"/>

3．布局管理器的嵌套，编写程序，在模拟器中实现如下的效果界面，选择合适的布局管理器。