梅科尔工作室—罗森——鸿蒙笔记3
鸿蒙笔记
一.list容器组件
列表包含一系列相同宽度的列表项。
如
List(){
ListItem(){
Text("1")
}
ListItem(){
Text("2")
}
}1.接口
List(value?:{space?: number | string, initialIndex?: number, scroller?: Scroller})
(1)space:代表每个 ListItem块的间距
(2) initialIndex:代表从哪个初始位置开始生效（每一个ListItem代表一个位置从0开始）
2.属性
名称 | 参数说明 | 描述 |
width | 设置组件自身的宽度，缺省时使用元素自身内容需要的宽度。若子组件的宽大于父组件的宽，则会画出父组件的范围。 | |
height | 设置组件自身的高度，缺省时使用元素自身内容需要的高度。若子组件的高大于父组件的高，则会画出父组件的范围。 | |
size | { width?: Length, height?: Length } | 设置高宽尺寸。 |
padding | 设置内边距属性。 参数为Length类型时，四个方向内边距同时生效。 默认值：0 padding设置百分比时，上下左右内边距均以父容器的width作为基础值。 | |
margin | 设置外边距属性。 参数为Length类型时，四个方向外边距同时生效。 默认值：0 margin设置百分比时，上下左右外边距均以父容器的width作为基础值。 | |
constraintSize | { minWidth?: Length, maxWidth?: Length, minHeight?: Length, maxHeight?: Length } | 设置约束尺寸，组件布局时，进行尺寸范围限制。constraintSize的优先级高于Width和Height。 默认值： { minWidth: 0, maxWidth: Infinity, minHeight: 0, maxHeight: Infinity } |
layoutWeight | number | string | 父容器尺寸确定时，设置了layoutWeight属性的子元素与兄弟元素占主轴尺寸按照权重进行分配，忽略元素本身尺寸设置，表示自适应占满剩余空间。 说明： 仅在Row/Column/Flex布局中生效。 |
二.父子组件（自定义组件）
子组件：新建一个的arkts文件
1.基本格式：
@Component
export struct first{
build()
{
}
}不需要@entry和必须在结构前加入export才能被别的文件使用
2.外部调用：
在主文件调用是应该import {子组件文件名} from "子组件文件路径"
3.外部使用
子组件名（）
4.数据连接
子组件使用@Link 来联系父组件
如：@Link 变量名:变量数据类型
注意：不可初始化
父组件使用
在子组件使用时
如:子组件名（{子组件中link的变量名：$父组件的变量名 }）
三.if/else渲染
if(x){
}else{
}x为true时执行if内部
为false执行else內部
四.for循环渲染
ForEach（数组名,(item,index)=>{
循环内容
}）
item为数组的每一个元素
index为下标
华为开发者空间，是为全球开发者打造的专属开发空间，汇聚了华为优质开发资源及工具，致力于让每一位开发者拥有一台云主机，基于华为根生态开发、创新。
更多推荐
0
0- 0
已为社区贡献3条内容
所有评论(0)