布局文件

时间：2014-03-12 03:50:14 阅读：448 评论：0 收藏：0 [点我收藏+]

以下是相对布局 RelativeLaout，其中最重要的是，指定某一个控件的位置时，必须先给他的相对的那个控件命名，就是说需要一个相对的id，这样第二个控件才会知道，它是相对于那个控件的位置撒。

  <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"

    tools:context=".MainActivity" >

    <TextView

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="@string/name_text"

        android:id = "@+id/text"

/>

    <EditText

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        android:layout_below="@id/text"

        android:id="@+id/edit"></EditText>

    <!-- 靠右对齐，位置在edit下方，也就是说，这里面必须有个参照物，然后每个都是的位置都是相对于其他的位置来说的 -->

    <Button

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="@string/cancer"

        android:layout_alignParentRight="true"

        android:layout_below="@id/edit"

        android:id="@+id/cancerbutton"

/>

    <Button

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="@string/ok"

        android:layout_toLeftOf="@id/cancerbutton"

       android:layout_alignTop="@id/cancerbutton"

        ></Button>

</RelativeLayout>

结果如下图所示：

说明：
android:layout_below="@id/text"：将该元素放到id为text的元素的下面
android:layout_toLeftOf="@id/ok" ：放到id为ok的元素左边
android:layout_alignTop="@id/ok" ：对齐id为ok的元素的顶部

我们可以编写完程序以后就直接查看结果，这样比较好。直接看到结果。

以下是布局的文件的嵌套，线性布局里面嵌套了相对布局，运行结果同上图一样。

<LinearLayout 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:orientation="vertical"

    tools:context=".MainActivity" >

    <TextView

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="@string/name_text"

/>

    <EditText

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

/>

    <!-- 靠右对齐，位置在edit下方，也就是说，这里面必须有个参照物，然后每个都是的位置都是相对于其他的位置来说的 -->

    <RelativeLayout

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

    <Button

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="@string/cancer"

        android:layout_alignParentRight="true"

        android:id="@+id/cancerbutton"

/>

    <Button

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="@string/ok"

        android:layout_toLeftOf="@id/cancerbutton"

       android:layout_alignTop="@id/cancerbutton"

        ></Button>

    </RelativeLayout>

</LinearLayout>

TableLayout

表格布局的风格跟HTML中的表格比较接近，只是所采用的标签不同。
? <TableLayout> 是顶级元素，说明采用的是表格布局
? <TableRow>定义一个行
? <TextView>定义一个单元格的内容

此种定义方式类似于listview，也是就只有一个框架，里面的内容需要TextView来填充。

实例如下：

<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:stretchColumns="0,1,2,3"

    tools:context=".MainActivity" >

    <TableRow >

    <TextView

        android:text="@string/name"

        android:gravity="center"

        android:padding="3dip"

/>

    <TextView

        android:text="@string/gender"

        android:gravity="center"

        android:padding="3dip"

/>

     <TextView

        android:text="@string/age"

        android:gravity="center"

        android:padding="3dip"

/>

    <TextView

        android:text="@string/phonenum"

        android:gravity="center"

        android:padding="3dip"

/>

    </TableRow>

        <TableRow >

    <TextView

        android:text="@string/name1"

        android:gravity="center"

        android:padding="3dip"

/>

    <TextView

        android:text="@string/gender1"

        android:gravity="center"

        android:padding="3dip"

/>

     <TextView

        android:text="@string/age1"

        android:gravity="center"

        android:padding="3dip"

/>

    <TextView

        android:text="@string/phonenum1"

        android:gravity="center"

        android:padding="3dip"

/>

    </TableRow>

        <TableRow >

    <TextView

        android:text="@string/name2"

        android:gravity="center"

        android:padding="3dip"

/>

    <TextView

        android:text="@string/gender2"

        android:gravity="center"

        android:padding="3dip"

/>

     <TextView

        android:text="@string/age2"

        android:gravity="center"

        android:padding="3dip"

/>

    <TextView

        android:text="@string/phonenum2"

        android:gravity="center"

        android:padding="3dip"

/>

    </TableRow>

</TableLayout>

string.xml 文件如下：

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

    <string name="app_name">用户界面</string>
    <string name="action_settings">Settings</string>
    <string name="hello_world">Hello world!</string>
    <string name="name_text">请输入用户名</string>
    <string name="ok">确定</string>
    <string name="cancer">取消</string>
    
    
    <string name="name">姓名</string>
    <string name="gender">性别</string>
    <string name="age">年龄</string>
    <string name="phonenum">电话</string>
    <string name="gender1">男</string>
    <string name="gender2">女</string>
    <string name="name1">张三</string>
    <string name="age1">25</string>
    <string name="phonenum1">1234567</string>
    <string name="name2">李四</string>
    <string name="age2">24</string>
    <string name="phonenum2">7654321</string>

</resources>

结果如下图所示：

FramLayout 帧布局

帧布局中的每一个组件都代表一个画面，默认以屏幕左上角作为（0,0）坐标，按组件
定义的先后顺序依次逐屏显示，后面出现的会覆盖前面的画面。用该布局可以实现动画效果。

主类中的代码如下：

package com.example.birdframe;

import android.os.Bundle;

import android.os.Handler;

import android.os.Message;

import android.app.Activity;

import android.graphics.drawable.Drawable;

import android.view.Menu;

import android.view.View;

import android.widget.FrameLayout;

public class MainActivity extends Activity {

    FrameLayout frameLayout = null;

    private boolean flag = true;

    //由该类的两个方法间的循环调用，实现界面的不断更新

    class MyHandler extends Handler{

        int i = 0;

        public void handleMessage(Message msg) {

            i++;

            //总共三幅图，依次显示

            show(i % 3);

            //再次调用sleep方法

            sleep(10);

        public void sleep(long delayMillis) {

            // TODO Auto-generated method stub

            if(flag)

            {  //注：此处会自动调用handleMessage事件

                sendMessageDelayed(obtainMessage(0),delayMillis);

    /** Called when the activity is first created. */

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

        //给帧布局赋值，不然就会出现空值错误。

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

        //创建一个Hander子类对象，要调用其方法

        final MyHandler myHandler = new MyHandler();

        //首先，这是一个消息处理器，然后进入sleep，这个里面

/*

         * 由于sleep方法中的sendMessageDelayed(obtainMessage(0), delayMillis);本身会延迟发送一个消息， 该消息

         会被框架传递给handleMessage事件。 我们在handleMessage()方法中再次调用sleep()方法，形成一个循环调用。

*/

        myHandler.sleep(10);

        //为fram设置点击事件，当其被点击是，在飞翔与暂停间切换

        frameLayout.setOnClickListener(new View.OnClickListener() {

            @Override

            public void onClick(View arg0) {

                // TODO Auto-generated method stub

                flag = !flag;

                myHandler.sleep(10);

});

//该方法被调用以更新帧布局的前景图片

    public void show(int i) {

        // TODO Auto-generated method stub

        //获取三幅图片

        Drawable aDrawable = getResources().getDrawable(R.drawable.a);

        Drawable bDrawable = getResources().getDrawable(R.drawable.b);

        Drawable cDrawable = getResources().getDrawable(R.drawable.c);

        //根据不同的情况，设置不同的前景

        switch (i) {

        case 0:

            frameLayout.setForeground(aDrawable);

            break;

        case 1:

            frameLayout.setForeground(bDrawable);

            break;

        case 2:

            frameLayout.setForeground(cDrawable);

            break;

        default:

            break;

    @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;

main.xml文件如下：（主要是FrameLayout的布局）

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

    xmlns:tools="http://schemas.android.com/tools"

    android:layout_width="wrap_content"

    android:layout_height="wrap_content"

    android:layout_gravity="center"

    android:id="@+id/frame"

    tools:context=".MainActivity"

</FrameLayout>

布局文件,布布扣,bubuko.com

布局文件

原文：http://www.cnblogs.com/zhuxuekui/p/3594451.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)