android应用开发详解（七）-------------------布局管理Layout

【知识点】

android中常见的布局方式：

(1)线性布局LinearLayout：按照垂直或者水平方向布局组件

(2)帧布局FrameLayout：组件从屏幕的左上角坐标布局组件

(3)表格布局TableLayout：按照行列方式布局组件

(4)相对布局RelativeLayout：相对其他组件的布局方式

(5)绝对布局AbsoluteLayout：按照绝对坐标来布局组件

1、工程目录



2、Test_Layout_activity.java

package com.example.test_layout;

import android.os.Bundle;
import android.app.Activity;
import android.content.Intent;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;

public class Test_Layout_Activity extends Activity {
private Button myButton1, myButton2, myButton3, myButton4, myButton5;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.test__layout);
myButton1 = (Button) findViewById(R.id.buttonLayout01);
myButton2 = (Button) findViewById(R.id.buttonLayout02);
myButton3 = (Button) findViewById(R.id.buttonLayout03);
myButton4 = (Button) findViewById(R.id.buttonLayout04);
myButton5 = (Button) findViewById(R.id.buttonLayout05);

myButton1.setOnClickListener(new OnClickListener() {

@Override
public void onClick(View arg0) {
// TODO Auto-generated method stub
Intent intent1 = new Intent(Test_Layout_Activity.this,
LinearActivity.class);
startActivity(intent1);
}
});
myButton2.setOnClickListener(new OnClickListener() {

@Override
public void onClick(View arg0) {
// TODO Auto-generated method stub
Intent intent2 = new Intent(Test_Layout_Activity.this,
FrameActivity.class);
startActivity(intent2);
}
});
myButton3.setOnClickListener(new OnClickListener() {

@Override
public void onClick(View arg0) {
// TODO Auto-generated method stub
Intent intent3 = new Intent(Test_Layout_Activity.this,
TableActivity.class);
startActivity(intent3);
}
});
myButton4.setOnClickListener(new OnClickListener() {

@Override
public void onClick(View arg0) {
// TODO Auto-generated method stub
Intent intent4 = new Intent(Test_Layout_Activity.this,
RelativeActivity.class);
startActivity(intent4);
}
});
myButton5.setOnClickListener(new OnClickListener() {

@Override
public void onClick(View arg0) {
// TODO Auto-generated method stub
Intent intent5 = new Intent(Test_Layout_Activity.this,
AbsoluteActivity.class);
startActivity(intent5);
}
});

}

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

}

3、LinearActivity.java

package com.example.test_layout;

import android.app.Activity;
import android.os.Bundle;

public class LinearActivity extends Activity{

@Override
protected void onCreate(Bundle savedInstanceState) {
// TODO Auto-generated method stub
super.onCreate(savedInstanceState);
setContentView(R.layout.linear);
}

}

4、FrameActivity.java、TableActivity.java、RelativeActivity.java、AbsoluteActivity.java与LinearActivity.java类似。

5、test_layout.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >

<Button
android:id="@+id/buttonLayout01"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="LinearLayout" />

<Button
android:id="@+id/buttonLayout02"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="FrameLayout" />

<Button
android:id="@+id/buttonLayout03"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="TableLayout" />

<Button
android:id="@+id/buttonLayout04"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="RelativeLayout" />

<Button
android:id="@+id/buttonLayout05"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="AbsoluteLayout" />

</LinearLayout>

6、linear.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >

<LinearLayout
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_weight="1"
android:orientation="horizontal" >

<TextView
android:layout_width="wrap_content"
android:layout_height="fill_parent"
android:layout_weight="1"
android:background="#aa0000"
android:gravity="center_horizontal"
android:text="red" />

<TextView
android:layout_width="wrap_content"
android:layout_height="fill_parent"
android:layout_weight="1"
android:background="#00aa00"
android:gravity="center_horizontal"
android:text="green" />

<TextView
android:layout_width="wrap_content"
android:layout_height="fill_parent"
android:layout_weight="1"
android:background="#0000aa"
android:gravity="center_horizontal"
android:text="blue" />

<TextView
android:layout_width="wrap_content"
android:layout_height="fill_parent"
android:layout_weight="1"
android:background="#aaaa00"
android:gravity="center_horizontal"
android:text="yellow" />
</LinearLayout>

<LinearLayout
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_weight="1"
android:orientation="vertical" >

<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="row_one"
android:textSize="15pt" />

<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="row_two"
android:textSize="15pt" />

<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="row_three"
android:textSize="15pt" />

<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="row_four"
android:textSize="15pt" />
</LinearLayout>

</LinearLayout>

7、table.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >

<TableLayout
android:id="@+id/TableLayout01"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:collapseColumns="2"
android:stretchColumns="1" >

<TableRow
android:id="@+id/TableRow01"
android:layout_width="wrap_content"
android:layout_height="wrap_content" >

<TextView
android:id="@+id/TextView01"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="用户名称" />

<EditText
android:id="@+id/EditText01"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="admin" />
</TableRow>

<TableRow
android:id="@+id/TableRow02"
android:layout_width="wrap_content"
android:layout_height="wrap_content" >

<TextView
android:id="@+id/TextView02"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="用户密码" />

<EditText
android:id="@+id/EditText02"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="123" />
</TableRow>

<TableRow
android:id="@+id/TableRow02"
android:layout_width="wrap_content"
android:layout_height="wrap_content" >

<Button
android:id="@+id/Button01"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="注册" />

<Button
android:id="@+id/Button02"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="登录" />
</TableRow>
</TableLayout>

</LinearLayout>

8、frame.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >

<FrameLayout
android:id="@+id/FrameLayout01"
android:layout_width="wrap_content"
android:layout_height="wrap_content" >

<TextView
android:id="@+id/TextView01"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="#aa0000"
android:height="150px"
android:width="150px" />

<TextView
android:id="@+id/TextView02"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="#00aa00"
android:height="100px"
android:width="100px" />

<TextView
android:id="@+id/TextView03"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="#0000aa"
android:height="80px"
android:width="80px" />
</FrameLayout>

</LinearLayout>

9、relative.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >

<RelativeLayout
android:id="@+id/RelativeLayout01"
android:layout_width="wrap_content"
android:layout_height="wrap_content" >

<Button
android:id="@+id/a"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="A" />

<Button
android:id="@+id/b"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toRightOf="@id/a"
android:text="B" />

<Button
android:id="@+id/c"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/a"
android:text="C" />

<Button
android:id="@+id/d"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/b"
android:layout_toRightOf="@id/c"
android:text="D" />
</RelativeLayout>

</LinearLayout>

10、absolute.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >

<AbsoluteLayout
android:id="@+id/AbsoluteLayout01"
android:layout_width="wrap_content"
android:layout_height="wrap_content" >

<Button
android:id="@+id/button01"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_x="20px"
android:layout_y="20px"
android:text="A" />

<Button
android:id="@+id/button02"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_x="60px"
android:layout_y="20px"
android:text="B" />

<Button
android:id="@+id/button03"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_x="20px"
android:layout_y="80px"
android:text="C" />

<Button
android:id="@+id/button04"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_x="60px"
android:layout_y="80px"
android:text="D" />
</AbsoluteLayout>

</LinearLayout>

11、AndroidMenifest.xml需要做一些修改

<application
android:allowBackup="true"
android:icon="@drawable/ic_launcher"
android:label="@string/app_name"
android:theme="@style/AppTheme" >
<activity
android:name="com.example.test_layout.Test_Layout_Activity"
android:label="@string/app_name" >
<intent-filter>
<action android:name="android.intent.action.MAIN" />

<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
<activity android:name="com.example.test_layout.TableActivity" >
</activity>
<activity android:name="com.example.test_layout.RelativeActivity" >
</activity>
<activity android:name="com.example.test_layout.FrameActivity" >
</activity>
<activity android:name="com.example.test_layout.AbsoluteActivity" >
</activity>
<activity android:name="com.example.test_layout.LinearActivity" >
</activity>
</application>