Android 之 五大布局案例

最新推荐文章于 2022-01-14 14:42:30 发布
最新推荐文章于 2022-01-14 14:42:30 发布
阅读量157 收藏
点赞数
分类专栏： Android 文章标签： android 布局 线性布局 表格布局 相对布局
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhang583740618/article/details/88341056
版权
[size=medium][color=red][b]1、LinearLayout 线性布局例子：[/b][/color][/size] 

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="0.5"
        android:orientation="horizontal" >

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="fill_parent"
            android:layout_weight="0.2"
            android:background="#5F9EA0"
            android:gravity="center"
            android:text="ONE" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="fill_parent"
            android:layout_weight="0.2"
            android:background="#FFEBCD"
            android:gravity="center"
            android:text="ONE" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="fill_parent"
            android:layout_weight="0.2"
            android:background="#F5F5DC"
            android:gravity="center"
            android:text="ONE" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="fill_parent"
            android:layout_weight="0.2"
            android:background="#FFE4C4"
            android:gravity="center"
            android:text="ONE" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="fill_parent"
            android:layout_weight="0.2"
            android:background="#A52A2A"
            android:gravity="center"
            android:text="ONE" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="0.5"
        android:orientation="vertical" >

        <TextView
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_weight="0.2"
            android:background="#A9A9A9"
            android:gravity="center"
            android:text="TWO" />

        <TextView
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_weight="0.2"
            android:background="#006400"
            android:gravity="center"
            android:text="TWO" />

        <TextView
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_weight="0.2"
            android:background="#BDB76B"
            android:gravity="center"
            android:text="TWO" />

        <TextView
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_weight="0.2"
            android:background="#8B008B"
            android:gravity="center"
            android:text="TWO" />

        <TextView
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_weight="0.2"
            android:background="#DC143C"
            android:gravity="center"
            android:text="TWO" />
    </LinearLayout>

</LinearLayout>

[size=medium][color=red][b]
2、RelativeLayout 相对布局案例一：[/b][/color][/size] 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >

    <EditText
        android:id="@+id/editText1"
        android:layout_width="280dp"
        android:layout_height="wrap_content"
        android:layout_below="@+id/textView1"
        android:layout_marginTop="16dp"

        android:ems="10" >

        <requestFocus />
    </EditText>

    <Button
        android:id="@+id/button2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBaseline="@+id/button1"
        android:layout_alignBottom="@+id/button1"
        android:layout_toLeftOf="@+id/button1"
        android:text="确定" />

    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignRight="@+id/editText1"
        android:layout_below="@+id/editText1"
        android:text="取消" />

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/editText1"
        android:layout_alignParentTop="true"
        android:text="用户名：" />

</RelativeLayout>

[size=medium][color=red][b]2.1 相对布局案例二：[/b][/color][/size] 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#000000"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >

    <AnalogClock
        android:id="@+id/analogClock1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="67dp" />

    <DigitalClock
        android:id="@+id/digitalClock1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/analogClock1"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="27dp"
        android:text="DigitalClock"
        android:textColor="#F5F5DC" />

</RelativeLayout>


[size=medium][color=red][b]3、TableLayout 表格布局案例：[/b][/color][/size] 
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="#000000" >

    <TableLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:background="#F5F5DC" 
        android:shrinkColumns="1"
        android:layout_marginLeft="1dp"
        >

        <TableRow
            android:id="@+id/tableRow1"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="1dp" >

            <TextView
                android:layout_width="40dp"
                android:layout_height="fill_parent"
                android:layout_marginLeft="1dp"
                android:layout_weight="0.2"
                android:background="#000000"
                android:gravity="center"
                android:padding="1dp"
                android:text="代码"
                android:textColor="#F5F5DC"
                android:textSize="20sp" />

            <TextView
                android:layout_width="80dp"
                android:layout_height="fill_parent"
                android:layout_marginLeft="1dp"
                android:layout_weight="0.2"
                android:background="#000000"
                android:gravity="center"
                android:padding="1dp"
                android:text="名称"
                android:textColor="#F5F5DC"
                android:textSize="20sp" />

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginLeft="1dp"
                android:layout_weight="0.2"
                android:background="#000000"
                android:gravity="center"
                android:padding="1dp"
                android:text="现价"
                android:textColor="#F5F5DC"
                android:textSize="20sp" />

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginLeft="1dp"
                android:layout_weight="0.2"
                android:background="#000000"
                android:gravity="center"
                android:padding="1dp"
                android:text="涨跌"
                android:textColor="#F5F5DC"
                android:textSize="20sp" />

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginLeft="1dp"
                android:layout_marginRight="1dp"
                android:layout_weight="0.2"
                android:background="#000000"
                android:gravity="center"
                android:padding="1dp"
                android:text="涨跌(%)"
                android:textColor="#F5F5DC"
                android:textSize="20sp" />
        </TableRow>

        <TableRow
            android:id="@+id/tableRow1"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="1dp" >

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginLeft="1dp"
                android:layout_weight="0.2"
                android:background="#000000"
                android:gravity="center"
                android:padding="1dp"
                android:text="001"
                android:textColor="#F5F5DC"
                android:textSize="20sp" />

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginLeft="1dp"
                android:layout_weight="0.2"
                android:background="#000000"
                android:gravity="center"
                android:padding="1dp"
                android:text="A股"
                android:textColor="#F5F5DC"
                android:textSize="20sp" />

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginLeft="1dp"
                android:layout_weight="0.2"
                android:background="#000000"
                android:gravity="center"
                android:padding="1dp"
                android:text="0.0"
                android:textColor="#F5F5DC"
                android:textSize="20sp" />

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginLeft="1dp"
                android:layout_weight="0.2"
                android:background="#000000"
                android:gravity="center"
                android:padding="1dp"
                android:text="1.05"
                android:textColor="#F5F5DC"
                android:textSize="20sp" />

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginLeft="1dp"
                android:layout_marginRight="1dp"
                android:layout_weight="0.2"
                android:background="#000000"
                android:gravity="center"
                android:padding="1dp"
                android:text="1.0"
                android:textColor="#F5F5DC"
                android:textSize="20sp" />
        </TableRow>

        <TableRow
            android:id="@+id/tableRow1"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="1dp" >

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginLeft="1dp"
                android:layout_weight="0.2"
                android:background="#000000"
                android:gravity="center"
                android:padding="1dp"
                android:text="002"
                android:textColor="#F5F5DC"
                android:textSize="20sp" />

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginLeft="1dp"
                android:layout_weight="0.2"
                android:background="#000000"
                android:gravity="center"
                android:padding="1dp"
                android:text="B股"
                android:textColor="#F5F5DC"
                android:textSize="20sp" />

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginLeft="1dp"
                android:layout_weight="0.2"
                android:background="#000000"
                android:gravity="center"
                android:padding="1dp"
                android:text="5.0"
                android:textColor="#F5F5DC"
                android:textSize="20sp" />

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginLeft="1dp"
                android:layout_weight="0.2"
                android:background="#000000"
                android:gravity="center"
                android:padding="1dp"
                android:text="1.4"
                android:textColor="#F5F5DC"
                android:textSize="20sp" />

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginLeft="1dp"
                android:layout_marginRight="1dp"
                android:layout_weight="0.2"
                android:background="#000000"
                android:gravity="center"
                android:padding="1dp"
                android:text="30"
                android:textColor="#F5F5DC"
                android:textSize="20sp" />
        </TableRow>

        <TableRow
            android:id="@+id/tableRow1"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="1dp" >

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginLeft="1dp"
                android:layout_weight="0.2"
                android:background="#000000"
                android:gravity="center"
                android:padding="1dp"
                android:text="003"
                android:textColor="#F5F5DC"
                android:textSize="20sp" />

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginLeft="1dp"
                android:layout_weight="0.2"
                android:background="#000000"
                android:gravity="center"
                android:padding="1dp"
                android:text="C 股"
                android:textColor="#F5F5DC"
                android:textSize="20sp" />

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginLeft="1dp"
                android:layout_weight="0.2"
                android:background="#000000"
                android:gravity="center"
                android:padding="1dp"
                android:text="4.0"
                android:textColor="#F5F5DC"
                android:textSize="20sp" />

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginLeft="1dp"
                android:layout_weight="0.2"
                android:background="#000000"
                android:gravity="center"
                android:padding="1dp"
                android:text="1.4"
                android:textColor="#F5F5DC"
                android:textSize="20sp" />

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginLeft="1dp"
                android:layout_marginRight="1dp"
                android:layout_weight="0.2"
                android:background="#000000"
                android:gravity="center"
                android:padding="1dp"
                android:text="38"
                android:textColor="#F5F5DC"
                android:textSize="20sp" />
        </TableRow>

        <TableRow
            android:id="@+id/tableRow1"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="1dp" >

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginLeft="1dp"
                android:layout_weight="0.2"
                android:background="#000000"
                android:gravity="center"
                android:padding="1dp"
                android:text="004"
                android:textColor="#F5F5DC"
                android:textSize="20sp" />

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginLeft="1dp"
                android:layout_weight="0.2"
                android:background="#000000"
                android:gravity="center"
                android:padding="1dp"
                android:text="D股"
                android:textColor="#F5F5DC"
                android:textSize="20sp" />

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginLeft="1dp"
                android:layout_weight="0.2"
                android:background="#000000"
                android:gravity="center"
                android:padding="1dp"
                android:text="6.8"
                android:textColor="#F5F5DC"
                android:textSize="20sp" />

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginLeft="1dp"
                android:layout_weight="0.2"
                android:background="#000000"
                android:gravity="center"
                android:padding="1dp"
                android:text="1.4"
                android:textColor="#F5F5DC"
                android:textSize="20sp" />

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginLeft="1dp"
                android:layout_marginRight="1dp"
                android:layout_weight="0.2"
                android:background="#000000"
                android:gravity="center"
                android:padding="1dp"
                android:text="55"
                android:textColor="#F5F5DC"
                android:textSize="20sp" />
        </TableRow>

        <TableRow
            android:id="@+id/tableRow1"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="1dp"
            android:layout_marginBottom="1dp"
             >

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginLeft="1dp"
                android:layout_weight="0.2"
                android:background="#000000"
                android:gravity="center"
                android:padding="1dp"
                android:text="005"
                android:textColor="#F5F5DC"
                android:textSize="20sp" />

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginLeft="1dp"
                android:layout_weight="0.2"
                android:background="#000000"
                android:gravity="center"
                android:padding="1dp"
                android:text="E股"
                android:textColor="#F5F5DC"
                android:textSize="20sp" />

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginLeft="1dp"
                android:layout_weight="0.2"
                android:background="#000000"
                android:gravity="center"
                android:padding="1dp"
                android:text="6.9"
                android:textColor="#F5F5DC"
                android:textSize="20sp" />

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginLeft="1dp"
                android:layout_weight="0.2"
                android:background="#000000"
                android:gravity="center"
                android:padding="1dp"
                android:text="1.1"
                android:textColor="#F5F5DC"
                android:textSize="20sp" />

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginLeft="1dp"
                android:layout_marginRight="1dp"
                android:layout_weight="0.2"
                android:background="#000000"
                android:gravity="center"
                android:padding="1dp"
                android:text="90"
                android:textColor="#F5F5DC"
                android:textSize="20sp" />
        </TableRow>
    </TableLayout>

</FrameLayout>
rjbusiness
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android studio下的线性布局（LinearLayout）与水平布局（ReativeLayout)详细解析+典型例子及其代码
m0_68403626的博客
03-18 8779
上面的小布局，目的是想要让它做三个水平排列的绿、红、蓝的权重皆为1的textview(视图)。哦对，还有一个知识点，
android宫格式布局,四种常见的APP分类界面布局设计案例学习
weixin_42516575的博客
05-25 3455
相信各位对于APP设计，已经很熟练啦。如何在熟练的基础上提高我们界面的优美度，或者是进行APP界面的迭代设计。重构APP设计布局是我们必须要经历的一个过程。在之前，学习UI设计的时候，经常要接触到页面的布局，布局的方式会直接影响一个APP的视觉效果，好的布局方式，往往能带来舒服的视觉效果，更能得到用户的接受与好评。今天，25学堂跟大家来看下四种常见的APP分类界面布局。第一种APP分类界面布局：宫...
android ui布局实例,Android UI布局
weixin_42487737的博客
05-26 245
用户界面的基本构建块是创建View类View对象，并占据屏幕上的一个矩形区域，负责绘图和事件处理。View是用于创建交互式UI组件，它是按钮，文本框等部件的基类。ViewGroup是View的一个子类，并提供了无形的容器，容纳其他视图或其他ViewGroup定义布局属性。第三个层次，不同的布局是ViewGroup类的子类，一个典型的布局定义为 Android 用户界面，并且可以在运行时创建，使用 ...
Android常见界面布局
小菜鸡的小博客
01-14 7742
第2章 Android常见界面布局 第2章 Android常见界面布局2.1 View视图2.2 界面布局编写方式2.2.1 在XML文件中编写布局2.2.2 在Java代码中编写布局2.3 常见界面布局2.3.1 布局的通用性2.3.2 RelativeLayout相对布局2.3.3 LinearLayout线性布局2.3.4 TableLayout表格布局2.3.5 FrameLayout帧布局2.3.6 ConstraintLayout约束布局 2.1 View视图 An
Android七种layout布局实例（可直接运行）
03-24
五种布局 framelayout linearlayout relativelayout tablelayout tablayout 两个控件 gridview listview实例代码，可直接运行
Android 开发五大布局案例使用
05-10
在Android开发中，布局...通过上述案例，开发者可以逐步掌握Android五大布局的使用技巧，理解它们各自的特点和适用场景，从而提升UI设计的能力。在实践中不断学习和探索，将有助于成为一名出色的Android开发者。
Android布局之RelativeLayout相对布局
09-03
例如，一个典型的案例是构建一个梅花形状的布局，其中五个花瓣（`ImageView`）分别位于中心点的上方、下方、左侧和右侧。通过调整各花瓣的`android:layout_*`属性，可以实现它们相对于中心点的相对位置。 ```xml ...
android开发项目案例（大学期间课程作业）
06-24
本项目案例聚焦于Android应用程序的开发，旨在帮助学习者掌握Android SDK、布局设计、数据存储、网络请求等核心概念。 一、Android SDK基础 Android SDK（Software Development Kit）是开发Android应用的基础工具...
Android布局实例
10-25
Android的一个简单的界面，主要是实现：点击选项的时候，背景颜色改为蓝色。（选项背景为圆边矩形）
安卓布局实例
01-27
安卓布局实例，包括多种实现方法，是安卓入门的必要技能，通俗易懂的实例，欢迎下载
安卓精美UI，通用布局，纯布局无功能实现
01-22
本例子是一个不错应用开发的ui框架，有自定义android项目底部任务栏和实用的Fragment切换四个页面基本可以包括一个简单项目的整体架构，例子只是纯布局，没有任何的功能实现，项目编码UTF-8默认编译版本4.4.2有简单的中文注释源码有分层
android ui源码:自己设计的一个精美布局
01-16
android ui设计 android源码 android开源项目 android项目代码 androidui设计,UI小练习
安卓表格布局实例
01-27
安卓表格布局，表格布局也是布局方法之一，是安卓入门的必要技能，通俗易懂的实例，欢迎下载
安卓（android）五大布局总结以及实例演示
luoshiwutai的博客
10-01 1169
下面来介绍一下安卓开发中必不可少的五大布局的使用。 1、线性布局LinearLayout ： 这种布局会自动按照属性中设置好的水平或者垂直方向进行控件的编排，使用起来比较简单。比较重要的一个属性orientation用于设置线性布局的布局方向，分为水平方向（horizontal）和垂直方向（vertical）。 举例如下： <LinearLayout androi
Android 布局简要范例
12-10 158
Android的布局决定着实际的UI界面呈现情况，正是这些UI界面的组合与千变万化，才呈现出了各式各样的风格。 而这些基础的布局框架结构很重要，需要玩的很熟悉。我将以前参考的部分代码示例，所做的相关实践在这里记录一下，稍后相关代码也会删除掉，这里做个备忘。 好了，现在开始： 我的代码结构是这样子的：       每个布局文件个类，如果要做具体的个性化，在其中的包里面扩
安卓案例：线性布局嵌套
热门推荐
howard2005的专栏
03-06 1万+
本教程通过实例详细解析了Android中线性布局（LinearLayout）的使用方法与核心属性，强调其在界面设计中的重要作用。首先简述了线性布局的特点，即支持子视图垂直或水平排列，并能够通过权重进行空间分割。接着以实际代码为例，逐步展示了如何在主布局文件中运用嵌套的线性布局实现多行多列的复杂布局效果，同时结合 gravity、weight 等属性调整组件位置与大小。最后布置课后作业，要求利用线性布局模拟网格布局样式，进一步巩固学习成果，旨在帮助开发者熟练掌握并灵活应用线性布局进行界面设计。
android系统五大布局实例
最新发布
05-30
好的，下面给出每种布局的一个简单实例： 1. 线性布局（LinearLayout） ```xml android:layout_width="match_parent" android:layout_height...以上是五种布局的简单实例，开发者可以根据具体需求进行修改和调整。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值