欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-07-14 12:45:42
...

线性布局(LinearLayout)将组件按照水平或垂直方向排列。在XML布局文件中,由根元素LinearLayout来标识线性布局,由android:orientation属性来设置排列方向,其属性值有水平(horizontal)和垂直(vertical)两种.
(1)设置水平方向:android:orientation = “horizontal”.
(2)设置为垂直方向:android:orientation=“vertical”.
本博文就以实现图片两种效果为例,讲解如何操作:
Android基础小白线性布局简单案例(附完整源码)
Android基础小白线性布局简单案例(附完整源码)
在本文阅览之前,确保大家会跑第一个hello,world。可以参考这个mooc讲的内容
mooc链接

创建资源布局xml

Android基础小白线性布局简单案例(附完整源码)
Android基础小白线性布局简单案例(附完整源码)
Android基础小白线性布局简单案例(附完整源码)
这个文件创建好之后,就会有一段基础代码。因为安卓是靠MVC框架运行,所以我们只需要在基础代码里修改就行了。

设置布局

Android基础小白线性布局简单案例(附完整源码)
点击此按钮,随意拖动5个button
Android基础小白线性布局简单案例(附完整源码)
点击第一个视图回到xml
Android基础小白线性布局简单案例(附完整源码)
然后我们修改代码:

修改代码如下

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代码一行

Android基础小白线性布局简单案例(附完整源码)
这里改为布局的源文件,大家应该可以照猫画虎一下.最后
Android基础小白线性布局简单案例(附完整源码)
点击绿色三角跑一下,大功告成

总结步骤

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

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

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

相关标签: 安卓尝试