彈幕網(wǎng)站開發(fā)代碼新聞發(fā)布會新聞通稿
鴻蒙（HarmonyOS）項目方舟框架（ArkUI）之線性布局容器Column組件
一、操作環(huán)境
操作系統(tǒng):? Windows 10 專業(yè)版、IDE:DevEco Studio 3.1、SDK:HarmonyOS 3.1
二、Column組件
沿垂直方向布局的容器。
子組件
可以包含子組件。
接口
Column(value?:{space?: string | number})
參數(shù)
| 參數(shù)名 | 參數(shù)類型 | 必填 | 默認(rèn)值 | 參數(shù)描述 |
|---|---|---|---|---|
| space | string|number | 否 | 0 | 縱向布局元素間距。 |
屬性
| 名稱 | 參數(shù)類型 | 默認(rèn)值 | 描述 |
|---|---|---|---|
| alignItems | HorizontalAlign | HorizontalAlign.Center | 設(shè)置子組件在水平方向上的對齊格式。 |
| justifyContent8+ | FlexAlign | FlexAlign.Start | 設(shè)置子組件在垂直方向上的對齊格式。 |
三、示例
代碼
// 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 })}
}圖片
好了就寫到這吧！
你有時間常去我家看看我在這里謝謝你啦...
我家地址:亞丁號
最后送大家一首詩:
山高路遠(yuǎn)坑深,
大軍縱橫馳奔,
誰敢橫刀立馬？
惟有點(diǎn)贊加關(guān)注大軍。