大家好,又见面了,我是你们的朋友全栈君。
原创文章,如有转载,请注明出处:http://blog.csdn.net/yihui823/article/details/6702312
线性布局。这个布局简单的说,就是所有控件都依次排序,谁也不会覆盖谁。线性布局需要定义一个方向,横向(android:orientation=”horizontal”)或纵向(android:orientation=”vertical”)。也就是说,控件要么就并排横向的排列,要么就纵向的笔直排列。
横向排列的示意图如下:layoutpic008
笔直排列的示意图如下:layoutpic009
因为是并排放置的,所以不会有相互覆盖的情况出现。
我们把上一章的例子,稍加改动,仅仅把FrameLayout改成LinearLayout:
<?xml version=”1.0″ encoding=”utf-8″?>
<LinearLayout xmlns:android=”http://schemas.android.com/apk/res/android”
android:orientation=”vertical”
android:layout_width=”fill_parent”
android:layout_height=”fill_parent”
>
<TextView
android:id=”@+id/tv1″
android:layout_width=”fill_parent”
android:layout_height=”wrap_content”
android:textSize=”50dip”
android:textColor=”#ffffff”
android:text=”第一层”/>
<TextView
android:id=”@+id/tv2″
android:layout_width=”fill_parent”
android:layout_height=”wrap_content”
android:textSize=”40dip”
android:textColor=”#ffff00″
android:layout_toRightOf=”@id/tv1″
android:text=”第二层”/>
<TextView
android:id=”@+id/tv3″
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”
android:textSize=”30dip”
android:textColor=”#ff00ff”
android:gravity=”right”
android:text=”第三层”/>
<TextView
android:id=”@+id/tv4″
android:layout_width=”fill_parent”
android:layout_height=”wrap_content”
android:textSize=”20dip”
android:textColor=”#00ffff”
android:layout_centerVertical=”true”
android:text=”第四层”/>
</LinearLayout>
效果如下:layoutpic003
改动1
我们换成水平排列来看看。只改一行:
android:orientation=”horizontal”
效果如下:
layoutpic004
晕了有木有?是不是发现不对劲啊?搞不定了,先出去抽支烟再说。
哦,忘了我不抽烟的,呵呵。其实很简单,我们控件的属性:android:layout_width=”fill_parent”这就是说,第一个文本框的宽度就已经充满整个屏幕了,第二个文本框放在第一个文本框的右边,自然就看不到啦。
知道了原因,就改改。把四个文本框的宽度属性都改成:
android:layout_width=”wrap_content”
再看看效果:layoutpic005
嗯。因为文字太宽了,第三个文本框为了显示完全,成了多行显示的文本了。第四个文本框直接就消失在屏幕之外了。我们按下“Ctrl + F11”,把虚拟机横过来,就可以看到下图:
layoutpic006
改动2
保持横屏不动。我们尝试把第二个文本框改成:
<TextView
android:id=”@+id/tv2″
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”
android:textSize=”40dip”
android:textColor=”#ffff00″
android:layout_below=”@id/tv1″
android:text=”第二层”/>
我们看看能不能让第二个文本框在第一个文本框的下面。显示结果表示:没变化。
改动3
我们尝试把第三个文本框改动下,加上边距:
<TextView
android:id=”@+id/tv3″
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”
android:textSize=”30dip”
android:textColor=”#ff00ff”
android:gravity=”right”
android:layout_margin=”20dip”
android:text=”第三层”/>
看看有效果没?有的啊:
layoutpic007
第三个文本框与其他控件以及父控件边缘,都保持了一定距离.(20dip不一定是20个像素哦,后面的文章我会仔细描述这个关系。)
总结
线性布局,同样没法直接控制控件的具体位置,以及相对的位置关系。每个控件都依次摆放。不过控件间的间距可以调整,控件也不会相互覆盖。线性布局可以嵌套使用,可以在一个纵向布局中加入一个横向布局。用这种嵌套方式,可以完成一些稍微复杂的页面。不过,当嵌套的情况使用的多了,并且嵌套的层次也多了,就会给维护带来非常大的麻烦。这个时候,就需要用更复杂的布局了。
发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/137220.html原文链接:https://javaforall.cn
【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛
【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...