HarmonyOS-中级(三)

文章目录

🏡作者主页:点击!

🤖HarmonyOS专栏:点击!

⏰️创作时间:2024年12月08日12点12分

合理使用动画和转场

动效场景设计:

  1. 特征动效
  2. 转场动效
  3. 手势动效
  4. 微动效
  5. 特征动效

动画能力:

  1. 系统能力(系统已经封装好的能力)
    1. 属性动画
    2. 显示动画
    3. 转场动画
    4. 路径动画
    5. 粒子动画
  2. 资源调用能力
    1. GIF动画
    2. 帧动画
  3. 三方库
    1. Lottie
    2. SVG

合理使用页面间转场

转场场景设计:

  1. 层级转场
  2. 通用转场
  3. 场景解构
    1. 进场元素
    2. 出场元素
    3. 持续元素
    4. 静止元素

转场能力包括

  1. UIAbility组件间交互
  2. 页面路由
  3. 组件转场

动画能力包括

  1. 导航转场
  2. 模态转场
  3. 共享元素转场

Web组件和WebView

Web组件是提供具有网页显示能力的组件。依赖两个参数,分别是src资源地址、controller控制器

src资源地址即支持本地资源,也支持网络资源

controller控制器是由 @ohos.web.webview 提供的web控制能力

  • 当访问在线网页时,添加网络权限 ohos.permission.INTERNET(module.json5 里面)
  • 不支持转场动画
  • 同一页面多个Web组件,必须绑定不同的 WebViewController

访问本地资源文件:使用 $rawfile 或者 resource 协议,如果加载应用包外沙箱路径的本地资源文件

controller控制器,可以控制 Web 组件的各种行为,如网页前进、后退等

WebView基本

@ohos.web.webview是系统提供的基础能力,提供了许多Web控制能力

webviewController可以控制Web组件各种行为

一个webviewController对象只能控制一个web组件,且必须在web组件和 webviewcontroller 绑定后,才能调用 webviewController上的方法

给应用添加通知和提醒

创建通知

前需要先导入 NotificationManager 模块,该模块提供通知管理的能力,包括发布、取消发布通知,创建、获取、移除通知通道等能力

发布基础类型通知

发布普通文本类型通知,需要设置ContentType类型为ContentType.NOTIFICATION_CONTENT_BASIC_TEXT

发布进度类型通知

构造进度条模板,name字段当前需要固定配置为downloadTemplate

更新通知

再次调用 notificationManager.publish 来实现通知的更新。如果之前的通知是关闭的,将会创建新通知

移除通知

  • 通过通知ID和通知标签取消已发布的通知。

    notificationManager.cancel(notificationId)

  • 取消所有已发布的通知。

    notificationManager.cancelAll()

设置通知通道

可以使用slotType来实现,设置slotType为SlotType.SOCIAL_COMMUNICATION,表示为社交类型通知

SlotType

参数名称 参数说明 效果说明
SOCIAL_COMMUNICATION 社交类型 状态栏中显示通知图标,有横幅和提示音
SERVICE_INFORMATION 服务类型 状态栏中显示通知图标,没有横幅但有提示音
CONTENT_INFORMATION 内容类型 状态栏中显示通知图标,没有横幅或提示音
OTHER_TYPES 其他类型 状态栏中不显示通知图标,没有横幅或提示音

Author:DC

相关推荐
在人间耕耘15 小时前
HarmonyOS Vision Kit 视觉AI实战:把官方 Demo 改造成一套能长期复用的组件库
人工智能·深度学习·harmonyos
王码码203516 小时前
Flutter for OpenHarmony:socket_io_client 实时通信的事实标准(Node.js 后端的最佳拍档) 深度解析与鸿蒙适配指南
android·flutter·ui·华为·node.js·harmonyos
HarmonyOS_SDK17 小时前
【FAQ】HarmonyOS SDK 闭源开放能力 — Ads Kit
harmonyos
Swift社区19 小时前
如何利用 ArkUI 框架优化鸿蒙应用的渲染性能
华为·harmonyos
特立独行的猫a19 小时前
uni-app x跨平台开发实战:开发鸿蒙HarmonyOS影视票房榜组件完整实现过程
华为·uni-app·harmonyos·轮播图·uniapp-x
盐焗西兰花1 天前
鸿蒙学习实战之路-STG系列(5/11)-守护策略管理-添加与修改策略
服务器·学习·harmonyos
盐焗西兰花1 天前
鸿蒙学习实战之路-STG系列(4/11)-应用选择页功能详解
服务器·学习·harmonyos
lbb 小魔仙1 天前
鸿蒙跨平台项目实战篇03:React Native Bundle增量更新详解
react native·react.js·harmonyos
特立独行的猫a1 天前
uni-app x跨平台开发实战:开发鸿蒙HarmonyOS滚动卡片组件,scroll-view无法滚动踩坑全记录
华为·uni-app·harmonyos·uniapp-x
不爱吃糖的程序媛1 天前
Flutter Orientation 插件在鸿蒙平台的使用指南
flutter·华为·harmonyos