元服务—基础篇(创建新项目)
2024-11-09 20:41:58
24次阅读
0个评论
最后修改时间:2024-11-09 20:44:14
DevEco Studio 5.0.3.910 最新版本 安装包地址:https://developer.huawei.com/consumer/cn/download/ 注册华为云账号(实名认证)
元服务的含义
元服务是鸿蒙操作系统中的一种轻量级服务,它无需安装,用户可以即点即用,实现快速的服务体验。元服务可独立上架、分发、运行,独立实现业务闭环,可大幅提升信息与服务的获取效率。
学习目标
- 创建元服务项目
- 生成元服务图标
- 构建元服务的首页
创建元服务项目
认识重点模块
- src > main > ets:用于存放ArkTS源码
- src > main > ets > entryability:元服务的入口
- src > main > ets > pages:元服务包含的页面
- src > main > resources:用于存放元服务所用到的资源文件,如图形、多媒体等
- src > main > module.json5:模块配置文件。
- oh_modules:用于存放三方库依赖信息。
- hvigorfile.ts:元服务级编译构建任务脚本。
生成元服务图标
- 图标格式:.png、.jpeg、.jpg格式的静态图片资源
- 图标尺寸:1024 x 1024 px (正方形) 上传成功后显示512 x 512 px
- Color:推荐使用的图标颜色。选择不同颜色,右边图标预览区域可查看相应的效果
- Name:生成的图标名称
- Res Directory:生成的512px x 512 px 的图标在工程中的保存位置
- Save to:生成的216px x 216px 尺寸图标需要指定本地文件夹的保存位置。后续在AppGallery Connect上架元服务时,需使用该图标
点击"完成"将保存在目录src > main > resources > base > media路径下。
构建元服务的首页
布局方式 | 包含 |
---|---|
线性布局 | Row 、Column |
层叠布局 | Stack |
弹性布局 | Flex |
相对布局 | RelativeContainer |
栅格布局 | GridRow、GridCol |
媒体查询 | @ohos.mediaquery |
创建列表 | List |
创建网格 | Grid、GridItem |
创建轮播 | Swiper |
选项卡 | Tabs |
- RelativeContainer为采用相对布局的容器,支持容器内部的子元素设置相对位置关系,适用于界面复杂场景的情况,对多个子组件进行对齐和排列。子元素支持指定兄弟元素作为锚点,也支持指定父容器作为锚点,基于锚点做相对位置布局。
- 锚点:通过锚点设置当前元素基于哪个元素确定位置。 对齐方式:通过对齐方式,设置当前元素是基于锚点的上中下对齐,还是基于锚点的左中右对齐。 锚点设置是指设置子元素相对于父元素或兄弟元素的位置依赖关系。在水平方向上,可以设置left、middle、right的锚点。在竖直方向上,可以设置top、center、bottom的锚点。
页面基本框架
@Entry
@Component
struct ShowPage{
build() {
}
}
00