Android基础小白线性布局简单案例(附完整源码)移动开发m037149062的博客-

线性布局(LinearLayout)将组件按照水平或垂直方向排列。在XML布局文件中，由根元素LinearLayout来标识线性布局，由android：orientation属性来设置排列方向，其属性值有水平(horizontal)和垂直(vertical)两种.
(1)设置水平方向：android:orientation = “horizontal”.
(2)设置为垂直方向：android：orientation=“vertical”.
本博文就以实现图片两种效果为例，讲解如何操作：


在本文阅览之前，确保大家会跑第一个hello,world。可以参考这个mooc讲的内容
mooc链接

创建资源布局xml

这个文件创建好之后，就会有一段基础代码。因为安卓是靠MVC框架运行，所以我们只需要在基础代码里修改就行了。

设置布局

点击此按钮，随意拖动5个button

点击第一个视图回到xml

然后我们修改代码：

修改代码如下

activity_main1.xml

<?xml version="1.0" encoding="utf-8"?> <LinearLayout     xmlns:android="https://schemas.android.com/apk/res/android"      android:layout_width="fill_parent"     android:layout_height="fill_parent"     android:orientation="vertical"> <Button         android:id="@+id/button4"         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:text="1" /> <Button         android:id="@+id/button5"         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:text="2" /> <Button         android:id="@+id/button6"         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:text="3" /> <Button         android:id="@+id/button7"         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:text="4" /> <Button         android:id="@+id/button8"         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:text="5" /> </LinearLayout> 

代码讲解

LinearLayout是指我们布局采用线性布局，xmlans:android是默认，我们不作修改。其中布局整体的fill_parent填充父元素，android:orientation是指水平或垂直方向，改变代码时你可以horizontal与vertical都可以试一试。horizontal是水平(效果1图)，vertiacal垂直(效果2图)
Button是指控件，控件我们现在基础阶段，没有学太深，你就按照xml语义读出来就行了id就是要唯一，layout_width就是子元素的宽度,layout_height就是子元素的高度,text就是元素显示的名称.

改变java代码一行

这里改为布局的源文件，大家应该可以照猫画虎一下.最后

点击绿色三角跑一下，大功告成

总结步骤

看此博文必须有会成功跑hello world的基础。

• 创建布局文件
• 拖动按钮控件
• 修改xml源码
• 分析源码含义，改动java一行代码
• 成功点击运行。

如果大家有不清楚的话，欢迎在此博文下方留言。与大家一起学习！