沿垂直方向布局的容器。

說明：

該組件從API Version 7開始支持。后續(xù)版本如有新增內(nèi)容，則采用上角標單獨標記該內(nèi)容的起始版本。

子組件

可以包含子組件。

接口

Column(value?:?{space?: string?|?number})

從API version 9開始，該接口支持在ArkTS卡片中使用。

參數(shù)：

參數(shù)名	參數(shù)類型	必填	參數(shù)描述
space	string?|?number	否	縱向布局元素垂直方向間距。 從API version 9開始，space為負數(shù)或者justifyContent設(shè)置為FlexAlign.SpaceBetween、FlexAlign.SpaceAround、FlexAlign.SpaceEvenly時不生效。 默認值：0 說明： 可選值為大于等于0的數(shù)字，或者可以轉(zhuǎn)換為數(shù)字的字符串。

屬性

除支持通用屬性外，還支持以下屬性：

名稱	參數(shù)類型	描述
alignItems	HorizontalAlign	設(shè)置子組件在水平方向上的對齊格式。 默認值：HorizontalAlign.Center 從API version 9開始，該接口支持在ArkTS卡片中使用。
justifyContent8+	FlexAlign	設(shè)置子組件在垂直方向上的對齊格式。 默認值：FlexAlign.Start 從API version 9開始，該接口支持在ArkTS卡片中使用。

說明：

Column布局時若子組件不設(shè)置flexShrink則默認不會壓縮子組件，即所有子組件主軸大小累加可超過容器主軸。

事件

支持通用事件。

示例

// xxx.ets
@Entry
@Component
struct ColumnExample {build() {Column({ space: 5 }) {// 設(shè)置子元素垂直方向間距為5Text('space').width('90%')Column({ space: 5 }) {Column().width('100%').height(30).backgroundColor(0xAFEEEE)Column().width('100%').height(30).backgroundColor(0x00FFFF)}.width('90%').height(100).border({ width: 1 })// 設(shè)置子元素水平方向?qū)R方式Text('alignItems(Start)').width('90%')Column() {Column().width('50%').height(30).backgroundColor(0xAFEEEE)Column().width('50%').height(30).backgroundColor(0x00FFFF)}.alignItems(HorizontalAlign.Start).width('90%').border({ width: 1 })Text('alignItems(End)').width('90%')Column() {Column().width('50%').height(30).backgroundColor(0xAFEEEE)Column().width('50%').height(30).backgroundColor(0x00FFFF)}.alignItems(HorizontalAlign.End).width('90%').border({ width: 1 })Text('alignItems(Center)').width('90%')Column() {Column().width('50%').height(30).backgroundColor(0xAFEEEE)Column().width('50%').height(30).backgroundColor(0x00FFFF)}.alignItems(HorizontalAlign.Center).width('90%').border({ width: 1 })// 設(shè)置子元素垂直方向的對齊方式Text('justifyContent(Center)').width('90%')Column() {Column().width('90%').height(30).backgroundColor(0xAFEEEE)Column().width('90%').height(30).backgroundColor(0x00FFFF)}.height(100).border({ width: 1 }).justifyContent(FlexAlign.Center)Text('justifyContent(End)').width('90%')Column() {Column().width('90%').height(30).backgroundColor(0xAFEEEE)Column().width('90%').height(30).backgroundColor(0x00FFFF)}.height(100).border({ width: 1 }).justifyContent(FlexAlign.End)}.width('100%').padding({ top: 5 })}
}

最后，有很多小伙伴不知道學習哪些鴻蒙開發(fā)技術(shù)？不知道需要重點掌握哪些鴻蒙應(yīng)用開發(fā)知識點？而且學習時頻繁踩坑，最終浪費大量時間。所以有一份實用的鴻蒙（Harmony NEXT）資料用來跟著學習是非常有必要的。?

這份鴻蒙（Harmony NEXT）資料包含了鴻蒙開發(fā)必掌握的核心知識要點，內(nèi)容包含了（ArkTS、ArkUI開發(fā)組件、Stage模型、多端部署、分布式應(yīng)用開發(fā)、音頻、視頻、WebGL、OpenHarmony多媒體技術(shù)、Napi組件、OpenHarmony內(nèi)核、Harmony南向開發(fā)、鴻蒙項目實戰(zhàn)等等）鴻蒙（Harmony NEXT）技術(shù)知識點。

希望這一份鴻蒙學習資料能夠給大家?guī)韼椭?#xff0c;有需要的小伙伴自行領(lǐng)取，限時開源，先到先得~無套路領(lǐng)取！！

獲取這份完整版高清學習路線，請點擊→純血版全套鴻蒙HarmonyOS學習資料

鴻蒙（Harmony NEXT）最新學習路線

• ?HarmonOS基礎(chǔ)技能

• HarmonOS就業(yè)必備技能?
• ?HarmonOS多媒體技術(shù)

• 鴻蒙NaPi組件進階

• HarmonOS高級技能

• 初識HarmonOS內(nèi)核?
• 實戰(zhàn)就業(yè)級設(shè)備開發(fā)

有了路線圖，怎么能沒有學習資料呢，小編也準備了一份聯(lián)合鴻蒙官方發(fā)布筆記整理收納的一套系統(tǒng)性的鴻蒙（OpenHarmony ）學習手冊（共計1236頁）與鴻蒙（OpenHarmony ）開發(fā)入門教學視頻，內(nèi)容包含：ArkTS、ArkUI、Web開發(fā)、應(yīng)用模型、資源分類…等知識點。

獲取以上完整版高清學習路線，請點擊→純血版全套鴻蒙HarmonyOS學習資料

《鴻蒙 (OpenHarmony)開發(fā)入門教學視頻》

《鴻蒙生態(tài)應(yīng)用開發(fā)V2.0白皮書》

《鴻蒙 (OpenHarmony)開發(fā)基礎(chǔ)到實戰(zhàn)手冊》

OpenHarmony北向、南向開發(fā)環(huán)境搭建

?《鴻蒙開發(fā)基礎(chǔ)》

• ArkTS語言
• 安裝DevEco Studio
• 運用你的第一個ArkTS應(yīng)用
• ArkUI聲明式UI開發(fā)
• .……

?《鴻蒙開發(fā)進階》

• Stage模型入門
• 網(wǎng)絡(luò)管理
• 數(shù)據(jù)管理
• 電話服務(wù)
• 分布式應(yīng)用開發(fā)
• 通知與窗口管理
• 多媒體技術(shù)
• 安全技能
• 任務(wù)管理
• WebGL
• 國際化開發(fā)
• 應(yīng)用測試
• DFX面向未來設(shè)計
• 鴻蒙系統(tǒng)移植和裁剪定制
• ……

《鴻蒙進階實戰(zhàn)》

• ArkTS實踐
• UIAbility應(yīng)用
• 網(wǎng)絡(luò)案例
• ……

?獲取以上完整鴻蒙HarmonyOS學習資料，請點擊→純血版全套鴻蒙HarmonyOS學習資料

總結(jié)

總的來說，華為鴻蒙不再兼容安卓，對中年程序員來說是一個挑戰(zhàn)，也是一個機會。只有積極應(yīng)對變化，不斷學習和提升自己，他們才能在這個變革的時代中立于不敗之地。?