现在的位置: 首页 > 综合 > 正文

android之LinearLayou简单布局分析二

2013年08月05日 ⁄ 综合 ⁄ 共 2067字 ⁄ 字号 评论关闭

先来看看整个布局的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的包含,你可以灵活的做出你想要的布局,何不自己动手做一个属于自己的布局呢。

 

 

 

 

 

 

抱歉!评论已关闭.