基于鸿蒙系统的一个小功能。
这时候应该就有人问了,看似简单的功能,怎么弄啊?
别急,夏柔来带你入门~
教程开始
首先,先打开我们的开发软件:DevEco-Studio
怎么创建项目就不用我多说了吧,以下省略千字…
这里直接示范夏柔的项目了,如图:
![%title插图%num HarmonyOS添加服务卡片教程-WordPress极简博客](https://www.wpon.cn/wp-content/uploads/2021/08/2021082612360513.png)
![%title插图%num HarmonyOS添加服务卡片教程-WordPress极简博客](https://www.wpon.cn/wp-content/uploads/2021/08/2021082612364967.png)
创建卡片
开始创建卡片,先将你的鼠标移动至entry目录,如图:
然后选择:entry > New > Service Widget 开始创建服务卡片模板
![%title插图%num HarmonyOS添加服务卡片教程-WordPress极简博客](https://www.wpon.cn/wp-content/uploads/2021/08/2021082612285174.png)
当然了,你想创建什么都可以,选择好你心仪的模板,然后点击 Next 进行下一步!
这里开始创建你的目录名称,以及卡片描述!
注意:不能填写中文、标点符号、下划线、特殊符号;且不能以数字开头!
填写好后,点击 Finish 完成即可。
然后你创建的服务卡片代码都在 entry 目录下,如图:
![%title插图%num HarmonyOS添加服务卡片教程-WordPress极简博客](https://www.wpon.cn/wp-content/uploads/2021/08/2021082612301032.png)
接下来,就是修改服务卡片的内容了~
进入目录 entry > src > main > js > widget4 (你的Service Widget Name名称)
这里夏柔做的实例代码示范可以参考一下:
我的图片及SVG是储存在远程服务器上,如果你的项目准备打包上线切记一定要储存在本地!
这里该如何修改,夏柔就不多说了。想怎么改随你咯~
接下来开始编译项目:
点击 Tools > Device Manager 选择 HUAWEI P40
运行成功后,你会看到一个远程真机模拟器,如图:
![%title插图%num HarmonyOS添加服务卡片教程-WordPress极简博客](https://www.wpon.cn/wp-content/uploads/2021/08/2021082612314992.png)
点击 Run > Run‘Super APP’ 选择Module为 entry 运行调试在 phone 设备上,随即点击OK
接下来,就等程序编译完并且运行在远程真机上吧,一般只需要十几秒就可以了。
编译好后,就可以看见你的APP了,然后长按软件 > 选择服务卡片,选择你的 卡片 即可。
如果你没有远程真机模拟器,就去developer.huawei.com注册实名一下。
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。