Android布局详解之二:LinearLayout

Android布局详解之二:LinearLayout原创文章,如有转载,请注明出处:http://blog.csdn.net/yihui823/article/details/6702312线性布局。这个布局简单的说,就是所有控件都依次排序,谁也不会覆盖谁。线性布局需要定义一个方向,横向(android:orientation

大家好,又见面了,我是你们的朋友全栈君。

原创文章,如有转载,请注明出处:http://blog.csdn.net/yihui823/article/details/6702312

线性布局。这个布局简单的说,就是所有控件都依次排序,谁也不会覆盖谁。线性布局需要定义一个方向,横向(android:orientation=”horizontal”)或纵向(android:orientation=”vertical”)。也就是说,控件要么就并排横向的排列,要么就纵向的笔直排列。

横向排列的示意图如下:layoutpic008

 Android布局详解之二:LinearLayout

笔直排列的示意图如下:layoutpic009

 Android布局详解之二:LinearLayout

因为是并排放置的,所以不会有相互覆盖的情况出现。

我们把上一章的例子,稍加改动,仅仅把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

 Android布局详解之二:LinearLayout

改动1

我们换成水平排列来看看。只改一行:

android:orientation=”horizontal”

效果如下:

layoutpic004

    Android布局详解之二:LinearLayout

晕了有木有?是不是发现不对劲啊?搞不定了,先出去抽支烟再说。

哦,忘了我不抽烟的,呵呵。其实很简单,我们控件的属性:android:layout_width=”fill_parent”这就是说,第一个文本框的宽度就已经充满整个屏幕了,第二个文本框放在第一个文本框的右边,自然就看不到啦。

知道了原因,就改改。把四个文本框的宽度属性都改成:

android:layout_width=”wrap_content”

再看看效果:layoutpic005

Android布局详解之二:LinearLayout

嗯。因为文字太宽了,第三个文本框为了显示完全,成了多行显示的文本了。第四个文本框直接就消失在屏幕之外了。我们按下“Ctrl + F11”,把虚拟机横过来,就可以看到下图:

layoutpic006

 Android布局详解之二:LinearLayout

改动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

Android布局详解之二:LinearLayout

 

    第三个文本框与其他控件以及父控件边缘,都保持了一定距离.(20dip不一定是20个像素哦,后面的文章我会仔细描述这个关系。)

 

总结

    线性布局,同样没法直接控制控件的具体位置,以及相对的位置关系。每个控件都依次摆放。不过控件间的间距可以调整,控件也不会相互覆盖。线性布局可以嵌套使用,可以在一个纵向布局中加入一个横向布局。用这种嵌套方式,可以完成一些稍微复杂的页面。不过,当嵌套的情况使用的多了,并且嵌套的层次也多了,就会给维护带来非常大的麻烦。这个时候,就需要用更复杂的布局了。

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/137220.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)
blank

相关推荐

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号