Android基础小白线性布局简单案例(附完整源码)

   日期:2020-05-12     浏览:124    评论:0    
核心提示:线性布局(LinearLayout)将组件按照水平或垂直方向排列。本博文旨在对线性布局作简单的案例,并附上完整源码。移动开发

线性布局(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一行代码
  • 成功点击运行。

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

 
打赏
 本文转载自:网络 
所有权利归属于原作者,如文章来源标示错误或侵犯了您的权利请联系微信13520258486
更多>最近资讯中心
更多>最新资讯中心
0相关评论

推荐图文
推荐资讯中心
点击排行
最新信息
新手指南
采购商服务
供应商服务
交易安全
关注我们
手机网站:
新浪微博:
微信关注:

13520258486

周一至周五 9:00-18:00
(其他时间联系在线客服)

24小时在线客服