详解四种基本布局 (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_alignParen Top：左上

android:layout_alignParenRight+ android:layout_alignParen Bottom：右下 

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="（内填比例）"

 控制