梅科尔工作室—罗森—

一.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	Length	设置组件自身的宽度，缺省时使用元素自身内容需要的宽度。若子组件的宽大于父组件的宽，则会画出父组件的范围。
height	Length	设置组件自身的高度，缺省时使用元素自身内容需要的高度。若子组件的高大于父组件的高，则会画出父组件的范围。
size	{ width?: Length, height?: Length }	设置高宽尺寸。
padding	Padding \| Length	设置内边距属性。参数为Length类型时，四个方向内边距同时生效。默认值：0 padding设置百分比时，上下左右内边距均以父容器的width作为基础值。
margin	Margin \| Length	设置外边距属性。参数为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为下标

梅科尔工作室—罗森——鸿蒙笔记3相关推荐

梅科尔工作室—罗森——鸿蒙笔记2
First:Text(文本) Text组件用于在界面上展示一段文本信息有以下功能来设置展示文本信息的内容 1.文本样式如 Text(this.message) .fontColor(Color.G ...
梅科尔工作室-罗森-鸿蒙笔记一
一.目录配置文件作用模型一:stage模型主要在于enty内部的src内部的main目录内容 1.main main中主要为一些代码与页面模块 etc: (1)pages模块中index.etc为 ...
梅科尔工作室—罗森—鸿蒙笔记4
一.路由跳转模块 import router from '@ohos.router'; 首先需要导入包页面跳转 1.方式一 router.push({url: 'pages/Second',para ...
梅科尔工作室-郜翱翔-鸿蒙笔记1
鸿蒙简介华为鸿蒙系统(HUAWEI Harmony OS),是华为公司在2019年8月9日于东莞举行华为开发者大会(HDC.2019)上正式发布的操作系统. 华为鸿蒙系统是一款全新的面向全场景的分布 ...
梅科尔工作室E1-张冉-鸿蒙笔记4
@ohos.router (页面路由) 导入模块 import router from'@ohos.router' router.push push(options: RouterOptions): ...
梅科尔工作室-于天姿-鸿蒙笔记4
一.路由跳转 1.导入首先导入router模块 2.跳转方式方式一 router.push(),跳转到指定页面. 每调用一次router.push()方法,均会新建一个页面.默认情况下,页面栈数量 ...
梅科尔工作室E1-张冉-鸿蒙笔记2
文本基本操作资料针对包含文本元素的组件,例如Text.Span.Button.TextInput等,可使用fontColor.fontSize.fontStyle. fontWeight.fon ...
梅科尔工作室-杨灿-鸿蒙笔记1
1.主要目录配置文件作用 stage模型下: AppScope>app.json5 是应用的全局的配置文件,用于存放应用公共的配置信息. entry模块 ...
梅科尔工作室-张黎娜-鸿蒙笔记3
list组件由list容器组件和listitem容器组件构成,list是一个大容器,listitem是大容器里的小容器. 使用说明父子组件(自定义组件) 子组件导出用export语句子组件中不能 ...

梅科尔工作室—罗森——鸿蒙笔记3

梅科尔工作室—罗森——鸿蒙笔记3相关推荐

最新文章

热门文章