欢迎您光临最爱源码网,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!

HarmonyOS添加服务卡片教程

我猜你们都不知道什么是服务卡片吧。。。从表面上来看,是一款基于XML、CSS实现的DIV;但应用在鸿蒙生态系统上,他的另一个称呼叫“服务卡片”

让我们先来看看服务卡片是什么?

HarmonyOS添加服务卡片教程插图贾静宇源码网

基于鸿蒙系统的一个小功能

具体怎么弄别急,看下面教程

首先,先打开我们的开发软件:DevEco-Studio ,创建一个项目。

HarmonyOS添加服务卡片教程插图2贾静宇源码网

创建卡片

开始创建卡片,先将你的鼠标移动至entry目录,如图:

HarmonyOS添加服务卡片教程插图4贾静宇源码网

然后选择:entry > New > Service Widget 开始创建服务卡片模板

HarmonyOS添加服务卡片教程插图6贾静宇源码网

当然了,你想创建什么都可以,选择好你心仪的模板,然后点击 Next 进行下一步!

HarmonyOS添加服务卡片教程插图8贾静宇源码网

这里开始创建你的目录名称,以及卡片描述!

注意:不能填写中文标点符号下划线特殊符号;且不能以数字开头!

HarmonyOS添加服务卡片教程插图10贾静宇源码网

填写好后,点击 Finish 完成即可。

然后你创建的服务卡片代码都在 entry 目录下,如图:

HarmonyOS添加服务卡片教程插图12贾静宇源码网

接下来,就是修改服务卡片的内容了~

进入目录 entry > src > main > js > widget4 (你的Service Widget Name名称)

这里做的实例代码示范可以参考一下:

HarmonyOS添加服务卡片教程插图14贾静宇源码网

我的图片及SVG是储存在远程服务器上,如果你的项目准备打包上线切记一定要储存在本地

这里该如何修改,就不多说了。想怎么改随你咯~

接下来开始编译项目:

点击 Tools > Device Manager 选择 HUAWEI P40

HarmonyOS添加服务卡片教程插图16贾静宇源码网

运行成功后,你会看到一个远程真机模拟器,如图:

HarmonyOS添加服务卡片教程插图18贾静宇源码网

点击 Run > Run‘Super APP’ 选择Module entry 运行调试在 phone 设备上,随即点击OK

HarmonyOS添加服务卡片教程插图20贾静宇源码网

接下来,就等程序编译完并且运行在远程真机上吧,一般只需要十几秒就可以了。

编译好后,就可以看见你的APP了,然后长按软件 > 选择服务卡片,选择你的 卡片 即可。

 

如果你没有远程真机模拟器,就去developer.huawei.com注册实名一下。

打包的话,就去官网自己去摸索吧

原文地址:https://www.jiajingyu.com/8236.html

最爱源码网-专注精品网站模板_主流网站源码下载
贾静宇源码网 » HarmonyOS添加服务卡片教程
升级VIP尊享更多特权立即升级