实验2 Android应用界面开发(1)

实验2 Android应用界面开发(1)

一、     实验目的

1、了解View类、ViewGroup的作用

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

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

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

二、     实验步骤

1、简要概括View和ViewGroup作用。

答：

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

 

 

图1 实验效果图

 

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

 

package com.confidant.lab2_2;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import com.confidant.lab2_2.R;

/**
 * @author xuhaixin
 */

public class RelativeLayoutDemo extends Activity {

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
	}

	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
		// Inflate the menu; this adds items to the action bar if it is present.
		getMenuInflater().inflate(R.menu.main, menu);
		return true;
	}

}

 

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

 

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:layout_margin="12sp" >

    <TextView
        android:id="@+id/label"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="@string/typehere"
        android:textColor="#AA0000"
        android:textSize="12pt"
        android:textStyle="bold" />

    <EditText
        android:id="@+id/entry"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/label"
        android:background="@android:drawable/editbox_background"
        android:hint="@string/hint" />

    <Button
        android:id="@+id/ok"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_below="@id/entry"
        android:layout_marginLeft="10dip"
        android:text="@string/ok" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBaseline="@+id/ok"
        android:layout_alignBottom="@+id/ok"
        android:layout_toLeftOf="@+id/ok"
        android:text="@string/cancle" />

</RelativeLayout>

 

strings.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>

    <string name="app_name">RelativeLayoutDemo</string>
    <string name="action_settings">Settings</string>
    <string name="typehere">Type Here:</string>
    <string name="ok">OK</string>
    <string name="cancle">Cancle</string>    
    <string name="hint"></string>

</resources>

 

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

提示：

1、所示界面最外层的布局管理是线性布局，接着放置了一个Button组件,用于显示一句话，如图中所示。

2、接着是嵌入了一个框架布局，4个TextView叠在一起，颜色的属性值从外到内依次为：#0000bb、#004433、#00aa00、#00dddd。

3、最后嵌入了一个表格布局，里面分别是一行的按钮和一行的android系统小图标，如图所示。第2列设置属性为stretchColumns。

 

activity_main.xml 

MainActivity.java

 

package com.confidant.lab2_3;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
/**
 * @author xuhaixin
 */
public class MainActivity extends Activity {

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
	}

	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
		// Inflate the menu; this adds items to the action bar if it is present.
		getMenuInflater().inflate(R.menu.main, menu);
		return true;
	}

}