鸿蒙开发之自定义组件

53 阅读1分钟

自定义组件

为了增加组件的丰富性和拓展性,DevEco低代码支持用户针对所需,可进行组件的个性化定制,并在开发页面中进行使用,大大提高平台的灵活行与可用性。

新建自定义组件

  1. 选择应用,通过点击“编辑应用“进入DevEco低代码应用开发页面,选择页面树 > 自定义组件,点击新建自定义组件

  2. 新建后的自定义组件在其对应下方展示,可以对其进行重命名删除的操作。

  3. 选中对应的组件后,可以在组件库区域栏中的组件拖拽到编辑区,并在页面右侧的区域,对其中的组件进行属性的定义。图示中新增一个操作列表项的自定义组件,加入了三个常规组件构成了一个自定义组件,当编辑完自定义组件,切换到页面树的页面即可在当前页面使用刚创建的自定义组件。

使用自定义组件

在DevEco低代码页面中,选择页面树>页面区域中,选中需要操作的页面后,可以在组件库>自定义组件区域中展示创建好的自定义组件,通过拖拽的方式可以将其应用到相应的页面。