harmony 鸿蒙组件介绍

  • 2022-08-09
  • 浏览 (1469)

组件介绍

组件(Component)是构建页面的核心,每个组件通过对数据和方法的简单封装,实现独立的可视、可交互功能单元。组件之间相互独立,随取随用,也可以在需求相同的地方重复使用。关于组件的详细参考文档请参见组件

开发者还可以通过组件间合理的搭配定义满足业务需求的新组件,减少开发量,自定义组件的开发方法请参见自定义组件

组件分类

根据组件的功能,可以分为以下六大类:

组件类型 主要组件
容器组件 badgedialogdivformlistlist-itemlist-item-grouppanelpopuprefreshstackstepperstepper-itemswipertabstab-bartab-content
基础组件 buttonchartdividerimageimage-animatorinputlabelmarqueemenuoptionpickerpicker-viewpieceprogressqrcoderatingrichtextsearchselectsliderspanswitchtexttextareatoolbartoolbar-itemtoggle
媒体组件 video
画布组件 canvas
栅格组件 grid-containergrid-rowgrid-col
svg组件 svgrectcircleellipsepathlinepolylinepolygontexttspantextPathanimateanimateMotionanimateTransform

相关实例

针对组件开发,有以下相关实例可供参考:

你可能感兴趣的鸿蒙文章

harmony 鸿蒙ArkUI(方舟UI框架)

harmony 鸿蒙全屏启动原子化服务组件(FullScreenLaunchComponent)

harmony 鸿蒙弧形按钮 (ArcButton)

harmony 鸿蒙动画衔接

harmony 鸿蒙动画概述

harmony 鸿蒙帧动画(ohos.animator)

harmony 鸿蒙实现属性动画

harmony 鸿蒙属性动画概述

harmony 鸿蒙弹出框概述

harmony 鸿蒙模糊

0  赞