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

deveco · 2018年09月03日 · 1456 次阅读

提到卡片就不得不跟大家说一下负一屏。这个词对很多手机用户来说有些陌生,但是稍微解释一下,大家可能能恍然大悟,负一屏就是一个集合应用建议、运动健康、生活服务、新闻、视频、音乐等应用快捷显示页面,其能自动生成情景智能的各项提醒卡片,方便快速浏览和使用。
华为 EMUI 负一屏主要内容和功能有全局搜索、 快捷入口(付款码、微信等)、 即时信息及提醒(快递信息、支出信息、通勤路况、打车出行信息、日程信息等)及关注动态(足球看台、篮球看台、股票信息等)。其中即时信/提醒及关注动态即是通过卡片的方式呈现,如下图的新浪体育、成都天气和路况信息。卡片是一种新的服务形态,提供一种比 APP 更细粒度的原子化服务能力,以可交互的卡片形式直接将用户最关心的服务或内容展示给用户。卡片可以嵌入各种超级 APP 或交互场景中,更好的满足用户需求,提供智慧化服务能力。

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

首先,当然你得安装了华为快应用 IDE,没有安装的可从https://deveco.huawei.com/fastapp 下载 D 版华为快应用 IDE。
打开华为快应用 IDE 后,在菜单栏 “文件” 下选择 “新建卡片”,打开新建卡片窗口。

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

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

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

卡片的开发需要依据规范来设计和开发,华为卡片的设计规范可参考: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获得。

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

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

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

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

暂无回复。
需要 登录 后方可回复, 如果你还没有账号请点击这里 注册