色哟哟视频在线观看-色哟哟视频在线-色哟哟欧美15最新在线-色哟哟免费在线观看-国产l精品国产亚洲区在线观看-国产l精品国产亚洲区久久

0
  • 聊天消息
  • 系統消息
  • 評論與回復
登錄后你可以
  • 下載海量資料
  • 學習在線課程
  • 觀看技術視頻
  • 寫文章/發帖/加入社區
會員中心
創作中心

完善資料讓更多小伙伴認識你,還能領取20積分哦,立即完善>

3天內不再提示

鴻蒙ArkTS容器組件:Column

jf_46214456 ? 來源:jf_46214456 ? 作者:jf_46214456 ? 2024-07-05 16:32 ? 次閱讀

Column

沿垂直方向布局的容器。

說明:
開發前請熟悉鴻蒙開發指導文檔 :[gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md]
該組件從API Version 7開始支持。后續版本如有新增內容,則采用上角標單獨標記該內容的起始版本。

子組件

可以包含子組件。

接口

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

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

參數

參數名參數類型必填參數描述
spacestringnumber

屬性

除支持[通用屬性]外,還支持以下屬性:

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

說明:
HarmonyOSOpenHarmony鴻蒙文檔籽料:mau123789是v直接拿
Column布局時若子組件不設置flexShrink則默認不會壓縮子組件,即所有子組件主軸大小累加可超過容器主軸。

QQ瀏覽器截圖20240320162546.png

事件

支持[通用事件]

示例

// xxx.ets
@Entry
@Component
struct ColumnExample {
  build() {
    Column({ space: 5 }) {
      // 設置子元素垂直方向間距為5
      Text('space').fontSize(9).fontColor(0xCCCCCC).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 })

      // 設置子元素水平方向對齊方式
      Text('alignItems(Start)').fontSize(9).fontColor(0xCCCCCC).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)').fontSize(9).fontColor(0xCCCCCC).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)').fontSize(9).fontColor(0xCCCCCC).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 })
      
      // 設置子元素垂直方向的對齊方式
      Text('justifyContent(Center)').fontSize(9).fontColor(0xCCCCCC).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)').fontSize(9).fontColor(0xCCCCCC).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 })
  }
}

column

審核編輯 黃宇

聲明:本文內容及配圖由入駐作者撰寫或者入駐合作網站授權轉載。文章觀點僅代表作者本人,不代表電子發燒友網立場。文章及其配圖僅供工程師學習之用,如有內容侵權或者其他違規問題,請聯系本站處理。 舉報投訴
  • 組件
    +關注

    關注

    1

    文章

    512

    瀏覽量

    17813
  • 鴻蒙
    +關注

    關注

    57

    文章

    2339

    瀏覽量

    42812
收藏 人收藏

    評論

    相關推薦

    鴻蒙開發基礎-Web組件之cookie操作

    }) ... } ... 本文章主要是對鴻蒙開發當中ArkTS語言的基礎應用實戰,Web組件里的cookie操作。更多的鴻蒙應用開發技術,可以前往我的主頁學習更多,下面是一張
    發表于 01-14 21:31

    鴻蒙入門實戰-ArkTS開發

    } 配置屬性與布局 自定義組件的組成使用基礎組件容器組件等內置組件進行組合。但有時內置組件
    發表于 01-16 17:27

    鴻蒙NEXT-Column和Row組件的使用

    ,介紹Column和Row組件的屬性與使用。 2 組件介紹 布局容器概念 線性布局容器表示按照垂直方向或者水平方向排列子
    發表于 01-18 16:44

    鴻蒙ArkTS聲明式組件:Blank

    空白填充組件,在容器主軸方向上,空白填充組件具有自動填充容器空余部分的能力。僅當父組件為Row/Colu
    的頭像 發表于 06-19 16:21 ?549次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkTS</b>聲明式<b class='flag-5'>組件</b>:Blank

    鴻蒙ArkTS容器組件:Flex

    以彈性方式布局子組件容器組件
    的頭像 發表于 07-08 10:19 ?488次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkTS</b><b class='flag-5'>容器</b><b class='flag-5'>組件</b>:Flex

    鴻蒙ArkTS容器組件:GridCol

    柵格子組件,必須作為柵格容器組件([GridRow])的子組件使用。
    的頭像 發表于 07-08 15:17 ?386次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkTS</b><b class='flag-5'>容器</b><b class='flag-5'>組件</b>:GridCol

    鴻蒙ArkTS容器組件:GridItem

    網格容器中單項內容容器
    的頭像 發表于 07-09 09:25 ?388次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkTS</b><b class='flag-5'>容器</b><b class='flag-5'>組件</b>:GridItem

    鴻蒙ArkTS容器組件:Navigator

    路由容器組件,提供路由跳轉能力。
    的頭像 發表于 07-10 14:55 ?403次閱讀

    鴻蒙ArkTS容器組件:Refresh

    可以進行頁面下拉操作并顯示刷新動效的容器組件
    的頭像 發表于 07-11 16:11 ?501次閱讀

    鴻蒙ArkTS容器組件:Scroll

    可滾動的容器組件,當子組件的布局尺寸超過父組件的尺寸時,內容可以滾動。
    的頭像 發表于 07-12 15:24 ?1223次閱讀

    鴻蒙ArkTS容器組件:SideBarContainer

    提供側邊欄可以顯示和隱藏的側邊欄容器,通過子組件定義側邊欄和內容區,第一個子組件表示側邊欄,第二個子組件表示內容區。
    的頭像 發表于 07-18 15:46 ?540次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkTS</b><b class='flag-5'>容器</b><b class='flag-5'>組件</b>:SideBarContainer

    鴻蒙ArkTS容器組件:Stack

    堆疊容器,子組件按照順序依次入棧,后一個子組件覆蓋前一個子組件
    的頭像 發表于 07-15 18:23 ?864次閱讀

    鴻蒙ArkTS容器組件:Swiper

    滑塊視圖容器,提供子組件滑動輪播顯示的能力。
    的頭像 發表于 07-15 09:51 ?615次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkTS</b><b class='flag-5'>容器</b><b class='flag-5'>組件</b>:Swiper

    鴻蒙ArkTS容器組件:Tabs

    通過頁簽進行內容視圖切換的容器組件,每個頁簽對應一個內容視圖。
    的頭像 發表于 07-15 09:48 ?810次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkTS</b><b class='flag-5'>容器</b><b class='flag-5'>組件</b>:Tabs

    鴻蒙ArkTS容器組件:WaterFlow

    瀑布流容器,由“行”和“列”分割的單元格所組成,通過容器自身的排列規則,將不同大小的“項目”自上而下,如瀑布般緊密布局。
    的頭像 發表于 07-15 17:35 ?413次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkTS</b><b class='flag-5'>容器</b><b class='flag-5'>組件</b>:WaterFlow
    主站蜘蛛池模板: 一二三四免费中文在线1| 99久久久无码国产精品免费人妻| 自慰弄湿白丝袜| 超碰caoporon最新视频| 国产在线观看香蕉视频| 麻豆免费高清完整版| 色偷偷888欧美精品久久久| 野花韩国免费高清电影| 变形金刚7免费观看完整| 精品国产在线观看福利| 青年医生插曲| 亚洲综合香蕉在线视频| 成人啪啪色婷婷久色社区| 精品无码久久久久久动漫| 秋霞电影午夜伦午夜| 在线A亚洲老鸭窝天堂AV高清| 超碰在线视频| 久久婷婷电影网| 无人区大片中文字幕在线| 365电影成人亚洲网在线观看| 国产精品永久在线| 欧美s00老人| 亚洲中文字幕AV在天堂| 国产99久9在线| 恋夜秀场支持安卓版全部视频国产 | 美女胸禁止18以下看| 无人区乱码1区2区3区网站| 99精彩免费观看| 交换年轻夫妇HD中文字幕| 日日摸天天添天天添无码蜜臀| 5G在线观看免费年龄确认| 国产在线精品亚洲观看不卡欧美| 欧美午夜福利主线路| 中文字幕高清在线观看| 国产曰批试看免费视频播放免费| 日韩免费一区| 99久久免费精品国产| 久久综合狠狠综合狠狠| 亚洲久久少妇中文字幕| 国产精品av免费观看| 日本漂亮妈妈7观整有限中|