实验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中的界面:
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_margin="12sp" >
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" />
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" />
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" />
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" />
strings.xml
RelativeLayoutDemo
Settings
Type Here:
OK
Cancle
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;
}
}