安卓六大布局介绍

article/2025/9/28 0:26:24

安卓六大布局

  • 布局的介绍
  • 安卓六大布局

布局的介绍

用户使用安卓看到的应用界面,是通过布局和组件构成的,组件根据布局的格式排列,形成用户所看到的界面。

安卓六大布局

  1. 线性布局方式(LinearLayout
    按照垂直或者水平的顺序依次排列子元素,每一个子元素都位于前一个元素之后。如果要实现多行多列,一般通常用定义一组垂直排序,再垂直中再加添加水平布局来实现多行多列的效果。android:layout_weight值可以设置布局的宽度比例。
    在这里插入图片描述

  2. 相对布局(Relative Layout
    这种布局相对其他布局来说,比较常用,因为十分灵活。相对布局是按照各子元素之间的位置关系完成布局。在此布局中的子元素里与位置相关的属性将生效,如android:layout_below, android:layout_above等,需要注意的是,一个子元素要相对于另一个元素定位时,那另一个元素必须先定义。
    在这里插入图片描述

  3. 绝对位置布局(AbsoluteLayout
    该布局是用坐标来定位的,绝对位置布局中的子元素的android:layout_x和android:layout_y属性来定位x轴和y轴,一左上角原点(0,0),分别代表x轴和y轴的起点,向右向下延申xy轴数值变大,布局也会重叠,由于该布局需要非常精准的坐标,所以调试时间和适配都相对困难,所以实际开发很少使用该布局。

  4. 帧布局(FrameLayout
    帧布局中,整个界面被当成一块空白备用区域,所有的子元素都不能被指定放置的位置,它们统统放于这块区域的左上角,并且后面的子元素会覆盖上一层的子元素,将上面遮挡住。该布局在开发中设计地图经常用到。

  5. 表格布局(TableLayout
    适用于多行多列的布局格式,每个TableLayout是由多个TableRow组成,TableRow是LinearLayout(线性布局)的子类,TableLayout里面添加组件,那么该组件就直接占用一行。在表格布局中,列的宽度由该列中最宽的单元格决定,整个表格布局的宽度取决于父容器的宽度。

  6. 网格布局(GridLayout
    网格布局是Android4.0之后推出的布局,类似于之前的线性布局,但是比线性布局功能更广。


http://chatgpt.dhexx.cn/article/dm0Mekw8.shtml

相关文章

安卓线性布局

安卓线性布局 (一)界面与布局1、界面2、布局(1)UI容器(2)UI控件 (Control)(3)两种方式声明布局 (二)线性布局(1)常用属性 &#xff08…

安卓的常用布局看一篇就够了

目录 1-1 布局通用的属性 1-2 线性布局(LinearLayout) 1、常见属性: 2、线性布局的例子: 1-3 相对布局(RelativeLayout) 1、常见属性: 2、 相对布局的例子: 1-4 帧布局&a…

android布局技巧:创建高效布局

Android UI工具包提供了一些布局管理器,它们使用起来相当容易,而且,大多数的时候,你只需要使用它们最基本的特征来实现UI。 执着于基本特征的使用对于创建UI来说,往往不是最高效的。一个常见的例子就是滥用LinearLayo…

安卓7大基本布局

一:基础知识 1.Android七大基本布局分别是: LinearLayout(线性布局)、TableLayout(表格布局)、RelativeLayout(相对布局)、FrameLayout(层布局)、AbsoluteLayout(绝对布局)、GridLayout(网格布局)、ConstraintLayout(约束布局)。 2.七大基本布局的继承…

Android的六大基本布局

线性布局 LinearLayout相对布局 RelativeLayout表格布局 TableLayout绝对布局 AbsoluteLayout网格布局 GridLayout帧布局 FrameLayout 布局通用属性 属性名称功能描述android:id设置布局的标识android:layout_width设置布局的宽度android:layout_height设置布局的高度android:…

安卓布局详解:探索各种布局方式

文章目录 前言一、线性布局(LinearLayout)二、相对布局(RelativeLayout)三、帧布局(FrameLayout)四、表格布局(TableLayout)五、约束布局(ConstraintLayout)六…

微信小程序页面布局——上中下结构

小程序页面布局——上中下结构 内容简述 上中下结构:头脚固定中间滚动框 使用UI框架:Vant Weapp(引入安装参考) 为了方便,使用了less生成wxss,所以展示的是less代码,有需要可以看:https://www.jianshu.com…

微信小程序中的常用布局方式(总结)

参照Android开发,总结了微信小程序的常用的两种布局方式:1、线性布局(横版、竖版)。2、网格布局。 效果图如下: 一、网格布局 (1)固定Item个数的网格布局,主要用于功能模块入口展示…

微信小程序页面布局

一,微信小程序页面布局方式采用的是Flex布局 1.Flex布局,是W3c在2009年提出的一种新的方案,可以简便,完整,响应式的实现各种页面布局。 2.Flex布局提供了元素在容器中的对齐,方向以及顺序,甚至他们可以是动…

html的网格布局

网格布局 学习总结: 从7.19进入csdn夏令营后,感谢各位老师的辛苦讲解与发布任务,我对C1能力认证中web方面的知识有了极大的领会。学习过程中既温习了在校学习的知识,也学到了诸如网格布局,动画,less&#x…

网格布局(grid布局)

网格布局 他可以将页面分为多个网格,可以任意组合不同的网格 ,做出各种各样的布局。 网格布局为二维性质的。 设置行、列间距 grid-row-gap:1rem ;行间距 ** grid-column-gap: 1rem ;列间距** ** grid-gap: 1rem;**设置行列间距 设置容器的列宽和与…

CSS布局—网格布局Grid(一)

CSS网格可以定义由行和列组成的二维布局,然后将元素放置到网格中。有些元素可能只占据网格的一个单元,另一些元素则可能占据多行或多列。网格的大小既可以精确定义,也可以根据自身内容自动计算。你既可以将元素精确地放置到网格某个位置&…

CSS Grid 网格布局教程

一、概述 网格布局(Grid)是最强大的 CSS 布局方案。 它将网页划分成一个个网格,可以任意组合不同的网格,做出各种各样的布局。以前,只能通过复杂的 CSS 框架达到的效果,现在浏览器内置了。 上图这样的布局&…

css 网格布局

简介: 网格是由一系列水平及垂直的线构成的一种布局模式。一个网格通常具有许多的列(column)与行(row),以及行与行、列与列之间的间隙,这个间隙一般被称为沟槽(gutter)。…

微信小程序的页面布局(1)

微信小程序的页面布局主要用到两个文件,wxml(摆放各种组件)和wxss(设计排版) 因此,我们首先将要用到的组件按照一定的组织排序扔进wxml文件里,什么叫组织排序呢,这里注意就是组件与组…

微信小程序~利用模板实现《福利》页面的网格布局

什么是模板? 在微信小程序中,使用template来表示模板 为什么要使用模板? 使用模板文件能够降低代码重构,提高代码的复用性。 如何使用? 页面内使用:在页面内直接声明一个template并且引用代码如下&#xf…

【HTML/CSS】网格布局小案例

代码如下&#xff08;可以改动精简一些&#xff0c;我不想改了&#xff0c;改一下估计50行就够了&#xff09;&#xff1a; <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><meta http-equiv"X-UA-Compati…

微信小程序第三天(布局:栅格布局)

我根据微信小程序的特点弄了一套简单的栅格布局。 .row {display: block;margin: 0px; }.col {display: flex;font-family: -apple-system-font, "Helvetica Neue", sans-serif;font-size: 17px; }.col>.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7,…

HTML5 网页栅格布局

栅格布局&#xff1a;也称为网格系统&#xff0c;运用固定的格子设计版面布局。 Demo <!DOCTYPE HTML> <html><head><meta charset"UTF-8"/><title>栅格布局</title><style type"text/css">/*清空所有标签外边…

小程序宫格布局

之前写小程序的时候用了iview的宫格&#xff0c;好像跳过了很多要自己写的坑&#xff0c;今天测试了下&#xff0c;总结一下方法。注意小程序中flex和grid的用法有很多不一眼&#xff01;小心甄别&#xff01; 1.使用iview 去iview weapp github 引入index.json {"us…