2 布局

作者: 月影追猎者 | 来源:发表于2019-03-27 12:58 被阅读0次
  1. LinearLayout(线性布局)
  2. RelativeLayout(相对布局)
  3. TableLayout(表格布局)
  4. FrameLayout(帧布局)
  5. AbsoluteLayout(绝对布局)
  6. GridLayout(网格布局)

2.2.1 LinearLayout(线性布局)

常用属性
orientation: 布局中组件的排列方式,horizontal水平,vertical垂直(默认)
gravity: 控制组件所含子元素的对齐方式,可组合
layout_gravity: 控制组件在父容器中对齐方式
layout_width: 布局宽度,wrap_content组件实际大小,match_parent填满父容器
layout_height: 布局高度
id: 为组件设置资源id
background: 为组件设置背景图片

Weight(权重)
该属性用于等比例划分区域

divider分割线
该属性用于为LinearLayout设置分割线,通过showDividers设置分割线位置,可选值none,middle,beginning,end;dividerPadding设置分割线padding

2.2.2 RelativeLayout(相对布局)

基本属性
gravity: 设置容器内组件对齐方式
ignoreGravity: 该属性为true组件不受gravity属性影响

根据父容器定位
layout_alignParentLeft 左对齐
layout_alignParentRight 右对齐
layout_alignParentTop 顶部对齐
layout_alignParentBottom 底部对齐
android:layout_centerHorizontal 水平居中
android:layout_centerVertical 垂直居中
android:layout_centerInParent 中间位置

根据兄弟组件定位
layout_toLeftOf 参考组件左边
layout_toRightOf 参考组件右边
layout_above 参考组件上方
layout_below 参考组件下方
layout_alignTop 对齐参考组件上边界
layout_alignBottom 对齐参考组件下边界
layout_alignLeft 对齐参考组件左边界
layout_alignRight 对齐参考组件右边界

偏移
layout_margin
layout_marginTop
layout_marginBottom
layout_marginLeft
layout_marginRight

填充
padding
paddingTop
paddingBottom
paddingLeft
paddingRight

相关文章

  • css布局

    CSS布局 作业1 作业1使用float布局作业1使用flex布局 作业2 作业2使用float布局作业2使用fl...

  • CSS2-3的盒模型

    Css2定义了四种布局模式 1) 块布局:呈现文档的布局模式 2) 行内布局:呈现文本的布局模式 3) 表格布局:...

  • 布局

    1、横向布局2、竖向布局

  • 前端页面中几种常用的flex布局

    以下是前端开发中,常见的几种页面布局,使用flex实现 1.布局一 2.布局2 3.布局3

  • 图片在盒子中垂直水平居中的2种写法

    1、flex布局 2、position布局+transform

  • Android学习笔记

    一、布局方式: (1)线性布局LinearLayout(2)表格布局TableLayout(3)帧布局FrameL...

  • day07

    1.布局 1.默认布局2.float布局3.层级布局(定位布局) 2.css样式的引入 3.外部样式 外部样式表 ...

  • android中常用布局

    1、线性布局 (LinearLayout)2、相对布局 (RelativeLayout)3、帧布局 (Fra...

  • flutter(六,页面布局篇)

    Tags: flutter Flutter页面布局篇 [TOC] 1. 布局及装饰组件说明 2. 基础布局处理 2...

  • UI

    1、布局线性布局 相对布局 框架布局 表格布局 2、控件 设置控件的可见性,使用的是setVisibility()...

网友评论

      本文标题:2 布局

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