当前位置:操作系统 > 安卓/Android >>

Android 学习笔记(二): 布局概述

一,线性布局(LinearLayout)

以线性方向显示它的子视图(view)元素,垂直或水平,

android:orientation值为“vertical”垂直排列,"horizontal"即为水平排列,

 

[html] <?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" > 
 
    <Button android:layout_width="match_parent" android:layout_height="wrap_content" 
        android:id="@+id/button1" android:text="线"  ></Button> 
    <Button android:layout_width="match_parent" android:layout_height="wrap_content" 
        android:id="@+id/button2" android:text="性"  ></Button> 
    <Button android:layout_width="match_parent" android:layout_height="wrap_content" 
        android:id="@+id/button3" android:text="布"  ></Button> 
    <Button android:layout_width="match_parent" android:layout_height="wrap_content" 
        android:id="@+id/button4" android:text="局"  ></Button> 
 
</LinearLayout> 
  \


 

二,相对布局(RelativeLayout)


[html] <?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent"> 
 
    <Button android:layout_width="wrap_content" android:layout_height="wrap_content" 
        android:id="@+id/button1" android:text="相"   
        android:layout_alignParentLeft="true"></Button> 
    <Button android:layout_width="fill_parent" android:layout_height="wrap_content" 
        android:id="@+id/button2" android:text="对"   
        android:layout_below="@+id/button1"></Button> 
    <Button android:layout_width="wrap_content" android:layout_height="wrap_content" 
        android:id="@+id/button3" android:text="布"   
        android:layout_below="@+id/button2" 
        android:layout_toLeftOf="@+id/button4" android:layout_alignTop="@+id/button4"></Button> 
    <Button android:layout_width="wrap_content" android:layout_height="wrap_content" 
        android:id="@+id/button4" android:text="局"   
        android:layout_below="@+id/button2" 
        android:layout_alignParentRight="true"></Button> 
 
</RelativeLayout> 
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">

 <Button android:layout_width="wrap_content" android:layout_height="wrap_content"
     android:id="@+id/button1" android:text="相" 
     android:layout_alignParentLeft="true"></Button>
 <Button android:layout_width="fill_parent" android:layout_height="wrap_content"
     android:id="@+id/button2" android:text="对" 
     android:layout_below="@+id/button1"></Button>
 <Button android:layout_width="wrap_content" android:layout_height="wrap_content"
     android:id="@+id/button3" android:text="布" 
     android:layout_below="@+id/button2"
     android:layout_toLeftOf="@+id/button4" android:layout_alignTop="@+id/button4"></Button>
 <Button android:layout_width="wrap_content" android:layout_height="wrap_content"
     android:id="@+id/button4" android:text="局" 
     android:layout_below="@+id/button2"
     android:layout_alignParentRight="true"></Button>

</RelativeLayout>
  \

 

三,表格布局(TableLayout)


[html] <?xml version="1.0" encoding="utf-8"?> 
<TableLayout  xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:shrinkColumns="0,1,2"> 
    <TableRow> 
        <Button android:layout_width="wrap_content" android:layout_height="wrap_content" 
            android:id="@+id/button1" android:text="表格布局------"  
            android:layout_column="0"></Button> 
        <Button android:layout_width="fill_parent" android:layout_height="wrap_content" 
            android:id="@+id/button2" android:text="表格布局------"  
            android:layout_column="1"></Button> 
    </TableRow> 
    <TableRow> 
        <Button android:layout_width="wrap_content" android:layout_height="wrap_content" 
            android:id="@+id/button3" android:text="表格布局------"  
            android:layou

补充:移动开发 , Android ,
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,