先来看看整个布局的xml代码
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout android:id="@+id/ownerToast" android:orientation="vertical"
xmlns:android="http://schemas.android.com/apk/res/android" android:gravity="center"
android:layout_width="fill_parent" android:background="#FF708090"
android:layout_height="wrap_content" >
<TextView android:layout_width="fill_parent" android:layout_height="wrap_content"
android:text="title" android:textSize="20px" android:id="@+id/tvTitle" android:gravity="center" >
</TextView>
<LinearLayout android:layout_width="fill_parent" android:layout_height="wrap_content"
android:background="#FF808080" android:gravity="center"
android:orientation="vertical">
<ImageView android:id="@+id/ivOwner" android:layout_width="wrap_content"
android:layout_height="wrap_content" android:src="@drawable/icon">
</ImageView>
<TextView android:id="@+id/tvFooter" android:background="#FF708090" android:layout_width="fill_parent" android:gravity="center"
android:layout_height="wrap_content" android:textSize="16px" android:paddingBottom="10px" android:text="footer">
</TextView>
</LinearLayout>
</LinearLayout>
这是我自己做的一个布局,很简单,只有两个LinearLayout和两个TextView外加一个ImageView。
整个xml布局文件里,最外层的是一个LinearLayout,它用来控制整个xml布局文件的全局设定,这里它设定了
android:layout_width="fill_parent"宽度填充满整个父容器
android:background="#FF708090"设置背景色为‘石板灰’
android:layout_height="wrap_content"高度为根据内容填充,
android:gravity="center"设置内容居中显示
android:orientation="vertical"设置内容垂直布局
最外层的LinearLayout只包含了一个TextView,也就是说如果这个LinearLayout除了这个TextView外不包含其它任何布局空间,那么这个LinearLayout的宽度就是父容器的宽度,高度就是这个TextView的宽度,整个页面就只会显示一个TextView。
里面的LinearLayout和最外边的LinearLayout采用的布局方式是一样的,也是设定了
android:layout_width="fill_parent"宽度填充满整个父容器
android:background="#FF708090"设置背景色为‘石板灰’
android:layout_height="wrap_content"高度为根据内容填充,
android:gravity="center"设置内容居中显示
android:orientation="vertical"设置内容垂直布局
里面的LinearLayout包含了一个ImageView和一个TextView,其中TextView设置了‘石板灰’的背景色并且设置文本内容间距及字体大小等文本控件特有的属性。
最后我们来看一下整个效果图,看和你想象的有什么不同。
整个页面就是一个外层的LinearLayout包含了一个TextView和一个LinearLayout,而里层的LinearLayout又包含了一个ImageView和一个TextView。
通过LinearLayout的包含,你可以灵活的做出你想要的布局,何不自己动手做一个属于自己的布局呢。