当前位置:首页 > 通信资讯 > 正文

harmonyos自定义组件之分页功能组件封装实例(harmonyos自定义组件之分页功能组件封装实例)

一、分页组件效果展示

harmonyos自定义组件之分页功能组件封装实例(harmonyos自定义组件之分页功能组件封装实例)

二、分页组件设计流程

harmonyos自定义组件之分页功能组件封装实例(harmonyos自定义组件之分页功能组件封装实例)

三、自定义组件封装必备知识点

1,何谓自定义组件

组件是对数据和方法的简单封装。个人对组件的通俗理解是:对单独的某个通用功能点或UI显示模块的封装。

2,组件框架搭建步骤

此处以js为例:

第一步:在工程目录的common下新建一个包名;

第二步:在新建的包名目录下新建新的空文件(js\hml\css),每个文件具体做啥就不一一介绍了,三个文件的名字一定要一样,这个名字就是外部调用的名字了,非常重要。

第三步:js文件写好简单结构,页面数据,hml中写个div,div中加个text或button就可以了

第四步:将自己新建的组件在可展示的页面中调用并展示。

到这里自定义组件框架已搭建完毕,是不是还比较简单。后面就可以开始完善自己组件的功能了。

3,组件怎么调用

组件引入:

如果您对该产品感兴趣,请填写办理(客服微信:xiaoxiongyidong)

为您推荐:

发表评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。