Android 布局分析

来源：互联网发布：mac地址win10 编辑：程序博客网时间：2024/06/06 16:59

先建项目然后写 string.xml文件

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

<string name="app_name">LayoutMyTestChen</string>

<string name="name_text">请输入您的信息：</string>

1.LinearLayout（线性布局）

“LinearLayout”翻译成中文是“线性布局”，所谓线性布局就是在该标签下的所有子

元素会根据其orientation属性的值来决定是按行或者是按列逐个显示。

linear_layout.xml代码如下：

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

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:orientation="vertical" >

<TextView

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:text="@string/name_text" />

<EditText

android:layout_width="fill_parent"

android:layout_height="wrap_content"

<Button

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="@string/ok_text"

<Button

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="@string/cancel_text"

</LinearLayout>

效果如图：

2. RelativeLayout（相对布局）

相对布局中的视图组件是按相互之间的相对位置来确定的，并不是线性布局中的必须

按行或按列单个显示。

flower.xml代码如下：

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

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="match_parent"

android:layout_height="match_parent"

<Button

android:id="@+id/button1"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="@string/plumflower"

<Button

android:id="@+id/button2"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_toRightOf="@id/button1"

android:layout_below="@id/button1"

android:text="@string/plumflower"

<Button

android:id="@+id/button3"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_toRightOf="@id/button2"

android:layout_above="@id/button2"

android:text="@string/plumflower"

<Button

android:id="@+id/button4"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_below="@id/button2"

android:text="@string/plumflower"

<Button

android:id="@+id/button5"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignLeft="@+id/button3"

android:layout_below="@+id/button2"

android:text="@string/plumflower" />

</RelativeLayout>

效果如下：

3. TableLayout（表格布局）

表格布局的风格跟HTML中的表格比较接近，只是所采用的标签不同。

? <TableLayout> 是顶级元素，说明采用的是表格布局

? <TableRow>定义一个行

? <TextView>定义一个单元格的内容

table_layout.xml代码如下：

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

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:stretchColumns="0,1,2,3" >

<TextView

android:gravity="center"

android:padding="3dip"

android:text="@string/name" />

<TextView

android:gravity="center"

android:padding="3dip"

android:text="@string/gender" />

<TextView

android:gravity="center"

android:padding="3dip"

android:text="@string/age" />

<TextView

android:gravity="center"

android:padding="3dip"

android:text="@string/phonenumber" />

</TableRow>

<TextView

android:gravity="center"

android:padding="3dip"

android:text="@string/nameZs" />

<TextView

android:gravity="center"

android:padding="3dip"

android:text="@string/genderZs" />

<TextView

android:gravity="center"

android:padding="3dip"

android:text="@string/ageZs" />

<TextView

android:gravity="center"

android:padding="3dip"

android:text="@string/phonenumberZs" />

</TableRow>

<TextView

android:gravity="center"

android:padding="3dip"

android:text="@string/nameLs" />

<TextView

android:gravity="center"

android:padding="3dip"

android:text="@string/genderLs" />

<TextView

android:gravity="center"

android:padding="3dip"

android:text="@string/ageLs" />

<TextView

android:gravity="center"

android:padding="3dip"

android:text="@string/phonenumberLs" />

</TableRow>

</TableLayout>

效果如下：

4.FrameLayout（帧布局）

帧布局中的每一个组件都代表一个画面，默认以屏幕左上角作为（0,0）坐标，按组件

定义的先后顺序依次逐屏显示，后面出现的会覆盖前面的画面。用该布局可以实现动画效果。

FrameLayoutTestChenActivity

代码如下：

package cn.class3g.activity;

import android.app.Activity;

import android.graphics.drawable.Drawable;

import android.os.Bundle;

import android.os.Handler;

import android.os.Message;

import android.util.Log;

import android.view.View;

import android.view.View.OnClickListener;

import android.widget.FrameLayout;

public class FrameLayoutTestActivity extends Activity {

FrameLayout frame=null;

boolean flag=true;

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.main);

findViews();

class MyHandler extends Handler{

int i=0;

public void handleMessage(Message msg) {

i++;

show(i % 37);//设置frame前景图片

sleep(30);

}

public void sleep(long delayMillis){

if(flag){

this.sendMessageDelayed(this.obtainMessage(0), delayMillis);

Log.d("tag","sleep");

}

final MyHandler myHandler=new MyHandler();

myHandler.sleep(30);

frame.setOnClickListener(new OnClickListener(){

public void onClick(View v) {

flag=!flag;

myHandler.sleep(30);

}

});

}

private void findViews(){

frame=(FrameLayout)this.findViewById(R.id.frame);

}

void show(int idx){

Drawable[] pic=new Drawable[37];

pic[0]=this.getResources().getDrawable(R.drawable.p1);

pic[1]=this.getResources().getDrawable(R.drawable.p2);

pic[2]=this.getResources().getDrawable(R.drawable.p3);

pic[3]=this.getResources().getDrawable(R.drawable.p4);

pic[4]=this.getResources().getDrawable(R.drawable.p5);

pic[5]=this.getResources().getDrawable(R.drawable.p6);

pic[6]=this.getResources().getDrawable(R.drawable.p7);

pic[7]=this.getResources().getDrawable(R.drawable.p8);

pic[8]=this.getResources().getDrawable(R.drawable.p9);

pic[9]=this.getResources().getDrawable(R.drawable.p10);

pic[10]=this.getResources().getDrawable(R.drawable.p11);

pic[11]=this.getResources().getDrawable(R.drawable.p12);

pic[12]=this.getResources().getDrawable(R.drawable.p13);

pic[13]=this.getResources().getDrawable(R.drawable.p14);

pic[14]=this.getResources().getDrawable(R.drawable.p15);

pic[15]=this.getResources().getDrawable(R.drawable.p16);

pic[16]=this.getResources().getDrawable(R.drawable.p17);

pic[17]=this.getResources().getDrawable(R.drawable.p18);

pic[18]=this.getResources().getDrawable(R.drawable.p19);

pic[19]=this.getResources().getDrawable(R.drawable.p20);

pic[20]=this.getResources().getDrawable(R.drawable.p21);

pic[21]=this.getResources().getDrawable(R.drawable.p22);

pic[22]=this.getResources().getDrawable(R.drawable.p23);

pic[23]=this.getResources().getDrawable(R.drawable.p24);

pic[24]=this.getResources().getDrawable(R.drawable.p25);

pic[25]=this.getResources().getDrawable(R.drawable.p26);

pic[26]=this.getResources().getDrawable(R.drawable.p27);

pic[27]=this.getResources().getDrawable(R.drawable.p28);

pic[28]=this.getResources().getDrawable(R.drawable.p29);

pic[29]=this.getResources().getDrawable(R.drawable.p30);

pic[30]=this.getResources().getDrawable(R.drawable.p31);

pic[31]=this.getResources().getDrawable(R.drawable.p32);

pic[32]=this.getResources().getDrawable(R.drawable.p33);

pic[33]=this.getResources().getDrawable(R.drawable.p34);

pic[34]=this.getResources().getDrawable(R.drawable.p35);

pic[35]=this.getResources().getDrawable(R.drawable.p36);

pic[36]=this.getResources().getDrawable(R.drawable.p37);

frame.setForeground(pic[idx]);

}

main.xml代码如下：

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

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:layout_gravity="center"

android:id="@+id/frame"

</FrameLayout>

效果图如下：