摘要: 1 概 述 事件是人机交互的基础,鸿蒙开发中,事件分为两大类:a)通用事件;b)手势事件。 👉🏻 通用事件 通用事件又可以按照触发类型来分类,分为三大类:触屏事件、键鼠事件和焦点事件。 触屏事件:手指或手写笔在触屏上的单指或单笔操作。 键鼠事件:包括外设鼠标或触控板的操作事件和外设键盘的按键事件 阅读全文
posted @ 2024-12-15 18:11 鸿蒙自习室 阅读(607) 评论(0) 推荐(0)
摘要: 01 概 述 两个页面间发生跳转,一个页面消失,另一个页面出现,这时可以配置各自页面的页面转场参数实现自定义的页面转场效果。 页面转场效果写在pageTransition()函数中,通过PageTransitionEnter和PageTransitionExit指定页面进入和退出的动画效果。 02 阅读全文
posted @ 2024-12-15 18:06 鸿蒙自习室 阅读(125) 评论(0) 推荐(0)
摘要: 1 概 述 在不同页面间,有使用相同的元素(例如有同一幅图)的场景,可以使用共享元素转场动画衔接。 为了突出不同页面间相同元素的关联性,可为它们添加共享元素转场动画。如果相同元素在不同页面间的大小有明显差异,即可达到放大缩小视图的效果。 例如:有两个页面,A页面只展示一张图片,当我们在A页面点击图片 阅读全文
posted @ 2024-12-15 18:05 鸿蒙自习室 阅读(82) 评论(0) 推荐(0)
摘要: 1、概述 ArkUI提供了预置动画曲线函数(指定了动画属性从起始值到终止值的变化规律)如Linear、Ease、EaseIn等。 另外,ArkUI也提供了由弹簧振子物理模型产生的弹簧曲线。通过弹簧曲线,开发者可以设置超过设置的终止值,在终止值附近震荡,直至最终停下来的效果。弹簧曲线的动画效果比其他曲 阅读全文
posted @ 2024-12-15 18:04 鸿蒙自习室 阅读(168) 评论(0) 推荐(0)
摘要: 我们接着鸿蒙动画开发01——布局更新动画,现在了解鸿蒙的组件内部的转场动画。 1、概述 组件的插入、删除过程即为组件本身的转场过程,组件的插入、删除动画称为组件内转场动画。通过组件内转场动画,可定义组件出现、消失的效果。 2、关键接口 组件内转场动画的接口为: transition(value: T 阅读全文
posted @ 2024-12-15 18:04 鸿蒙自习室 阅读(179) 评论(0) 推荐(0)
摘要: 1、概述 从现在起,我们将开启一个新系列——鸿蒙动画开发系列,在这个系列中,我们将分别接触鸿蒙的各种动画效果。在开始之前,我们先对动画做一个简单的介绍。 1.1、什么是动画 动画的原理是在一个时间段内,多次改变UI外观,由于人眼会产生视觉暂留,所以最终看到的就是一个“连续”的动画。 UI的一次改变称 阅读全文
posted @ 2024-12-15 18:04 鸿蒙自习室 阅读(186) 评论(0) 推荐(0)
摘要: 概 述 前一章我们学习了Shape绘制来绘制自定义形状(鸿蒙UI系统组件14——几何图形(Shape)),在实际的业务开发中,有可能我们需要绘制更复杂的图形,例如统计图中的饼图、折线图等,除了绘制图形外,可能还会绘制一些复杂的组件效果,此时,我们就需要用到画布(Canvas)组件来满足我们的需求了。 阅读全文
posted @ 2024-12-15 18:03 鸿蒙自习室 阅读(276) 评论(0) 推荐(0)
摘要: 1、概述 上篇文章中,我们讨论了在鸿蒙系统中如何显示一张图片,鸿蒙UI系统组件13——图片显示(Image),在鸿蒙开发中,除了使用静态图片展示外,我们还可以自己使用代码画一些几何图形,例如:三角形、矩形、圆形、多边形等。此时,我们就需要用到Shape组件来完成我们的需求。 2、创建绘制组件 绘制组 阅读全文
posted @ 2024-12-15 18:03 鸿蒙自习室 阅读(176) 评论(0) 推荐(0)
摘要: 1、概述 开发者经常需要在应用中显示一些图片,例如:按钮中的icon、网络图片、本地图片等。在应用中显示图片需要使用Image组件实现,Image支持多种图片格式,包括png、jpg、bmp、svg和gif。 Image通过调用接口来创建,接口调用形式如下: Image(src: string | 阅读全文
posted @ 2024-12-15 18:03 鸿蒙自习室 阅读(1010) 评论(0) 推荐(0)
摘要: 1、概述 实际的APP开发中,几乎都会遇到有多个页面跳转的情况,例如,登录 -> 首页 -> 个人中心。在鸿蒙开发中,页面间的跳转被称作为“页面路由”。 HarmonyOS提供了Router模块,通过不同的url地址,可以方便地进行页面路由,轻松地访问不同的页面。 本文将从页面跳转、页面返回和页面返 阅读全文
posted @ 2024-12-15 18:02 鸿蒙自习室 阅读(1212) 评论(0) 推荐(0)