Android基础小白线性布局简单案例(附完整源码)
线性布局(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="http://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一行代码
- 成功点击运行。
如果大家有不清楚的话,欢迎在此博文下方留言。与大家一起学习!