做网站怎样实现网上支付,台前网站建设,网站开发文档下载,企业网站建设咨询ArkUI中常用布局容器
线性布局#xff08;Row/Column#xff09;
线性布局的子元素在线性方向上#xff08;水平方向和垂直方向#xff09;依次排列线性布局容器包括[Row]和[Column]。Column容器内子元素按照垂直方向排列#xff0c;Row容器内子元素按照水平方向排列开发…ArkUI中常用布局容器
线性布局Row/Column
线性布局的子元素在线性方向上水平方向和垂直方向依次排列线性布局容器包括[Row]和[Column]。Column容器内子元素按照垂直方向排列Row容器内子元素按照水平方向排列开发前请熟悉鸿蒙开发指导文档gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md点击或者复制转到。
主轴
线性布局容器在布局方向上的轴线子元素默认沿主轴排列。Row容器主轴为横向Column容器主轴为纵向。通过justifyContent属性设置子元素在容器主轴上的排列方式默认相邻子元素是紧贴着的也可以通过space设置子元素间的间距
Column容器内子元素在主轴上的排列
主轴方向垂直向下
typescript
复制代码
Column() {
...
}.justifyContent(FlexAlign.Start)justifyContent(FlexAlign.Start)元素在主轴方向首端对齐第一个元素与行首对齐同时后续的元素与前一个对齐justifyContent(FlexAlign.Center)元素在主轴方向中心对齐第一个元素与行首的距离与最后一个元素与行尾距离相同justifyContent(FlexAlign.End)元素在主轴方向尾部对齐最后一个元素与行尾对齐其他元素与后一个对齐justifyContent(FlexAlign.Spacebetween)主轴方向均匀分配元素相邻元素之间距离相同。第一个元素与行首对齐最后一个元素与行尾对齐justifyContent(FlexAlign.SpaceAround)主轴方向均匀分配元素相邻元素之间距离相同。第一个元素到行首的距离和最后一个元素到行尾的距离是相邻元素之间距离的一半justifyContent(FlexAlign.SpaceEvenly)主轴方向均匀分配元素相邻元素之间的距离、第一个元素与行首的间距、最后一个元素到行尾的间距都完全一样
Row容器内子元素在主轴上的排列
主轴方向水平向右
typescript
复制代码
Row() {
...
}.justifyContent(FlexAlign.Start)HarmonyOS与OpenHarmony鸿蒙文档籽料mau123789是v直接拿justifyContent(FlexAlign.Start)元素在主轴方向首端对齐第一个元素与行首对齐同时后续的元素与前一个对齐justifyContent(FlexAlign.Center)元素在主轴方向中心对齐第一个元素与行首的距离与最后一个元素与行尾距离相同justifyContent(FlexAlign.End)元素在主轴方向尾部对齐最后一个元素与行尾对齐其他元素与后一个对齐justifyContent(FlexAlign.Spacebetween)主轴方向均匀分配元素相邻元素之间距离相同。第一个元素与行首对齐最后一个元素与行尾对齐justifyContent(FlexAlign.SpaceAround)主轴方向均匀分配元素相邻元素之间距离相同。第一个元素到行首的距离和最后一个元素到行尾的距离是相邻元素之间距离的一半justifyContent(FlexAlign.SpaceEvenly)主轴方向均匀分配元素相邻元素之间的距离、第一个元素与行首的间距、最后一个元素到行尾的间距都完全一样
