![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
鸿蒙开发
文章平均质量分 77
鸿蒙系统小能手Mr.Li
这个作者很懒,什么都没留下…
展开
-
鸿蒙开发转场动画:【粒子动画】
粒子动画是在一定范围内随机生成的大量粒子产生运动而组成的动画。动画元素是一个个粒子,这些粒子可以是圆点、图片。通过对粒子在颜色、透明度、大小、速度、加速度、自旋角度等维度变化做动画,来营造一种氛围感,比如下雪的动效,雪花飘舞就相当于一个个雪花粒子在做动画。原创 2024-07-23 22:23:24 · 332 阅读 · 0 评论 -
鸿蒙开发转场动画:【路径动画】
如果你觉得这篇内容对你还蛮有帮助,我想邀请你帮我三个小忙:关注小编,同时可以期待后续文章ing🚀,不定期分享原创知识。更多鸿蒙最新技术知识点,请关注作者博客:https://gitee.com/li-shizhen-skin/zhihu/blob/master/README.md。原创 2024-07-23 20:24:12 · 584 阅读 · 0 评论 -
鸿蒙开发转场动画:【组件内隐式共享元素转场】
geometryTransition用于组件内隐式共享元素转场,在组件显示切换过程中提供平滑过渡效果。通用transition机制提供了opacity、scale等转场动效,geometryTransition通过id绑定in/out组件(in指入场组件、out指出场组件),使得组件原本独立的transition动画在空间位置上发生联系,从而将视觉焦点由出场组件位置引导到入场组件位置。原创 2024-07-23 16:59:24 · 174 阅读 · 0 评论 -
鸿蒙开发转场动画:【共享元素转场】
当路由进行切换时,可以通过设置组件的 sharedTransition 属性将该元素标记为共享元素并设置对应的共享元素转场动效。原创 2024-07-23 14:46:58 · 281 阅读 · 0 评论 -
鸿蒙开发转场动画:【页面间转场】
当路由进行切换时,可以通过在pageTransition函数中自定义页面入场和页面退场的转场动效。详细指导请参考[页面转场动画]。从API Version 7开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。为了实现更好的转场效果,推荐使用[Navigation组件]和[模态转场]。原创 2024-07-22 22:17:55 · 519 阅读 · 0 评论 -
鸿蒙开发动画:【显式动画】
提供全局animateTo显式动画接口来指定由于闭包代码导致的状态变化插入过渡动效。同属性动画,布局类改变宽高的动画,内容都是直接到终点状态,例如文字、canvas的内容、linearGradient等,如果要内容跟随宽高变化,可以使用[renderFit]属性配置。从API Version 7开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。本模块功能依赖UI的执行上下文,不可在UI上下文不明确的地方使用,参见[UIContext]说明。原创 2024-07-22 20:30:15 · 449 阅读 · 0 评论 -
鸿蒙动画:【属性动画】
组件的某些通用属性变化时,可以通过属性动画实现渐变过渡效果,提升用户体验。支持的属性包括width、height、backgroundColor、opacity、scale、rotate、translate等。布局类改变宽高的动画,内容都是直接到终点状态,例如文字、canvas的内容、linearGradient等,如果要内容跟随宽高变化,可以使用[renderFit]属性配置。从API Version 7开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。原创 2024-07-22 16:54:17 · 328 阅读 · 0 评论 -
鸿蒙画布组件:【Path2D对象】
路径对象,支持通过对象的接口进行路径的描述,并通过Canvas的stroke接口或者fill接口进行绘制。从 API Version 8 开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。原创 2024-07-22 14:43:15 · 505 阅读 · 0 评论 -
鸿蒙画布组件:【OffscreenCanvasRenderingContext2D对象】方法
transform方法对应一个变换矩阵,想对一个图形进行变化的时候,只要设置此变换矩阵相应的参数,对图形的各个定点的坐标分别乘以这个矩阵,就能得到新的定点的坐标。矩阵变换效果可叠加。从API version 9开始,该接口支持在ArkTS卡片中使用,卡片中不支持PixelMap对象。从API version 9开始,该接口支持在ArkTS卡片中使用。从API version 9开始,该接口支持在ArkTS卡片中使用。从API version 9开始,该接口支持在ArkTS卡片中使用。原创 2024-07-21 22:20:05 · 343 阅读 · 0 评论 -
鸿蒙画布组件:【OffscreenCanvasRenderingContext2D对象】接口与属性
使用OffscreenCanvasRenderingContext2D在Canvas上进行离屏绘制,绘制对象可以是矩形、文本、图片等。离屏绘制是指将需要绘制的内容先绘制在缓存区,然后将其转换成图片,一次性绘制到canvas上,加快了绘制速度。从 API Version 8 开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。原创 2024-07-21 20:11:41 · 761 阅读 · 0 评论 -
鸿蒙画布组件:【OffscreenCanvas】
OffscreenCanvas组件用于自定义绘制图形。使用[Canvas]组件或[Canvas API]时,渲染、动画和用户交互通常发生在应用程序的主线程上,与画布动画和渲染相关的计算可能会影响应用程序性能。OffscreenCanvas提供了一个可以在屏幕外渲染的画布,这样可以在单独的线程中运行一些任务,从而避免影响应用程序主线程性能。该组件从API Version 8开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。原创 2024-07-20 22:05:16 · 789 阅读 · 0 评论 -
鸿蒙画布组件:【Matrix2D】
矩阵对象,可以对矩阵进行缩放、旋转、平移等变换。从 API Version 8 开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。原创 2024-07-20 20:13:57 · 572 阅读 · 1 评论 -
鸿蒙画布组件:【ImageData对象】
ImageData对象可以存储canvas渲染的像素数据。原创 2024-07-19 21:58:52 · 281 阅读 · 0 评论 -
鸿蒙画布组件:【ImageBitmap对象】
ImageBitmap对象可以存储canvas渲染的像素数据。原创 2024-07-19 20:49:26 · 317 阅读 · 0 评论 -
鸿蒙画布组件:【CanvasRenderingContext2D对象】方法
transform方法对应一个变换矩阵,想对一个图形进行变化的时候,只要设置此变换矩阵相应的参数,对图形的各个定点的坐标分别乘以这个矩阵,就能得到新的定点的坐标。矩阵变换效果可叠加。从API version 9开始,该接口支持在ArkTS卡片中使用,卡片中不支持PixelMap对象。从API version 9开始,该接口支持在ArkTS卡片中使用。从API version 9开始,该接口支持在ArkTS卡片中使用。从API version 9开始,该接口支持在ArkTS卡片中使用。原创 2024-07-19 15:37:34 · 683 阅读 · 0 评论 -
鸿蒙画布组件:【CanvasRenderingContext2D对象】 接口与属性
使用RenderingContext在Canvas组件上进行绘制,绘制对象可以是矩形、文本、图片等。从API Version 8开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。原创 2024-07-19 14:32:50 · 991 阅读 · 0 评论 -
鸿蒙画布组件:【CanvasPattern】
针对同一个方法内,不支持多次调用。针对同一个应用,多次点击调用时,会覆盖前面的调用效果,即仅最后一次调用生效。针对同一个应用,多次点击调用时,会覆盖前面的调用效果,即仅最后一次调用生效。针对同一个应用,多次点击调用时,会覆盖前面的调用效果,即仅最后一次调用生效。针对同一个应用,多次点击调用时,会覆盖前面的调用效果,即仅最后一次调用生效。观察加速度数据变化。针对同一个应用,多次点击调用时,会覆盖前面的调用效果,即仅最后一次调用生效。针对同一个应用,多次点击调用时,会覆盖前面的调用效果,即仅最后一次调用生效。原创 2024-07-18 22:27:53 · 401 阅读 · 0 评论 -
鸿蒙画布组件:【CanvasGradient对象】
渐变对象。从 API Version 8 开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。原创 2024-07-18 21:42:19 · 271 阅读 · 0 评论 -
鸿蒙画布组件:【Canvas】
提供画布组件,用于自定义绘制图形。该组件从API Version 8开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。原创 2024-07-18 20:36:03 · 230 阅读 · 0 评论 -
鸿蒙ArkTS媒体组件:【Shape】
绘制组件的父组件,父组件中会描述所有绘制组件均支持的通用属性。1、绘制组件使用Shape作为父组件,实现类似SVG的效果。2、绘制组件单独使用,用于在页面上绘制指定的图形。该组件从API Version 7开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。原创 2024-07-18 16:39:23 · 800 阅读 · 0 评论 -
鸿蒙ArkTS媒体组件:【Rect】
矩形绘制组件。该组件从API Version 7开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。原创 2024-07-17 22:12:45 · 516 阅读 · 0 评论 -
鸿蒙ArkTS媒体组件:【Path】
路径绘制组件,根据绘制路径生成封闭的自定义形状。原创 2024-07-17 20:26:19 · 858 阅读 · 0 评论 -
鸿蒙ArkTS媒体组件:【Polygon】
多边形绘制组件。该组件从API Version 7开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。原创 2024-07-17 14:16:21 · 652 阅读 · 0 评论 -
鸿蒙ArkTS媒体组件:【Polyline】
折线绘制组件。该组件从API Version 7开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。原创 2024-07-16 22:16:17 · 748 阅读 · 0 评论 -
鸿蒙ArkTS媒体组件:【Line】
直线绘制组件。原创 2024-07-16 20:28:48 · 497 阅读 · 0 评论 -
鸿蒙ArkTS媒体组件:【Ellipse】
椭圆绘制组件。该组件从API Version 7开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。原创 2024-07-16 14:26:25 · 210 阅读 · 0 评论 -
鸿蒙ArkTS绘制组件:【Circle】
用于绘制圆形的组件。原创 2024-07-15 22:10:29 · 256 阅读 · 0 评论 -
鸿蒙ArkTS媒体组件:【Video】
用于播放视频文件并控制其播放状态的组件。原创 2024-07-15 20:38:40 · 558 阅读 · 0 评论 -
鸿蒙ArkTS容器组件:【WaterFlow】
瀑布流容器,由“行”和“列”分割的单元格所组成,通过容器自身的排列规则,将不同大小的“项目”自上而下,如瀑布般紧密布局。该组件从API Version 9 开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。原创 2024-07-15 17:47:19 · 980 阅读 · 0 评论 -
鸿蒙ArkTS容器组件:【TabContent】
仅在Tabs中使用,对应一个切换页签的内容视图。该组件从API Version 7开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。原创 2024-07-15 14:50:38 · 611 阅读 · 0 评论 -
鸿蒙ArkTS容器组件:【Tabs】
通过页签进行内容视图切换的容器组件,每个页签对应一个内容视图。该组件从API Version 7开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。原创 2024-07-14 22:06:04 · 847 阅读 · 0 评论 -
鸿蒙ArkTS容器组件:【Swiper】
滑块视图容器,提供子组件滑动轮播显示的能力。该组件从API Version 7开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。原创 2024-07-14 20:31:09 · 670 阅读 · 0 评论 -
鸿蒙ArkTS容器组件:【Stack】
堆叠容器,子组件按照顺序依次入栈,后一个子组件覆盖前一个子组件。该组件从API Version 7开始支持。原创 2024-07-12 22:03:07 · 227 阅读 · 0 评论 -
鸿蒙ArkTS容器组件:【Scroll】
可滚动的容器组件,当子组件的布局尺寸超过父组件的尺寸时,内容可以滚动。点击或者复制转到。原创 2024-07-12 15:03:11 · 793 阅读 · 0 评论 -
鸿蒙ArkTS容器组件:【Row】
沿水平方向布局容器。点击或者复制转到。该组件从API Version 7开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。原创 2024-07-11 20:34:38 · 656 阅读 · 0 评论 -
鸿蒙ArkTS容器组件:【RelativeContainer】
相对布局组件,用于复杂场景中元素对齐的布局。点击或者复制转到。该组件从API Version 9开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。原创 2024-07-11 14:27:57 · 317 阅读 · 0 评论 -
鸿蒙ArkTS容器组件:【Refresh】
可以进行页面下拉操作并显示刷新动效的容器组件。原创 2024-07-10 22:14:09 · 288 阅读 · 0 评论 -
鸿蒙ArkTS容器组件:【Navigator】
路由容器组件,提供路由跳转能力。点击或者复制转到。该组件从API Version 7开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。原创 2024-07-10 14:33:26 · 298 阅读 · 0 评论 -
鸿蒙ArkTS容器组件:【List】
列表包含一系列相同宽度的列表项。适合连续、多行呈现同类数据,例如图片和文本。点击或者复制转到。原创 2024-07-09 14:26:47 · 1249 阅读 · 0 评论 -
鸿蒙ArkTS容器组件:【GridItem】
网格容器中单项内容容器。点击或者复制转到。原创 2024-07-08 22:03:53 · 983 阅读 · 0 评论