美文网首页
几种布局的特性

几种布局的特性

作者: valentizx | 来源:发表于2016-08-10 17:13 被阅读900次

线性布局

竖直方向
  • 左右对齐生效,顶部底部对齐无效
  • 水平居中生效,竖直居中无效

例:

代码部署 鸭姐并没有成为下面的朋友
水平方向
  • 顶部底部对齐生效,左右对齐无效
  • 竖直居中生效,水平居中无效

例(orientation改成了"horizontal"):

淋淋和仙子站在原地没动作

注:两者不能同时生效,线性布局中的组件是永远不会重叠的。

权重


  • layout_weightSum:把线性布局中剩余空间分成N份。

  • layout_weight:指定当前控件在父元素(线性布局)中占N份。

  • visibility:是控制布局是否显示

含义
visible 显示
invisible 不显示但占空间
gone 隐藏

例:

代码部署 阴婷大事不妙

解:第一个文本框的宽度给了20dp,第二个文本框100dp,屏幕剩下的宽度会按照比例(1:1)分配给两个文本框。

注:在项目开发的过程中设置控件宽度搭配权重的时候通常把控件宽度设置为0dp,这样控件没有初始宽度,按比例分配宽度很好计算。

另:weightSum属性是可以去掉的,计算结果等于控件的权重和,若weightSum的值大于控件的值,则会在屏幕上会有部分留白

例:

代码部署 鸭姐神秘失踪

相对布局

  • 组件可以重叠(没有方向性)
  • 所有组件默认位置:左对齐,顶部对齐
属性 含义
layout_toRightOf 在指定控件的右边
layout_toLeftOf 在指定控件的左边
layout_above 在指定控件的上边
layout_below 在指定控件的下边
layout_alignBaseline 和指定控件水平对齐
layout_alignLeft 和指定控件左对齐
layout_alignRight 和指定控件右对齐
layout_alignTop 和指定控件顶部对齐
layout_alignBottom 和指定控件底部对齐
layout_alignParentLeft 是否和父元素左对齐
layout_alignParentRight 是否和父元素右对齐
layout_alignParentTop 是否和父元素顶部对齐
layout_alignParentBottom 是否和父元素底部对齐
layout_centerVertical 父元素中水平居中
layout_alignParentLeft 父元素中垂直居中
layout_centerInParent 父元素中居中

相对父控件

例:

代码部署 鸭姐未做设置默认做左边的朋友,阴婷人淡如菊在下面肛里见,淋淋不甘寂寞在右面寻找她的Mr.Q
相对指定控件

例:

代码部署

注:

萧亚轩的代码中既和Mr.Q左对齐,又和它右对齐,导致了萧亚轩的文本框整个被吸长(原本只是包裹内容),也就是说:宽度也是可以相对
android:layout_alignRight="@+id/jolin"
android:layout_alignLeft="@+id/jolin"

阴婷永远人淡如菊没动作

互相搭配即可完成简单相对布局

全家福惹

帧布局

  • 组件可以叠加
  • 所有组件默认位置:左对齐,顶部对齐
  • 布局方式和线性布局一样,但是帧布局没有方向

例:

代码部署 地才淋淋

表格布局

  • 一个TableRow节点是一行
  • TableRow中有几个子节点就是几列
  • 宽高可省略不设置(因为设置没用)
不全的代码 擦妈冠专确定!

绝对布局死了 NobodyCares

相关文章

  • 几种布局的特性

    线性布局 竖直方向 左右对齐生效,顶部底部对齐无效 水平居中生效,竖直居中无效 例: 水平方向 顶部底部对齐生效,...

  • masonry 源码解读

    ios 手写布局的几种方式 Frame AutoLayout VFL Masonry ios 布局的几种方式 1....

  • 几种常见的CSS布局

    本文概要 本文将介绍如下几种常见的布局: 其中实现三栏布局有多种方式,本文着重介绍圣杯布局和双飞翼布局。另外几种可...

  • web前端开发之几种布局方式之响应式布局

    web前端开发之几种布局方式之响应式布局

  • css-布局详解

    正常的默认文档流方式布局就不说了。主要说以下几种布局: table布局 float布局 position定位布局 ...

  • 安卓第一个程序--登录页面

    一、需要的知识 1、常见的几种布局,线性布局LinearLayout、相对布局RelativeLayout、框架布...

  • 安卓第一个程序--登录页面

    一、需要的知识 1、常见的几种布局,线性布局LinearLayout、相对布局RelativeLayout、框架布...

  • 网页基本布局

    网页常见的几种简单布局 单列布局 两列布局 三列布局 通栏布局 单列布局 效果图: top{ }/宽度980px,...

  • css中常见的布局方式

    三栏布局 三栏布局是页面中比较常见的布局方式,也有好几种实现方式,分别是flex布局,grid布局,float布局...

  • 几种常见的 CSS 布局

    本文概要 本文将介绍如下几种常见的布局: 单列布局 两列自适应布局 圣飞布局和双飞翼布局 伪等高布局 粘连布局 一...

网友评论

      本文标题:几种布局的特性

      本文链接:https://www.haomeiwen.com/subject/lykjsttx.html