温州网站建设首选龙诚互联,什么是seo优化推广,开发商延期交房怎么处理,微梦网站建设该组件用来展示列表item分组#xff0c;宽度默认充满List组件#xff0c;必须配合List组件来使用。 说明#xff1a; 该组件从API Version 9开始支持。后续版本如有新增内容#xff0c;则采用上角标单独标记该内容的起始版本。该组件的父组件只能是List。 使用说明
当List…该组件用来展示列表item分组宽度默认充满List组件必须配合List组件来使用。 说明 该组件从API Version 9开始支持。后续版本如有新增内容则采用上角标单独标记该内容的起始版本。该组件的父组件只能是List。 使用说明
当ListItemGroup的父组件List的listDirection属性为Axis.Vertical时不允许设置ListItemGroup组件的height属性。ListItemGroup的高度为header高度、footer高度和所有ListItem布局后总高度之和。当父组件List的listDirection属性为Axis.Horizontal时不允许设置ListItemGroup组件的width属性。ListItemGroup的宽度为header宽度、footer宽度和所有ListItem布局后总宽度之和。
当前ListItemGroup内部的ListItem组件不支持编辑、拖拽功能即ListItem组件的editable属性不生效。
子组件
包含ListItem子组件。
接口
ListItemGroup(options?: ListItemGroupOptions)
参数
参数名参数类型必填参数描述optionsListItemGroupOptions是列表item分组组件参数。
ListItemGroupOptions对象说明
参数名参数类型必填参数描述headerCustomBuilder否设置ListItemGroup头部组件。说明 只能放单个子组件。footerCustomBuilder否设置ListItemGroup尾部组件。说明 只能放单个子组件。spacenumber | string否列表项间距。只作用于ListItem与ListItem之间不作用于header与ListItem、footer与ListItem之间。style10ListItemGroupStyle否设置List组件卡片样式。 默认值: ListItemGroupStyle.NONE 设置为ListItemGroupStyle.NONE时无样式。 设置为ListItemGroupStyle.CARD时必须配合ListItem的ListItemStyle.CARD同时使用显示默认卡片样式。 卡片样式下, 为卡片内的列表选项提供了默认的focus、hover、press、selected和disable样式。说明 当前卡片模式下不支持listDirection属性设置使用默认Axis.Vertical排列方向。 当前卡片模式下List属性alignListItem默认为ListItemAlign.Center居中对齐显示。 当前卡片模式下ListItemGroup不支持设置头部组件header和尾部组件footer。 若仅设置ListItemGroupStyle.CARD未设置ListItemStyle.CARD时只显示部分卡片样式及功能。
属性
名称参数类型描述divider{ strokeWidth: Length, color?: ResourceColor, startMargin?: Length, endMargin?: Length } | null用于设置ListItem分割线样式默认无分割线。 strokeWidth: 分割线的线宽。 color: 分割线的颜色。 startMargin 分割线距离列表侧边起始端的距离。 endMargin: 分割线距离列表侧边结束端的距离。 strokeWidth, startMargin和endMargin不支持设置百分比。
ListItemGroupStyle10枚举说明
名称枚举值描述NONE0无样式。CARD1显示默认卡片样式。 说明 ListItemGroup组件不支持设置通用属性aspectRatio。 ListItemGroup组件如果主轴方向是垂直方向时设置通用属性height属性不生效。 ListItemGroup组件如果主轴方向是水平方向时设置通用属性width属性不生效。 示例
// xxx.ets
Entry
Component
struct ListItemGroupExample {private timeTable: TimeTable[] [{title: 星期一,projects: [语文, 数学, 英语]},{title: 星期二,projects: [物理, 化学, 生物]},{title: 星期三,projects: [历史, 地理, 政治]},{title: 星期四,projects: [美术, 音乐, 体育]}]BuilderitemHead(text: string) {Text(text).fontSize(20).backgroundColor(0xAABBCC).width(100%).padding(10)}BuilderitemFoot(num: number) {Text(共 num 节课).fontSize(16).backgroundColor(0xAABBCC).width(100%).padding(5)}build() {Column() {List({ space: 20 }) {ForEach(this.timeTable, (item: TimeTable) {ListItemGroup({ header: this.itemHead(item.title), footer: this.itemFoot(item.projects.length) }) {ForEach(item.projects, (project: string) {ListItem() {Text(project).width(100%).height(100).fontSize(20).textAlign(TextAlign.Center).backgroundColor(0xFFFFFF)}}, (item: string) item)}.divider({ strokeWidth: 1, color: Color.Blue }) // 每行之间的分界线})}.width(90%).sticky(StickyStyle.Header | StickyStyle.Footer).scrollBar(BarState.Off)}.width(100%).height(100%).backgroundColor(0xDCDCDC).padding({ top: 5 })}
}interface TimeTable {title: string;projects: string[];
} 示例2
// xxx.ets
Entry
Component
struct ListItemGroupExample2 {private arr: ArrObject[] [{style: ListItemGroupStyle.CARD,itemStyles: [ListItemStyle.CARD, ListItemStyle.CARD, ListItemStyle.CARD]},{style: ListItemGroupStyle.CARD,itemStyles: [ListItemStyle.CARD, ListItemStyle.CARD, ListItemStyle.NONE]},{style: ListItemGroupStyle.CARD,itemStyles: [ListItemStyle.CARD, ListItemStyle.NONE, ListItemStyle.CARD]},{style: ListItemGroupStyle.NONE,itemStyles: [ListItemStyle.CARD, ListItemStyle.CARD, ListItemStyle.NONE]}]build() {Column() {List({ space: 4vp, initialIndex: 0 }) {ForEach(this.arr, (item: ArrObject, index?: number) {ListItemGroup({ style: item.style }) {ForEach(item.itemStyles, (itemStyle: number, itemIndex?: number) {ListItem({ style: itemStyle }) {if (index ! undefined itemIndex ! undefined) {Text(第 (index 1) 个Group中第 (itemIndex 1) 个item).width(100%).textAlign(TextAlign.Center)}}}, (item: string) item)}})}.width(100%).multiSelectable(true).backgroundColor(0xDCDCDC)}.width(100%).padding({ top: 5 })}
}interface ArrObject {style: number;itemStyles: number[];
} 最后有很多小伙伴不知道学习哪些鸿蒙开发技术不知道需要重点掌握哪些鸿蒙应用开发知识点而且学习时频繁踩坑最终浪费大量时间。所以有一份实用的鸿蒙Harmony NEXT资料用来跟着学习是非常有必要的。
这份鸿蒙Harmony NEXT资料包含了鸿蒙开发必掌握的核心知识要点内容包含了ArkTS、ArkUI开发组件、Stage模型、多端部署、分布式应用开发、音频、视频、WebGL、OpenHarmony多媒体技术、Napi组件、OpenHarmony内核、Harmony南向开发、鸿蒙项目实战等等鸿蒙Harmony NEXT技术知识点。
希望这一份鸿蒙学习资料能够给大家带来帮助有需要的小伙伴自行领取限时开源先到先得~无套路领取
获取这份完整版高清学习路线请点击→纯血版全套鸿蒙HarmonyOS学习资料
腾讯T10级高工技术安卓全套VIP课程
鸿蒙Harmony NEXT最新学习路线 HarmonOS基础技能 HarmonOS就业必备技能 HarmonOS多媒体技术 鸿蒙NaPi组件进阶 HarmonOS高级技能 初识HarmonOS内核 实战就业级设备开发 有了路线图怎么能没有学习资料呢小编也准备了一份联合鸿蒙官方发布笔记整理收纳的一套系统性的鸿蒙OpenHarmony 学习手册共计1236页与鸿蒙OpenHarmony 开发入门教学视频内容包含ArkTS、ArkUI、Web开发、应用模型、资源分类…等知识点。
获取以上完整版高清学习路线请点击→纯血版全套鸿蒙HarmonyOS学习资料
《鸿蒙 (OpenHarmony)开发入门教学视频》 《鸿蒙生态应用开发V2.0白皮书》 《鸿蒙 (OpenHarmony)开发基础到实战手册》
OpenHarmony北向、南向开发环境搭建 《鸿蒙开发基础》
ArkTS语言安装DevEco Studio运用你的第一个ArkTS应用ArkUI声明式UI开发.…… 《鸿蒙开发进阶》
Stage模型入门网络管理数据管理电话服务分布式应用开发通知与窗口管理多媒体技术安全技能任务管理WebGL国际化开发应用测试DFX面向未来设计鸿蒙系统移植和裁剪定制…… 《鸿蒙进阶实战》
ArkTS实践UIAbility应用网络案例…… 获取以上完整鸿蒙HarmonyOS学习资料请点击→纯血版全套鸿蒙HarmonyOS学习资料
总结
总的来说华为鸿蒙不再兼容安卓对中年程序员来说是一个挑战也是一个机会。只有积极应对变化不断学习和提升自己他们才能在这个变革的时代中立于不败之地。
