线性布局(Linearlayout)

属性

orientation  布局管理器内组件的排列方式(horizontal(水平)和vertical(垂直),默认值为                 horizontal.)

layout_weight   权重  à  用于设置组件占父容器剩余空间的比例

layout_backgound 背景颜色

layout_gravity  设置当前组件在布局管理器中的位置

示例

代码

<?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" >
    <Button 
        android:id="@+id/tv_bt1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="bt1"
        android:layout_weight="2"
		 />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content" 
        android:background="#90f0"
        android:layout_weight="2"    
        >
    <Button 
        android:id="@+id/tv_bt4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="bt4"
        android:layout_gravity="center"
		 />    
    <Button 
        android:id="@+id/tv_bt5"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="bt5"
        android:layout_weight="2"
		android:layout_gravity="right|bottom"        
		 />                
    </LinearLayout>
    
    <Button 
        android:id="@+id/tv_bt2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="bt2"
		 />    
    <Button 
        android:id="@+id/tv_bt3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="bt3"
        android:layout_weight="1"
        
		 />
</LinearLayout>

显示

相对布局(RelativeLayout)

需要设置id属性

因为相对布局需要以其它控件(id)或父容器作为参照, 后放入控件的位置依赖于先放入的控件。

属性

控件属性

功能描述

android:layout_centerInParent

设置当前控件位于父布局的中央位置,

其属性值为boolean值

android:layout_centerVertical

设置当前控件位于父布局的垂直居中位置,

其属性值为boolean值

android:layout_centerHorizontal

设置当前控件位于父控件的水平居中位置

其属性值为boolean值

android:layout_above

设置当前控件位于某控件上方,

其属性值为其他UI组件的id属性

android:layout_below

设置当前控件位于某控件下方

其属性值为其他UI组件的id属性

android:layout_toLeftOf

设置当前控件位于某控件左侧

其属性值为其他UI组件的id属性

android:layout_toRightOf

设置当前控件位于某控件右侧

其属性值为其他UI组件的id属性

android:layout_alignParentTop

设置当前控件停靠于布局顶端

其属性值为boolean值

android:layout_alignParentLeft

设置当前控件停靠于布局左侧

其属性值为boolean值

android:layout_alignParentRight

设置当前控件停靠于布局右侧

其属性值为boolean值

android:layout_alignParentBottom

设置当前控件停靠于布局底端

其属性值为boolean值

                                              

                                                        设置当前控件的上边界与某控件的上边界对齐

android:layout_alignTop

设置当前控件的上边界与某控件的上边界对齐,

其属性值为其他UI组件的id属性

android:layout_alignBottom

设置当前控件的下边界与某控件的下边界对齐

其属性值为其他UI组件的id属性

android:layout_alignLeft

设置当前控件的左边界与某控件的左边界对齐

其属性值为其他UI组件的id属性

android:layout_alignRight

设置当前控件的右边界与某控件的右边界对齐

其属性值为其他UI组件的id属性

                                                           

                                                                设置当前控件边界与某控件的距离

android:layout_marginTop

设置当前控件上边界与某控件的距离

android:layout_marginBottom

设置当前控件底边界与某控件的距离

android:layout_marginLeft

设置当前控件左边界与某控件的距离

android:layout_marginRight

设置当前控件右边界与某控件的距离

 

示例

<?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/bt1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="bt1"
        />
    <Button 
        android:id="@+id/bt2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:text="bt2"
        />
    <Button 
        android:id="@+id/bt3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:text="bt3"
        />
    <Button 
        android:id="@+id/bt4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:text="bt4"
        />
    <Button 
        android:id="@+id/bt5"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:text="bt5"
        />
    <Button 
        android:id="@+id/bt6"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_centerVertical="true"        
        android:text="bt6"
        />
    <Button 
        android:id="@+id/bt7"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:text="bt7"
        />
    <Button 
        android:id="@+id/bt8"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:text="bt8"
        />

    <Button 
        android:id="@+id/bt9"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        android:text="bt9"
        />
    <Button 
        android:id="@+id/bt10"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/bt1"
        android:layout_toRightOf="@id/bt4"
        android:layout_above="@id/bt4"
        android:layout_alignRight="@id/bt2"
        android:text="bt10"
        />
    <Button 
        android:id="@+id/bt11"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/bt10"
        android:layout_above="@id/bt7"
        android:layout_toRightOf="@id/bt4"
        android:text="bt11"
        />
    <Button 
        android:id="@+id/bt12"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@id/bt5"
        android:layout_below="@id/bt5"
        android:layout_toLeftOf="@id/bt6"
        android:layout_alignBaseline="@id/bt11"
        android:text="bt12"
        />
    
    

</RelativeLayout>

表格布局(Tablelayout)

表格布局属性

控件属性

功能描述

android:layout_column

设置该单元显示位置

android:layout_span

设置该单元格占据几行,默认为1

 表格布局中控件属性

控件属性

功能描述

android:layout_column

设置该单元显示位置

android:layout_span

设置该单元格占据几行,默认为1

示例

<?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="1,2" >
    
    <TableRow 
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        >
        <TextView 
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="点a:"/>
        
        <EditText 
            android:id="@+id/et_ax"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:hint="x"/>
            
        <EditText 
            android:id="@+id/et_ax"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:hint="y"/>
        
    </TableRow>
    
     <TableRow 
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        >
        <TextView 
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="点b:"/>
        
        <EditText 
            android:id="@+id/et_bx"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:hint="x"/>
            
        <EditText 
            android:id="@+id/et_bx"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:hint="y"/>
        
    </TableRow>
    
     <Button 
         android:id="@+id/bt"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:text="确定"/>
     
     

</TableLayout>

帧布局(FrameLayout)

示例

<?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:foreground="@drawable/ic_launcher"   
    android:foregroundGravity="right|bottom" 
    >
    
    <TextView 
        android:layout_gravity="center"
        android:layout_width="400px"
        android:layout_height="400px"
        android:background="#f00"
        android:text="红色背景的TextView"/>
    
    <TextView 
        android:layout_gravity="center"
        android:layout_width="300px"
        android:layout_height="300px"
        android:background="#FF8000"
        android:text="橙色背景的TextView"/>
    
    <TextView 
        android:layout_gravity="center"
        android:layout_width="200px"
        android:layout_height="200px"
        android:background="#FFFF00"
        android:text="黄色背景的TextView"/>

</FrameLayout>

 网格布局(GridLayout)

 示例

<?xml version="1.0" encoding="utf-8"?>
<GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" 
    android:columnCount="4"
    >
    
    <Button 
        android:id="@+id/bt1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="bt1"
        android:layout_column="3"
        />
    <Button 
        android:id="@+id/bt2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="bt2"
        />
    <Button 
        android:id="@+id/bt3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="bt3"
        />
    <Button 
        android:id="@+id/bt4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="bt4"
        />
    <Button 
        android:id="@+id/bt5"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="bt5"
        />
    <Button 
        android:id="@+id/bt6"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="bt6"
        />
    <Button 
        android:id="@+id/bt7"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="bt7"
        />
    <Button 
        android:id="@+id/bt8"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="bt8"
        />
    <Button 
        android:id="@+id/bt9"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="bt9"
        />
    <Button 
        android:id="@+id/bt10"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="bt10"
        />
    <Button 
        android:id="@+id/bt11"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="bt11"
        />
    <Button 
        android:id="@+id/bt12"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="bt12"
        />
    
    <Space />
    <Button 
        android:id="@+id/bt13"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="bt13"
        android:layout_columnSpan="2"
        android:layout_gravity="fill_horizontal"
        />
    <Button 
        android:id="@+id/bt14"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="bt14"
        />
    <Button 
        android:id="@+id/bt15"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_rowSpan="2"
        android:layout_gravity="fill_vertical"
        android:text="bt15"

        />
    <Button 
        android:id="@+id/bt16"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_columnSpan="3"
        android:layout_gravity="fill_horizontal"
        android:text="bt16"
        />
    <Space />

</GridLayout>

 

Logo

权威|前沿|技术|干货|国内首个API全生命周期开发者社区

更多推荐