冰狐智能辅助 QQ群9：952102902
首页
文档&下载
移动端
微服务
社区
码农教程
管理中心
关于我们
登录/注册
线性布局(linear)

线性布局介绍

线性布局（linear），用于在水平或者垂直方向展示控件，也即让控件在水平方向或者垂直方向排列。

属性-orientation

方向，可选值为vertical（水平排列）和horizontal（垂直排列） <template> <linear orientation="horizontal"> <text text="控件"/> <button text="确认"/> </linear> </template>

子控件属性-layoutGravity

子控件在布局中的相对位置，注意该属性用在linear的子控件中
  • left。靠左
  • right。靠右
  • top。靠顶部
  • bottom。靠底部
  • center。居中
  • center_vertical。垂直居中
  • center_horizontal。水平居中
<template> <linear orientation="horizontal"> <text text="控件" layoutGravity="top"/> <button text="确认" layoutGravity="bottom"/> </linear> </template>

子控件属性-layoutWeight

子控件在布局中的权重，用于计算子控件的宽（horizontal）或者高（vertical）。以horizontal为例说明，控件宽度=剩余宽度️*weight/weight_sum）,剩余宽度等于linear布局的宽度-没有设置weight控件的宽度。
<template> <linear orientation="horizontal" width="matchParent"> <text text="控件" layoutWeight="1"/> <button text="确认" layoutWeight="2"/> </linear> </template>以上text的宽度为1/3控件宽，button为2/3控件宽 <template> <linear orientation="horizontal" width="matchParent"> <edit text="我的控件"/> <text text="控件" layoutWeight="1"/> <button text="确认" layoutWeight="2"/> </linear> </template>以上，剩余宽度=linear的宽度-edit的宽度。text的宽度为1/3剩余宽宽，button为2/3剩余宽宽