Activity之常见布局初步

前一篇博客记录了在activity中有哪些控件可供我们使用,既然牵涉到控件,那么肯定会牵涉到控件的布局,也就是在activity中怎么摆放这些东西,我们先看看activity的布局方式有哪些:LinearLayout线性布局、TableLayout表格布局、RelativeLayout相对布局、AbsoluteLayout绝对布局、FrameLayout帧布局等五种,各有各的用途和用法,其中老夫认为最常用的是前三种,最最常用的应该就是前两种了,今天我们就介绍一下前三种的用法。 首先看第一个也是非常常见的也是非常简单的LinearLayout线性布局方式,布局文件为: <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" > <!&#8211; android:id 为控件指定相应的ID android:text 指定控件中显示的文字,需要注意的是:这里最好使用strings.xml android:gravity 指定控件中内容的基本位置,比如居中、靠左等 android:textSize 指定控件中字体的大小 android:background 指定控件的背景色,使用RGB命名法 android:width 指定控件的宽度 android:height 指定控件的高度 android:layout_width 和父控件的关系,例如是匹配内容还是在水平方向上填满父控件 android:layout_height 和父控件的关系,例如是匹配内容还是在垂直方向上填满父控件 android:padding* 指定控件的内边距,也就是说控件中内容 android:singleLine= 布尔值,如果为真,则控件中的内容将在一行中显示 &#8211;> <TextView android:id="@+id/firstTextView" android:text="第一行" android:gravity="center_vertical" android:textSize="20pt" android:background="#ff0000" android:layout_width="wrap_content" android:layout_height="wrap_content" android:paddingLeft="10dip" android:paddingTop="20dip" android:paddingRight="30dip" android:paddingBottom="40dip" android:singleLine="false" /> <TextView android:id="@+id/secondTextView" android:text="第二行" android:gravity="center_vertical" android:textSize="30pt" android:background="#00ff00" android:layout_width="wrap_content" android:layout_height="wrap_content" /> </LinearLayout> 其中LinearLayout表示采用线性布局方式,第五行:android:orientation=”vertical”表示是在水平方向还是在垂直方向上线性布局,注释中为该元素设置样式的各种含义。 需要说明的是,LinearLayout是可以嵌套的,下面给出一个例子: <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 android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" android:layout_weight="1" > <TextView android:id="@+id/firstTextView" android:text="第一行" android:gravity="center_vertical" android:textSize="20pt" android:background="#ff0000" android:layout_width="wrap_content" android:layout_height="wrap_content" android:paddingLeft="10dip" android:paddingTop="20dip" android:paddingRight="30dip" android:paddingBottom="40dip" android:singleLine="false" /> <TextView android:id="@+id/secondTextView" android:text="第二行" android:gravity="center_vertical" android:textSize="30pt" android:background="#00ff00" android:layout_width="wrap_content" android:layout_height="wrap_content" /> </LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" android:layout_weight="1" > <TextView android:id="@+id/firstTextView" android:text="第一行" android:gravity="center_vertical" android:textSize="20pt" android:background="#ff0000" android:layout_width="wrap_content" android:layout_height="wrap_content" android:paddingLeft="10dip" android:paddingTop="20dip" android:paddingRight="30dip" android:paddingBottom="40dip" android:singleLine="false" /> <TextView android:id="@+id/secondTextView" android:text="第二行" android:gravity="center_vertical" android:textSize="30pt" android:background="#00ff00" android:layout_width="wrap_content" android:layout_height="wrap_content" /> </LinearLayout> </LinearLayout> 关于嵌套需要说明的是,1. 最外层的android:orientation=”vertical”表示内部所有的LinearLayout的布局方式,当然每一个LinearLayout的android:orientation=”vertical”表明自己内部每一个元素的布局方式;2. 每一个LinearLayout的android:layout_weight=”1″表示该LinearLayout的权重,即该LinearLayout在所有空间中所占的比例。最后需要说明的是,这个我是把第一个文件直接拷过去的,所以ID有重复,大家记得改一下 下面我们看第二种布局方式:TableLayout表格布局,其中我个人感觉这种布局方式用的应该不是很多,下面我们看看其布局文件: ...

January 18, 2015 · 2 min · 252 words · Bridge Li