小练习

效果图如下：

 

按下第一个按钮出现第二个图，按下第二个按钮出现第三个图，按下第三个按钮出现最后一个图。

第二个图的代码如下（activity_frame_layout.xml）：

<?xml version="1.0" encoding="utf-8"?><FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="fill_parent"    android:layout_height="fill_parent"    android:orientation="vertical"     android:background="#000000">    <ImageView         android:id="@+id/photo"        android:src="@drawable/bg"        android:layout_width="fill_parent"        android:layout_height="fill_parent"  /></FrameLayout>

第三个图的代码如下（activity_relative_layout.xml）：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="fill_parent"    android:layout_height="fill_parent"     android:background="#000000">    <TextView        android:id="@+id/input"        android:layout_width="fill_parent"        android:layout_height="wrap_content"        android:padding="@dimen/padding_medium"        android:text="@string/relativeinput"        tools:context=".RelativeLayoutActivity" />    <EditText        android:id="@+id/name"        android:layout_width="fill_parent"        android:layout_height="wrap_content"        android:inputType="text"         android:layout_below="@id/input"/>    <Button        android:id="@+id/yes"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_alignParentRight="true"        android:layout_below="@+id/name"        android:layout_marginRight="91dp"        android:layout_marginTop="15dp"        android:text="@string/yes" />    <Button        android:id="@+id/no"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_alignBaseline="@+id/yes"        android:layout_alignBottom="@+id/yes"        android:layout_alignParentRight="true"        android:layout_marginRight="18dp"        android:layout_marginTop="15dp"        android:text="@string/no" /></RelativeLayout>

第四个图代码如下（activity_table_layout.xml）：

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="fill_parent"    android:layout_height="fill_parent"     android:background="#000000"    android:stretchColumns="1">    <TableRow >        <TextView             android:gravity="right"            android:padding="3dip"            android:text="@string/name"            android:textStyle="bold"/>        <EditText             android:id="@+id/name"            android:padding="3dip"            android:scrollHorizontally="true"            android:inputType="text"/>    </TableRow>    <TableRow >        <TextView             android:gravity="right"            android:padding="3dip"            android:text="@string/password"            android:textStyle="bold"/>        <EditText             android:id="@+id/password"            android:padding="3dip"            android:inputType="number"            android:scrollHorizontally="true"/>    </TableRow>    <TableRow         android:gravity="right">        <Button            android:id="@+id/exit"            android:text="@string/no"/>        <Button             android:id="@+id/login"            android:text="@string/login"/>    </TableRow></TableLayout>

主要Activity中的代码如下：

package com.bzu.layoutexcise.activity;import android.os.Bundle;import android.app.Activity;import android.content.Intent;import android.view.Menu;import android.view.MenuItem;import android.view.View;import android.widget.Button;import android.view.View.OnClickListener;public class LayoutActivity extends Activity {    @Override    public void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_layout);        //第一个按钮        Button first=(Button) this.findViewById(R.id.first);        //第二个按钮        Button second=(Button) this.findViewById(R.id.second);        //第三个按钮        Button third=(Button) this.findViewById(R.id.third);        /*         * 点击第一个按钮处理方法         */        first.setOnClickListener(new OnClickListener() {@Overridepublic void onClick(View v) {Intent intent=new Intent(LayoutActivity.this, FrameLayoutActivity.class);setTitle("非洲地图");startActivity(intent);}});        /*         * 点击第二个按钮处理方法         */        second.setOnClickListener(new OnClickListener() {@Overridepublic void onClick(View v) {Intent intent=new Intent(LayoutActivity.this, RelativeLayoutActivity.class);setTitle("演示RelativeLayout布局");startActivity(intent);}});        /*         * 点击第三个按钮处理方法         */        third.setOnClickListener(new OnClickListener() {@Overridepublic void onClick(View v) {Intent intent=new Intent(LayoutActivity.this, TableLayoutActivity.class);setTitle("TableLayout布局");startActivity(intent);}});    }    @Override    public boolean onCreateOptionsMenu(Menu menu) {        getMenuInflater().inflate(R.menu.activity_layout, menu);        return true;    }    }

最后，strings.xml中的代码如下：

<resources>    <string name="app_name">LayoutExcise</string>    <string name="first">非洲草原地图：FrameLayout的使用</string>    <string name="second">个性化表单：RelativeLayout的使用</string>    <string name="third">整齐的表单：TableLayout的使用</string>    <string name="menu_settings">Settings</string>    <string name="title_activity_layout">程序主界面</string>    <string name="hello_world">Hello world!</string>    <string name="relativeinput">请输入用户名：</string>    <string name="yes">确定</string>    <string name="no">取消</string>    <string name="name">用户名：</string>    <string name="password">密码：</string>    <string name="login">登录</string>    <string name="title_activity_frame_layout">非洲地图</string>    <string name="title_activity_relative_layout">演示RelativeLayout布局</string>    <string name="title_activity_table_layout">TableLayout布局</string></resources>