当前位置: 代码迷 >> Android >> android基础(二):常用的布局方法
  详细解决方案

android基础(二):常用的布局方法

热度:51   发布时间:2016-04-27 23:35:51.0
android基础(2):常用的布局方法

一:线性布局

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

    android:layout_width="fill_parent"

    android:layout_height="fill_parent"

    android:background="@drawable/background"   

    android:orientation="vertical">

   <Button

       android:text="按钮一"

       android:id="@id/button1"

       android:layout_width="match_parent"

       android:layout_height="wrap_content"

       />

   <Button

       android:text="按钮二"

       android:id="@id/button2"

       android:layout_width="match_parent"

       android:layout_height="wrap_content"

       />

   <Button

       android:text="按钮三"

       android:id="@id/button3"

       android:layout_width="match_parent"

       android:layout_height="wrap_content"

       />

   <Button

       android:text="按钮四"

       android:id="@id/button4"

       android:layout_width="match_parent"

       android:layout_height="wrap_content"

       />

</LinearLayout>

 

二:表格布局

<TableLayout

    android:id="@+id/tableLayout1"

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

    android:layout_width="fill_parent"

    android:layout_height="fill_parent"

    android:background="@drawable/background"

    android:gravity="center_vertical"

    android:stretchColumns="0,3">

   <!-- 第一行 -->

   <TableRow

       android:id="@+id/tableRow1"

       android:layout_width="wrap_content"

       android:layout_height="wrap_content"

       >

       <TextView/>

       <TextView

           android:text="用户名:"

           android:id="@+id/textView1"

           android:layout_width="wrap_content"

           android:textSize="24px"

           android:layout_height="wrap_content"

           />

       <EditText

           android:id="@+id/editText1"

           android:textSize="24px"

           android:layout_width="wrap_content"

           android:layout_height="wrap_content"

           android:minWidth="200px"

           />

       <TextView/>

   </TableRow>

   <!-- 第二行 -->

   <TableRow

       android:id="@+id/tableRow2"

       android:layout_width="wrap_content"

       android:layout_height="wrap_content"

       >

       <TextView/>

       <TextView

           android:text="   码:"

           android:id="@+id/textView2"

           android:layout_width="wrap_content"

           android:textSize="24px"

           android:layout_height="wrap_content"

           />

       <EditText

           android:id="@+id/editText2"

           android:textSize="24px"

           android:layout_width="wrap_content"

           android:layout_height="wrap_content"

           android:inputType="textPassword"

           />

       <TextView/>

   </TableRow>

 

   <TableRow

       android:id="@+id/tableRow3"

       android:layout_width="wrap_content"

       android:layout_height="wrap_content">

       <TextView/>

       <Button

           android:text="登录"

           android:id="@+id/button1"

           android:layout_width="wrap_content"

           android:layout_height="wrap_content"

           />

       <Button

           android:text="登录"

           android:id="@+id/button2"

           android:layout_width="wrap_content"

           android:layout_height="wrap_content"

           />

       <TextView/>

   </TableRow>

 

</TableLayout>

 

三:帧布局

 

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

    android:layout_width="fill_parent"

    android:layout_height="fill_parent"

    android:id="@+id/frameLayout1"

    android:foreground="@drawable/ic_launcher"

    android:foregroundGravity="bottom|right">

   <!-- 居中显示的红色背景,在最底层 -->

   <TextView

       android:text="红色背景 TextView"

       android:id="@+id/textView1"

       android:background="#FFFF0000"

       android:layout_gravity="center"

       android:layout_width="100px"

       android:layout_height="100px"

       />

   <TextView

       android:text="红色背景 TextView"

       android:id="@+id/textView2"

       android:background="#FFFF6600"

       android:layout_gravity="center"

       android:layout_width="80px"

       android:layout_height="80px"

       />

   <TextView

       android:text="红色背景 TextView"

       android:id="@+id/textView3"

       android:background="#FFFFEE00"

       android:layout_gravity="center"

       android:layout_width="60px"

       android:layout_height="60px"

       />

</FrameLayout>

 

四:相对布局

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

    android:layout_width="fill_parent"

    android:layout_height="fill_parent"

    android:id="@+id/relativeLayout1"

     >

   <TextView

       android:text="发现新版本,现在更新吗?"

       android:id="@+id/textview1"

       android:textSize="24px"

       android:layout_width="wrap_content"

       android:layout_height="wrap_content"

       android:layout_centerInParent="true"

       />

   <Button

       android:text="现在更新"

       android:id="@+id/button1"

       android:layout_width="wrap_content"

       android:layout_height="wrap_content"

       android:layout_below="@+id/textview1"

       android:layout_toLeftOf="@+id/butto2"

       />

   <Button

       android:text="以后再说"

       android:id="@+id/button2"

       android:layout_width="wrap_content"

       android:layout_height="wrap_content"

       android:layout_alignRight="@+id/textview1"

       android:layout_below="@+id/textview1"

       />

</RelativeLayout>

版权声明:博主原创文章,转载请说明出处。http://blog.csdn.net/dzy21

  相关解决方案