android常用布局属性的介绍
LinearLayout(线性布局)
LinearLayout适用范围
主要是线性布局,横向或者是纵向.子控件位置同一个方向互相靠近且紧凑,中间没有分割.适合于控件尺寸固定,且位置为线性关系的布局.
LinearLayout 布局涉及到的属性
layout_width | 布局的宽度 |
layout_height | 布局的高度 |
orientation | 布局的方向(横向,纵向显示) |
线性布局的子控件的位置布局属性
layout_margin | 控件的边距 |
layout_padding | 控件的边 |
RelativeLayout(相对布局)
RelativeLayout适用范围:
相互布局:适用于容器内控件之间的位置比较松散,控件的位置主要是相对于容器,和其他的控件
LinearLayout 布局涉及到的属性
layout_width | 布局的宽度 |
layout_height | 布局的高度 |
gravity |
线性布局的子元素的位置布局属性
相对于容器 | |
layout_centerInParent | 相对于容器居中 |
layout_alignParentRight | 相对于容器右对齐 |
layout_alignParentLeft | 相对于容器左对齐 |
layout_alignParentTop | 相对于容器上对齐 |
layout_alignParentBottom | 相对于容器下对齐 |
相对于其它控件 | |
android:layout_toRightOf | 其他控件的右边对齐 |
android:layout_toLeftOf | 其他控件的左边对齐 |
android:layout_alignTop | 其他控件的上边对齐 |
android:layout_alignBottom | 其他控件的下面对齐 |
注:在容器的子控件和其他的控件相对布局时,布局配置文件中,其他控件的定义在当前子控件定义前面。
2.1.3 TableLayout (表格布局)
TableLayout适用范围: 容器里面的内容显示的方式按照Table的形式显示.
TableLayout 布局涉及到的属性
stretchColumns | 扩展列 |
shrinkColumns | 沿伸列 |
<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:stretchColumns="0,1,2"
android:shrinkColumns="1,2"
>
<TextView
android:text="Table Test"
android:gravity="center"/>
<TableRow>
<TextView
android:layout_column="1"
android:text="姓名"
android:gravity="center"/>
<TextView
android:text="基本信息"
android:gravity="center"/>
</TableRow>
<TableRow>
<TextView
android:text=" 1 "
android:gravity="center"/>
<TextView
android:text="hoyah"
android:gravity="left"/>
<TextView
android:text="Wuhan University"
android:gravity="right"/>
</TableRow>
<TableRow>
<TextView
android:text=" 2 "
android:gravity="center"/>
<TextView
android:text="Google"
android:gravity="left"/>
<TextView
android:text="hello Google"
android:gravity="right"/>
</TableRow>
<TableRow>
<TextView
android:text="3"
android:gravity="center"/>
<TextView
android:text="Android"
android:gravity="left"/>
<TextView
android:text="Android OS"
android:gravity="right"/>
</TableRow>
</TableLayout>