码迷,mamicode.com
首页 > 移动开发 > 详细

Android布局

时间:2015-09-22 18:05:51      阅读:249      评论:0      收藏:0      [点我收藏+]

标签:

布局可以套用布局
<LinearLayout   xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools= "http://schemas.android.com/tools"
    android:layout_width= "match_parent"
    android:layout_height= "match_parent"
    android:orientation= "vertical"
     >
    <LinearLayout ></LinearLayout >
</LinearLayout  >
 
常用布局  LinearLayout,RelativeLayout
 
 
LinearLayout  线性布局
     包含的子控件将以横向或竖向的方式排列。
LinearLayout属性:
     android:orientation="vertical"     该属性决定他子类控件的排布方式(vertical(垂直)/horizontal(水平))
     android:gravity="center"     该属性决定他子类的xy的位置。
常用到的几个属性值:
     1.center_vertical:垂直居中
     2.center_horizontal:水平居中
     3.center:水平垂直都居中
     4.right:子类控件位于当前布局的右边
     5.left:子类控件位于当前布局的左边
     6.bottoom:子类控件位于当前布局的下面
 
<LinearLayout   xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools= "http://schemas.android.com/tools"
    android:layout_width= "match_parent"
    android:layout_height= "match_parent"
    android:orientation= "vertical"
    android:gravity= "bottom|center_horizontal"          //可以多个属性连用     
     >
 
    <Button
        android:id="@+id/button4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
         android:text= "Button" />
 
</LinearLayout  >
 
子类控件在LinearLayout中常用到的属性
layout_gravity调整该布局相对父布局的位置
gravity是调整该布局中子布局的位置
android:layout_gravity="bottom"     指本身在当前父容器的XY的位置
android:layout_weight="1"     指本身空间占当前父容器的一个比例
 <Button
        android:layout_weight="2"     //将页面分为三份
        android:layout_gravity="center_horizontal"
        android:id="@+id/button4"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Button" />
   
    <Button
        android:layout_weight="1"
        android:layout_gravity="center_horizontal"
        android:id="@+id/button1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Button" />
 
 
 
RelativeLayout 相对布局
 
RelativeLayout是相对布局控件,它包含的子控件将以控件之间的相对位置或者子类控件相对于父类容器的位置的方式排列
子类控件在RelativeLayout中常用到的属性(相对父容器的一个位置)
android:layout_alignParentLeft="true"     子类控件相对当前父类容器靠左边
android:layout_alignParentTop="true"     子类控件相对父类容器靠上边
android:layout_marginLeft="41dp"     子类控件距离父类容器左边的距离
android:layout_marginTop="33dp"     子类控件距离父类容器上边的距离
android:layout_centerInparrent="true"     子类控件相对父类容器即水平居中又垂直居中
android:layout_centerHorizontal="true"     子类控件相对于父类容器水平居中
android:layout_centerVertical="true"     子类控件相对于父类容器垂直居中
 
 
<RelativeLayout   xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools= "http://schemas.android.com/tools"
    android:layout_width= "match_parent"
    android:layout_height= "match_parent"
     >
         <Button
               android:id="@+id/bt1"
               android:text="1"
               android:layout_width="wrap_content"
               android:layout_height="wrap_content"
        />
 
</RelativeLayout  >
 
 
 
android:layout_below="@+id/button"     该控件位于给定ID控件的底部
android:layout_toRightOf="@+id/button"     该控件位于给定ID控件的右边
android:layout_above="@+id/button"     该控件位于给定ID控件的上面
android:layout_toLeftOf="@+id/button"     该控位于给定ID控件的左边
android:layout_alignBaseline="@+id/button"     该控件的内容与给定ID控件的内容在一条直线上
android:layout_alignBottom     该控件的底部边缘与给定ID控件的底部边缘对齐
android:layout_alignLeft     该控件的左边缘与给定ID控件的左边缘对齐
android:layout_alignRigth     该控件的右边缘与给定ID控件的右边缘对齐
android:layout_alignTop     该控件的顶部边缘与给定ID控件的顶部对齐
 
 
 <Button
               android:id="@+id/bt1"
               android:text="1"
               android:layout_width="wrap_content"
               android:layout_height="wrap_content"
        />
        
         <!-- android:layout_alignBaseline="@+id/bt1"  文字在与绑定ID BT1的同一水平线上 -->
        
         <Button
            android:layout_alignBaseline="@+id/bt1"    
            android:layout_toRightOf="@+id/bt1"
               android:id="@+id/bt2"
               android:text="2"
               android:layout_width="wrap_content"
               android:layout_height="wrap_content"
             />
 
帧布局 FrameLayout
     所有的子元素都不能被指定放置的位置,他们统统放于这块区域的左上角,并且后面的子元素直接覆盖前面的子元素之上,将前面的子元素部分和全部遮挡。
<FrameLayout   xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools= "http://schemas.android.com/tools"
    android:layout_width= "match_parent"
    android:layout_height= "match_parent"
    android:foreground ="@drawable/on"      // 设置前景图
    >
    <TextView
        android:layout_gravity="center"
        android:id="@+id/textView1"
        android:layout_width="200dp"
        android:layout_height="200dp"
         android:background= "#785435"
        android:text="1111111111111111111" />
 
    <TextView
        android:layout_gravity="center"
        android:id="@+id/textView2"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:background="#564238"
        android:text="2222222222222222222" />
 
</FrameLayout  >
————————————————————————————————————————————————————————————————————————————————————————
<ProgressBar
        android:layout_gravity="center"
        android:id="@+id/progressBar1"
        style= "?android:attr/progressBarStyleLarge"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
 
    <TextView
        android:layout_gravity="center"
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="20%" />
 
 
 
绝对布局 AbsoluteLayout(使用决定定位适应性会比较差,屏幕适配会有缺陷)
     又叫坐标布局,可以直接指定子元素的绝对位置即子元素X、Y的坐标。
     android:layout_x:"35dip"
     android:layout_y:"35dip"
<AbsoluteLayout   xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools= "http://schemas.android.com/tools"
    android:layout_width= "match_parent"
    android:layout_height= "match_parent"
    android:foreground= "@drawable/on"
    >
 
    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_x="45dp"
        android:layout_y="32dp"     //绝对位置
        android:text="Button" />
 
</AbsoluteLayout>
 
 
表格布局  TableLayout
TableLayout表格布局模型以行列的形式管理子控件,每一行为一个TableRow的对象,当然也可以是一个View的对象。
android:collapseColumns="1,2"     隐藏从0开始的索引列,列直接必须用逗号隔开
android:shrinkColumns="1,2"     收缩从0开始的索引列。当可收缩的列太宽不会被挤出屏幕,列直接必须用逗号隔开,可以通过“*”代替收缩所有列.注意一列能同时表示收缩和拉伸。
android:stretchColumns="1,2"     拉伸从0开始的索引列。以填满剩下的多余空白空间。列直接必须用逗号隔开,可以通过“*”代替收缩所有列.注意一列能同时表示收缩。
<?xml version= "1.0" encoding ="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:collapseColumns= "1,2"
    android:shrinkColumns= "1,2"
    android:stretchColumns= "1,2"
    android:layout_width= "match_parent"
    android:layout_height= "match_parent" >
 
</TableLayout>
 
 
TableLayout的局部属性(内部空间所有属性)
android:layout_column="1"       该控件显示在第二列
android:layout_span="2"     该控件占据2列。
 <TableRow
        android:id="@+id/tableRow1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >
 
        <Button
            android:layout_column="1"
            android:layout_span="2"
            android:id="@+id/button1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="1" />
 
    </TableRow >
 
 
TableLayout 计数器

<?xml version= "1.0" encoding ="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:stretchColumns= "*"
    android:layout_width= "match_parent"
    android:layout_height= "match_parent" >
 
    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="40dp"
        android:gravity="right|center_vertical"
        android:text="90" />
 
    <TableRow
        android:id="@+id/tableRow1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >
 
        <Button
            android:id="@+id/button1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="7" />
 
        <Button
            android:id="@+id/button2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="8" />
 
        <Button
            android:id="@+id/button3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="9" />
 
        <Button
            android:id="@+id/button4"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="/" />
 
    </TableRow >
 
    <TableRow
        android:id="@+id/tableRow2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >
 
        <Button
            android:id="@+id/button5"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="4" />
 
        <Button
            android:id="@+id/button6"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="5" />
 
        <Button
            android:id="@+id/button7"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="6" />
 
        <Button
            android:id="@+id/button8"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="*" />
 
    </TableRow >
 
    <TableRow
        android:id="@+id/tableRow3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >
 
        <Button
            android:id="@+id/button9"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="1" />
 
        <Button
            android:id="@+id/button10"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="2" />
 
        <Button
            android:id="@+id/button11"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="3" />
 
        <Button
            android:id="@+id/button12"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="-" />
 
    </TableRow >
 
    <TableRow
        android:id="@+id/tableRow4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >
 
        <Button
            android:layout_span="4"
            android:id="@+id/button13"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="=" />
 
    </TableRow >
 
</TableLayout>

Android布局

标签:

原文地址:http://www.cnblogs.com/stareblankly/p/4829252.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!