华为快应用IDE:如何使用卡片

提到卡片就不得不跟大家说一下负一屏。这个词对很多手机用户来说有些陌生,但是稍微解释一下,大家可能能恍然大悟,负一屏就是一个集合应用建议、运动健康、生活服务、新闻、视频、音乐等应用快捷显示页面,其能自动生成情景智能的各项提醒卡片,方便快速浏览和使用。

华为EMUI负一屏主要内容和功能有全局搜索 快捷入口(付款码、微信 即时信息及提醒(快递信息、支出信息、通勤路况、打车出行信息、日程信息关注动态(足球看台、篮球看台、股票信息。其中即时信/提醒及关注动态即是通过卡片的方式呈现如下图的新浪体育成都天气和路况信息。卡片是一种新的服务形态,提供一种比APP更细粒度的原子化服务能力,以可交互的卡片形式直接将用户最关心的服务或内容展示给用户。卡片可以嵌入各种超级APP或交互场景中,更好的满足用户需求,提供智慧化服务能力。

华为快应用IDE:如何使用卡片_第1张图片

 

今天我就介绍一下如何使用华为快应用IDE创建卡片。

 

首先,当然你得安装了华为快应用IDE,没有安装的可从https://deveco.huawei.com/fastapp出下载D版华为快应用IDE。

打开华为快应用IDE后,在菜单栏“文件”下选择“新建卡片”,打开新建卡片窗口。

华为快应用IDE:如何使用卡片_第2张图片

在下图中你可以看到很多卡片类型供选择,选择符合自己要求的类型,对应卡片相关的配置信息系统会自动为你配置好。

华为快应用IDE:如何使用卡片_第3张图片

按照模块创建卡片后,可在manifest.json和launch.json文件中看到widgets的相关配置。你可以按照自己的要求开发卡片

华为快应用IDE:如何使用卡片_第4张图片

注意在manifest.json配置过的路径,不可作为新建卡片的文件夹路径!例如“path”:”/c1”存在,则不能选择”src/c1/”文件夹新建卡片,需要更改文件夹或者新建文件夹如更改为”src/c2”/src/c1/d2/”

华为快应用IDE:如何使用卡片_第5张图片

 

卡片的开发需要依据规范来设计和开发,华为卡片的设计规范可参考:https://developer.huawei.com/consumer/cn/devservice/doc/5060301获取,华为卡片的开发指南可参考:https://developer.huawei.com/consumer/cn/service/hms/catalog/fastapp.html?page=fastapp_fastapp_api_reference_card获得。

卡片的参数是可以进行配置的,你也可以按照自己的要求进行配置

华为快应用IDE:如何使用卡片_第6张图片

华为快应用IDE:如何使用卡片_第7张图片

可添加卡片参数,也可以编辑已有的卡片参数

华为快应用IDE:如何使用卡片_第8张图片

手机上的运行效果可以通过在菜单栏下拉选项选择卡片,然后点击“构建”的“手机运行快应用”。

华为快应用IDE:如何使用卡片_第9张图片

即可在手机上见到预览效果

你可能感兴趣的:(开发工具)