您的位置:首页 > 移动开发 > Android开发

Android布局

2015-09-22 16:08 369 查看
布局可以套用布局
[align=left]<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"[/align]
[align=left] xmlns:tools= "http://schemas.android.com/tools"[/align]
[align=left] android:layout_width= "match_parent"[/align]
[align=left] android:layout_height= "match_parent"[/align]
[align=left] android:orientation= "vertical"[/align]
[align=left] >[/align]
[align=left] <LinearLayout ></LinearLayout >[/align]
[align=left]</LinearLayout >[/align]
[align=left] [/align]
[align=left]常用布局 LinearLayout,RelativeLayout[/align]
[align=left] [/align]
[align=left] [/align]
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:子类控件位于当前布局的下面

[align=left]<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"[/align]
[align=left] xmlns:tools= "http://schemas.android.com/tools"[/align]
[align=left] android:layout_width= "match_parent"[/align]
[align=left] android:layout_height= "match_parent"[/align]
[align=left] android:orientation= "vertical"[/align]
[align=left] android:gravity= "bottom|center_horizontal" //可以多个属性连用 [/align]
[align=left] >[/align]
[align=left] [/align]
[align=left] <Button[/align]
[align=left] android:id="@+id/button4"[/align]
[align=left] android:layout_width="wrap_content"[/align]
[align=left] android:layout_height="wrap_content"[/align]
[align=left] android:text= "Button" />[/align]
[align=left] [/align]
[align=left]</LinearLayout >[/align]
[align=left] [/align]
[align=left]子类控件在LinearLayout中常用到的属性[/align]
[align=left]layout_gravity调整该布局相对父布局的位置[/align]
gravity是调整该布局中子布局的位置
[align=left]android:layout_gravity="bottom" 指本身在当前父容器的XY的位置[/align]
[align=left]android:layout_weight="1" 指本身空间占当前父容器的一个比例[/align]
[align=left] <Button[/align]
[align=left] android:layout_weight="2" //将页面分为三份[/align]

[align=left] android:layout_gravity="center_horizontal"[/align]
[align=left] android:id="@+id/button4"[/align]
[align=left] android:layout_width="match_parent"[/align]
[align=left] android:layout_height="wrap_content"[/align]
[align=left] android:text="Button" />[/align]
[align=left] [/align]
[align=left] <Button[/align]
[align=left] android:layout_weight="1"[/align]
[align=left] android:layout_gravity="center_horizontal"[/align]
[align=left] android:id="@+id/button1"[/align]
[align=left] android:layout_width="match_parent"[/align]
[align=left] android:layout_height="wrap_content"[/align]

[align=left] android:text="Button" />[/align]
[align=left] [/align]
[align=left] [/align]
[align=left] [/align]
[align=left]RelativeLayout 相对布局[/align]
[align=left] [/align]
[align=left]RelativeLayout是相对布局控件,它包含的子控件将以控件之间的相对位置或者子类控件相对于父类容器的位置的方式排列[/align]
[align=left]子类控件在RelativeLayout中常用到的属性(相对父容器的一个位置)[/align]
[align=left]android:layout_alignParentLeft="true" 子类控件相对当前父类容器靠左边[/align]
[align=left]android:layout_alignParentTop="true" 子类控件相对父类容器靠上边[/align]
[align=left]android:layout_marginLeft="41dp" 子类控件距离父类容器左边的距离[/align]
[align=left]android:layout_marginTop="33dp" 子类控件距离父类容器上边的距离[/align]
[align=left]android:layout_centerInparrent="true" 子类控件相对父类容器即水平居中又垂直居中[/align]
[align=left]android:layout_centerHorizontal="true" 子类控件相对于父类容器水平居中[/align]
[align=left]android:layout_centerVertical="true" 子类控件相对于父类容器垂直居中[/align]
[align=left] [/align]
[align=left] [/align]

[align=left]<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"[/align]
[align=left] xmlns:tools= "http://schemas.android.com/tools"[/align]
[align=left] android:layout_width= "match_parent"[/align]
[align=left] android:layout_height= "match_parent"[/align]
[align=left] >[/align]
[align=left] <Button[/align]
[align=left] android:id="@+id/bt1"[/align]
[align=left] android:text="1"[/align]
[align=left] android:layout_width="wrap_content"[/align]
[align=left] android:layout_height="wrap_content"[/align]
[align=left] />[/align]
[align=left] [/align]

[align=left]</RelativeLayout >[/align]
[align=left] [/align]
[align=left] [/align]
[align=left] [/align]
[align=left]android:layout_below="@+id/button" 该控件位于给定ID控件的底部[/align]
[align=left]android:layout_toRightOf="@+id/button" 该控件位于给定ID控件的右边[/align]
[align=left]android:layout_above="@+id/button" 该控件位于给定ID控件的上面[/align]
[align=left]android:layout_toLeftOf="@+id/button" 该控位于给定ID控件的左边[/align]
[align=left]android:layout_alignBaseline="@+id/button" 该控件的内容与给定ID控件的内容在一条直线上[/align]
[align=left]android:layout_alignBottom 该控件的底部边缘与给定ID控件的底部边缘对齐[/align]
[align=left]android:layout_alignLeft 该控件的左边缘与给定ID控件的左边缘对齐[/align]
[align=left]android:layout_alignRigth 该控件的右边缘与给定ID控件的右边缘对齐[/align]
[align=left]android:layout_alignTop 该控件的顶部边缘与给定ID控件的顶部对齐[/align]
[align=left] [/align]

[align=left] <Button[/align]
[align=left] android:id="@+id/bt1"[/align]
[align=left] android:text="1"[/align]
[align=left] android:layout_width="wrap_content"[/align]
[align=left] android:layout_height="wrap_content"[/align]
[align=left] />[/align]
[align=left] [/align]
[align=left] <!-- android:layout_alignBaseline="@+id/bt1" 文字在与绑定ID BT1的同一水平线上 -->[/align]
[align=left] [/align]
[align=left] <Button[/align]
[align=left] android:layout_alignBaseline="@+id/bt1" [/align]
[align=left] android:layout_toRightOf="@+id/bt1"[/align]
[align=left] android:id="@+id/bt2"[/align]
[align=left] android:text="2"[/align]
[align=left] android:layout_width="wrap_content"[/align]
[align=left] android:layout_height="wrap_content"[/align]

[align=left] />[/align]
[align=left] [/align]
[align=left]帧布局 FrameLayout[/align]
[align=left] 所有的子元素都不能被指定放置的位置,他们统统放于这块区域的左上角,并且后面的子元素直接覆盖前面的子元素之上,将前面的子元素部分和全部遮挡。[/align]

[align=left]<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"[/align]
[align=left] xmlns:tools= "http://schemas.android.com/tools"[/align]
[align=left] android:layout_width= "match_parent"[/align]

[align=left] android:layout_height= "match_parent"[/align]
[align=left] android:foreground ="@drawable/on" // 设置前景图[/align]
[align=left] >[/align]

[align=left] <TextView[/align]
[align=left] android:layout_gravity="center"[/align]
[align=left] android:id="@+id/textView1"[/align]
[align=left] android:layout_width="200dp"[/align]
[align=left] android:layout_height="200dp"[/align]
[align=left] android:background= "#785435"[/align]
[align=left] android:text="1111111111111111111" />[/align]
[align=left] [/align]
[align=left] <TextView[/align]
[align=left] android:layout_gravity="center"[/align]
[align=left] android:id="@+id/textView2"[/align]
[align=left] android:layout_width="100dp"[/align]
[align=left] android:layout_height="100dp"[/align]
[align=left] android:background="#564238"[/align]
[align=left] android:text="2222222222222222222" />[/align]
[align=left] [/align]

[align=left]</FrameLayout >[/align]
[align=left]————————————————————————————————————————————————————————————————————————————————————————[/align]

[align=left]<ProgressBar[/align]
[align=left] android:layout_gravity="center"[/align]
[align=left] android:id="@+id/progressBar1"[/align]
[align=left] style= "?android:attr/progressBarStyleLarge"[/align]
[align=left] android:layout_width="wrap_content"[/align]
[align=left] android:layout_height="wrap_content" />[/align]
[align=left] [/align]
[align=left] <TextView[/align]
[align=left] android:layout_gravity="center"[/align]
[align=left] android:id="@+id/textView1"[/align]
[align=left] android:layout_width="wrap_content"[/align]
[align=left] android:layout_height="wrap_content"[/align]

[align=left] android:text="20%" />[/align]
[align=left] [/align]
[align=left] [/align]
[align=left] [/align]
[align=left]绝对布局 AbsoluteLayout(使用决定定位适应性会比较差,屏幕适配会有缺陷)[/align]
[align=left] 又叫坐标布局,可以直接指定子元素的绝对位置即子元素X、Y的坐标。[/align]
[align=left] android:layout_x:"35dip"[/align]
[align=left] android:layout_y:"35dip"[/align]

[align=left]<AbsoluteLayout xmlns:android="http://schemas.android.com/apk/res/android"[/align]
[align=left] xmlns:tools= "http://schemas.android.com/tools"[/align]
[align=left] android:layout_width= "match_parent"[/align]
[align=left] android:layout_height= "match_parent"[/align]
[align=left] android:foreground= "@drawable/on"[/align]
[align=left] >[/align]
[align=left] [/align]
[align=left] <Button[/align]
[align=left] android:id="@+id/button1"[/align]
[align=left] android:layout_width="wrap_content"[/align]
[align=left] android:layout_height="wrap_content"[/align]

[align=left] android:layout_x="45dp"[/align]
[align=left] android:layout_y="32dp" //绝对位置[/align]

[align=left] android:text="Button" />[/align]
[align=left] [/align]

[align=left]</AbsoluteLayout>[/align]
[align=left] [/align]
[align=left] [/align]
[align=left]表格布局 TableLayout[/align]
[align=left]TableLayout表格布局模型以行列的形式管理子控件,每一行为一个TableRow的对象,当然也可以是一个View的对象。[/align]
[align=left]android:collapseColumns="1,2" 隐藏从0开始的索引列,列直接必须用逗号隔开[/align]
[align=left]android:shrinkColumns="1,2" 收缩从0开始的索引列。当可收缩的列太宽不会被挤出屏幕,列直接必须用逗号隔开,可以通过“*”代替收缩所有列.注意一列能同时表示收缩和拉伸。[/align]
[align=left]android:stretchColumns="1,2" 拉伸从0开始的索引列。以填满剩下的多余空白空间。列直接必须用逗号隔开,可以通过“*”代替收缩所有列.注意一列能同时表示收缩。[/align]

[align=left]<?xml version= "1.0" encoding ="utf-8"?>[/align]
[align=left]<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"[/align]
[align=left] android:collapseColumns= "1,2"[/align]
[align=left] android:shrinkColumns= "1,2"[/align]
[align=left] android:stretchColumns= "1,2"[/align]
[align=left] android:layout_width= "match_parent"[/align]
[align=left] android:layout_height= "match_parent" >[/align]
[align=left] [/align]

[align=left]</TableLayout>[/align]
[align=left] [/align]
[align=left] [/align]
[align=left]TableLayout的局部属性(内部空间所有属性)[/align]
[align=left]android:layout_column="1" 该控件显示在第二列[/align]
[align=left]android:layout_span="2" 该控件占据2列。[/align]

[align=left] <TableRow[/align]
[align=left] android:id="@+id/tableRow1"[/align]
[align=left] android:layout_width="wrap_content"[/align]
[align=left] android:layout_height="wrap_content" >[/align]
[align=left] [/align]
[align=left] <Button[/align]
[align=left] android:layout_column="1"[/align]
[align=left] android:layout_span="2"[/align]
[align=left] android:id="@+id/button1"[/align]
[align=left] android:layout_width="wrap_content"[/align]
[align=left] android:layout_height="wrap_content"[/align]
[align=left] android:text="1" />[/align]
[align=left] [/align]

[align=left] </TableRow >[/align]
[align=left] [/align]
[align=left] [/align]
[align=left]TableLayout 计数器[/align]

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

[align=left]</TableLayout>[/align]
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: