色彩搭配比较好的网站,软文范文,找专业公司做网站,工信部网站备案流程鸿蒙#xff08;HarmonyOS#xff09;项目方舟框架#xff08;ArkUI#xff09;之线性布局容器Column组件 一、操作环境
操作系统: Windows 10 专业版、IDE:DevEco Studio 3.1、SDK:HarmonyOS 3.1
二、Column组件
沿垂直方向布局的容器。
子组件 可以包含子组件。
接…鸿蒙HarmonyOS项目方舟框架ArkUI之线性布局容器Column组件 一、操作环境
操作系统: Windows 10 专业版、IDE:DevEco Studio 3.1、SDK:HarmonyOS 3.1
二、Column组件
沿垂直方向布局的容器。
子组件 可以包含子组件。
接口 Column(value?:{space?: string | number})
参数 参数名 参数类型 必填 默认值 参数描述 space string|number 否 0 纵向布局元素间距。
属性 名称 参数类型 默认值 描述 alignItems HorizontalAlign HorizontalAlign.Center 设置子组件在水平方向上的对齐格式。 justifyContent8 FlexAlign FlexAlign.Start 设置子组件在垂直方向上的对齐格式。
三、示例
代码
// xxx.ets
Entry
Component
struct ColumnExample {build() {Column() {Text(space).fontSize(9).fontColor(0xCCCCCC).width(90%)Column({ space: 5 }) {Column().width(100%).height(30).backgroundColor(#FF1493)Column().width(100%).height(30).backgroundColor(0x00FFFF)}.width(90%).height(100).border({ width: 1 })Text(alignItems(Start)).fontSize(9).fontColor(0xCCCCCC).width(90%)Column() {Column().width(50%).height(30).backgroundColor(#FF1493)Column().width(50%).height(30).backgroundColor(0x00FFFF)}.alignItems(HorizontalAlign.Start).width(90%).border({ width: 1 })Text(alignItems(End)).fontSize(9).fontColor(0xCCCCCC).width(90%)Column() {Column().width(50%).height(30).backgroundColor(#FF1493)Column().width(50%).height(30).backgroundColor(0x00FFFF)}.alignItems(HorizontalAlign.End).width(90%).border({ width: 1 })Text(justifyContent(Center)).fontSize(9).fontColor(0xCCCCCC).width(90%)Column() {Column().width(30%).height(30).backgroundColor(#FF1493)Column().width(30%).height(30).backgroundColor(0x00FFFF)}.height(15%).border({ width: 1 }).justifyContent(FlexAlign.Center)Text(justifyContent(End)).fontSize(9).fontColor(0xCCCCCC).width(90%)Column() {Column().width(30%).height(30).backgroundColor(#FF1493)Column().width(30%).height(30).backgroundColor(0x00FFFF)}.height(15%).border({ width: 1 }).justifyContent(FlexAlign.End)}.width(100%).padding({ top: 5 })}
} 图片 好了就写到这吧 你有时间常去我家看看我在这里谢谢你啦...
我家地址:亚丁号
最后送大家一首诗:
山高路远坑深, 大军纵横驰奔,
谁敢横刀立马 惟有点赞加关注大军。
