找回密码
 立即注册
搜索

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

1
回复
2055
查看
[复制链接]

10

主题

13

帖子

115

积分

 楼主| 2018-9-3 15:22:22 显示全部楼层 |阅读模式
本帖最后由 deveco 于 2018-9-3 15:24 编辑
提到卡片就不得不跟大家说一下负一屏。这个对很多手机用户来说有些陌生,但是稍微解释一下,大家可能能恍然大悟负一屏就是一个集合应用建议、运动健康、生活服务、新闻、视频、音乐等应用快捷显示页面,其自动生成情景智能的各项提醒卡片,方便快速浏览和使用。
华为EMUI负一屏主要内容和功能有全局搜索 快捷入口(付款码、微信 即时信息及提醒(快递信息、支出信息、通勤路况、打车出行信息、日程信息关注动态(足球看台、篮球看台、股票信息。其中即时信/提醒及关注动态即是通过卡片的方式呈现如下图的新浪体育成都天气和路况信息。卡片是一种新的服务形态,提供一种比APP更细粒度的原子化服务能力,以可交互的卡片形式直接将用户最关心的服务或内容展示给用户。卡片可以嵌入各种超级APP或交互场景中,更好的满足用户需求,提供智慧化服务能力。
图片1.png
今天我就介绍一下如何使用华为快应用IDE创建卡片。
首先,当然你得安装了华为快应用IDE没有安装的可从https://deveco.huawei.com/fastapp下载D华为快应用IDE
打开华为快应用IDE,在菜单栏“文件”下选择“新建卡片”,打开新建卡片窗口
图片2.png
在下图中你可以看到很多卡片类型供选择,选择符合自己要求的类型,对应卡片相关的配置信息系统会自动为你配置好
图片3.png
按照模块创建卡片后,可在manifest.jsonlaunch.json文件中看到widgets的相关配置。你可以按照自己的要求开发卡片。
图片4.png
注意manifest.json配置过的路径,不可作为新建卡片的文件夹路径!例如“path”:”/c1”存在,则不能选择”src/c1/”文件夹新建卡片,需要更改文件夹或者新建文件夹如更改为”src/c2”/”src/c1/d2/”
图片5.png
卡片的开发需要依据规范来设计和开发,华为卡片的设计规范可参考: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获得。
卡片的参数可以进行配置的,你也可以按照自己的要求进行配置
图片6.png
图片7.png
添加卡片参数,也可以编辑已有的卡片参数
图片8.png
手机上的运行效果可以通过在菜单栏下拉选项选择卡片,然后点击“构建”的“手机运行快应用”。
图片10.png
即可在手机上见到预览效果
图片4.png
图片4.png
图片7.png
回复

使用道具 举报

0

主题

4

帖子

20

积分

2018-12-6 20:18:05 显示全部楼层
666,非常实用
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册