元服务—基础篇(创建新项目)

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/ 注册华为云账号(实名认证)

元服务的含义

元服务是鸿蒙操作系统中的一种轻量级服务,它无需安装,用户可以即点即用,实现快速的服务体验。元服务可独立上架、分发、运行,独立实现业务闭环,可大幅提升信息与服务的获取效率。

学习目标

  1. 创建元服务项目
  2. 生成元服务图标
  3. 构建元服务的首页

创建元服务项目

认识重点模块

  • 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

登录 后评论。没有帐号? 注册 一个。