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

来源：互联网发布：天猫网络环境异常编辑：程序博客网时间：2024/06/05 18:15

【知识点】

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;@Overrideprotected 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() {@Overridepublic void onClick(View arg0) {// TODO Auto-generated method stubIntent intent1 = new Intent(Test_Layout_Activity.this,LinearActivity.class);startActivity(intent1);}});myButton2.setOnClickListener(new OnClickListener() {@Overridepublic void onClick(View arg0) {// TODO Auto-generated method stubIntent intent2 = new Intent(Test_Layout_Activity.this,FrameActivity.class);startActivity(intent2);}});myButton3.setOnClickListener(new OnClickListener() {@Overridepublic void onClick(View arg0) {// TODO Auto-generated method stubIntent intent3 = new Intent(Test_Layout_Activity.this,TableActivity.class);startActivity(intent3);}});myButton4.setOnClickListener(new OnClickListener() {@Overridepublic void onClick(View arg0) {// TODO Auto-generated method stubIntent intent4 = new Intent(Test_Layout_Activity.this,RelativeActivity.class);startActivity(intent4);}});myButton5.setOnClickListener(new OnClickListener() {@Overridepublic void onClick(View arg0) {// TODO Auto-generated method stubIntent intent5 = new Intent(Test_Layout_Activity.this,AbsoluteActivity.class);startActivity(intent5);}});}@Overridepublic 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{@Overrideprotected void onCreate(Bundle savedInstanceState) {// TODO Auto-generated method stubsuper.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>

0 0