详解四种基本布局 (layout)

1.LinearLayout //线性布局

android:orientation=""  //设置控件的排列方式 horizontal 垂直  vertical 水平
 
<EditText
       android:id="@+id/edit_text"
       android:layout_width="0dp"
       android:layout_height="wrap_content"
       android:layout_weight="1"         //在页面按比例布局
       android:hint="type something"
       />
 
    <Button
        android:id="@+id/button"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:text="send"
        />
显示:
___【】
 
若改成
<EditText
       android:id="@+id/edit_text"
       android:layout_width="0dp"
       android:layout_height="wrap_content"
       android:layout_weight="1"
       android:hint="type something"
       />    //edit_text会占满剩余屏幕
 
    <Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="send"
        />
显示:
__________【】
 
 
2.RelativeLayout  //相对布局
在页面布局:
android:layout_alignParentLeft+android:layout_alignParenTop:左上
android:layout_alignParenRight+android:layout_alignParenBottom:右下 
android:layout_centerInParent:居中
 
相对控件布局:
//在button3右上
android:layout_above="@id/button3"
android:layout_toRightOf="@id/button3"
 
//在button3左下
android:layout_below="@id/button3"
android:layout_toLeftOf="@id/button3"
 
//与button3左边缘对齐
android:layout_alignLeft="@id/button3"
//与button3上端对齐
android:layout_alignTop="@id/button3"
 
3.TableLayout  //表格布局
 
<TableLayout 
   。。。
android:stretchColumns="1"   //延伸第二格以填充空白   0表示第一格
>
 
<TableRow>
        <TextView
            android:layout_height="wrap_content"
            android:text="Account:"
            />
        <EditText
            android:id="@+id/account"
            android:layout_height="wrap_content"
            android:hint="Input your account"
           
            />        
    </TableRow>
 
    <TableRow>
        <TextView
            android:layout_height="wrap_content"
            android:text="Password:"
            />
        <EditText
            android:id="@+id/password"
            android:layout_height="wrap_content"
            android:inputType="textPassword"
            />
    </TableRow>
 
 
   
    <TableRow>
        <Button
            android:id="@+id/login"
            android:layout_height="wrap_content"
            android:layout_span="2"      //合并单元格
            android:text="login"
            />
    </TableRow>
 
显示:
Account:  ______________
Password:______________
【              login          】
 
2.各控件所占比例可通过 如weightSum="1"(总比例) 和         android:layout_weight="(内填比例)"

 控制

相关推荐