折叠展开动效场景介绍由于目前移动端需要展示的内容越来越多，但是移动端的空间弥足珍贵，在有限的空间内不可能罗列展示全部种类内容，因此折叠展开功能就可以解决当前问题，本文就介绍下如何使用ArkTS来实现折叠展开动效。效果呈现折叠展开动效定义：点击展开按钮，下拉动画展示内容，点击折叠按钮，折叠动画折叠内容。本例最终效果如下：运行环境本例基于以下环境开发，开发者也可以基于其它适配的版本进行开发：IDE:DevEcoSt...
2023-08-22 14:19:25 2193浏览 9点赞 8回复 3收藏
场景介绍应用开发过程中，经常需要创建弹窗（子窗口）用来承载跟当前内容相关的业务，比如电话应用的拨号弹窗；阅读应用中长按当前内容触发的编辑弹窗；购物应用经常出现的抽奖活动弹窗等。本文为大家介绍如何创建子窗口并实现子窗口与主窗口的数据通信。效果呈现本例最终效果如下：环境要求本例基于以下环境开发，开发者也可以基于其他适配的版本进行开发：IDE:DevEcoStudio4.0Beta1SDK:Ohossdkpublic4.0.7.5(APIVersion10Beta...
2023-07-31 11:37:44 2560浏览 13点赞 10回复 6收藏
如何转换图片格式场景说明当我们获取到图片或者视频的缩略图后，返回的是pixelMap，此时有开发者会有疑问如何将pixelMap转换成jpeg等其他格式的图片，其实使用image类中的packing方法就可以将pixelMap重新打包成新的格式（当前只支持jpeg，webp格式），再使用文件管理就可以将图片存入到应用的沙箱路径。本例即为大家介绍如何完成图片格式转换。运行环境本例基于以下环境开发，开发者也可以基于其他适配的版本进行开发：IDE:Dev...
2023-07-20 14:38:48 2094浏览 5点赞 0回复 2收藏
如何监听多层状态变化场景说明应用开发过程中，当希望通过状态变量控制页面刷新时，大家通常想到的就是装饰器State，但是在嵌套场景下，单单使用State并不能监听到变量的状态变化，这就引出了ObservedObjectLink装饰器。本文就为大家介绍如何配合使用State、Observed、ObjectLink三个装饰器监听多层状态变化。概念原理在讲解具体操作前，大家先理解以下几个概念：第一层状态变化：指不包含嵌套关系的变量的变化，比如string、nu...
2023-07-20 14:27:13 2012浏览 7点赞 6回复 3收藏
用户首选项的基本能使用场景说明用户首选项为应用提供KeyValue键值型的数据处理能力，支持应用持久化轻量级数据，并对其修改和查询。当用户希望有一个全局唯一存储的地方，可以采用用户首选项来进行存储。Preferences会将该数据缓存在内存中，当用户读取的时候，能够快速从内存中获取数据。Preferences会随着存放的数据量越多而导致应用占用的内存越大，因此，Preferences不适合存放过多的数据，适用的场景一般为应用保存用户的...
2023-06-28 21:11:55 2898浏览 6点赞 6回复 4收藏
时钟开发场景介绍常见的时钟呈现方式有两种，一种是表盘方式，一种是数字方式。用户可根据个人喜好在两种形式间进行切换。本例即为大家讲解如何开发上述两种钟表样式，以供参考。效果呈现本例最终效果如下：运行环境本例基于以下环境开发，开发者也可以基于其他适配的版本进行开发：IDE:DevEcoStudio3.1Beta2SDK:Ohossdkpublic3.2.11.9(APIVersion9Release)实现思路表盘方式的展示：通过Canvas组件提供画布;在画布上，通过Canva...
2023-06-21 16:45:31 3861浏览 3点赞 4回复 1收藏
编辑图片场景说明图片编辑是在应用中经常用到的功能，比如相机拍完照片后可以对照片进行编辑；截图后可以对截图进行编辑；可以对图库中的图片进行编辑等。本例即为大家介绍如何获取图片的pixelMap数据，并通过pixelMap对图片进行常见的编辑操作。效果呈现本例最终效果如下：运行环境本例基于以下环境开发，开发者也可以基于其他适配的版本进行开发：IDE:DevEcoStudio3.1ReleaseSDK:Ohossdkpublic3.2.12.5(APIVersion9Release)实...
2023-06-19 19:44:17 4583浏览 6点赞 5回复 5收藏
如何实现列表项的新增和删除场景介绍列表的编辑模式用途十分广泛，常见于待办事项管理、文件管理、备忘录的记录管理等应用场景。在列表的编辑模式下，新增和删除列表项是最基础的功能，其核心是对列表项对应的数据集合进行数据添加和删除。下面以待办事项管理为例，介绍如何快速实现新增和删除列表项功能。环境要求本例基于以下环境开发，开发者也可以基于其他适配的版本进行开发：IDE:DevEcoStudio3.1ReleaseSDK:Ohossdkpublic...
2023-06-13 20:39:06 3040浏览 5点赞 3回复 2收藏
如何实现逐帧动画场景说明逐帧动画是常见的一种动画呈现形式，本例就为大家介绍如何通过translate()，setInterval()，clearAllInterval()等方法实现逐帧动画。效果呈现本例最终效果如下：点击“run”按钮，火柴人开始走动。点击“stop”按钮，火柴人停止走动。运行环境本例基于以下环境开发，开发者也可以基于其他适配的版本进行开发：IDE:DevEcoStudio3.1ReleaseSDK:Ohossdkpublic3.2.12.5(APIVersion9Release)实现思路本例的...
2023-06-09 16:25:05 1604浏览 3点赞 1回复 2收藏
弹窗的使用场景说明应用中经常用到弹窗，比如警告弹窗、日期选择弹窗、文本选择弹窗以及其他自定义弹窗等等。本例将为大家介绍如何使用不同的弹窗。效果呈现本例最终效果如下：示例中共涉及四类弹窗：警告弹窗：提示信息尚未保存。日期滑动选择器弹窗：选择出生日期。文本滑动选择器弹窗：选择性别。自定义弹窗：填写兴趣爱好。说明：自定义弹窗可以根据业务需要自行定义弹窗的形式和内容，比如文本输入、单选、多选等等，本例...
2023-06-09 16:12:44 1907浏览 3点赞 0回复 1收藏
控制页面刷新范围场景说明在实现页面UI时，业务方需要根据业务逻辑动态更新组件的状态，常见的如在手机桌面长按某个App的图标时，图标背景色、大小等会发生变化。根据业务需要，有时我们需要触发单个组件的状态更新，有时需要触发部分或全部组件的状态更新。那么如何控制组件状态刷新的范围呢？本例将为大家提供一种参考方案。效果呈现本例最终效果如下：运行环境本例基于以下环境开发，开发者也可以基于其他适配的版本进行开发...
2023-06-09 15:57:21 3178浏览 5点赞 3回复 4收藏
如何通过显示动画实现书籍翻页动效场景介绍翻页动效是应用开发中常见的动效场景，常见的如书籍翻页、日历翻页等。本文就为大家举例讲解如何通过ArkUI提供的显示动画接口[animateTo](https:docs.openharmony.cnpagesv3.2zhcnapplicationdevreferencearkuitstsexplicitanimation.md)实现书籍翻页的效果。效果呈现本例最终实现效果如下：环境要求本例基于以下环境开发，开发者也可以基于其他适配的版本进行开发：IDE：DevEcoStudio...
2023-06-05 10:03:18 2990浏览 7点赞 8回复 3收藏
如何使用弹簧动画曲线场景说明在动画开发场景中，经常用到弹性效果，尤其在拖拽某个对象时经常伴随弹性动效。OpenHarmony提供了三种弹簧动画曲线用来实现弹性效果，本例将为大家介绍这三种曲线的用法。效果呈现本例最终效果如下：运行环境本例基于以下环境开发，开发者也可以基于其他适配的版本进行开发：IDE:DevEcoStudio3.1Beta2SDK:Ohossdkpublic3.2.11.9(APIVersion9Release)实现思路本例主要用到以下三种弹簧动画曲线：[cu...
2023-05-31 15:13:22 2708浏览 5点赞 4回复 2收藏
沉浸式界面开发场景说明沉浸式界面通常是指全屏显示，即当前画面占据整个屏幕。画面放大的同时，让用户摆脱无关信息的干扰，带给用户沉浸式的体验。常见的场景有：视频播放、游戏等。本例即为大家介绍如何开发沉浸式界面。效果呈现本例中的沉浸式界面有三种实现方式，对应效果如下：方案一：颜色背景铺满方案二：图片背景铺满方案三：背景铺满的同时、状态栏不可见运行环境本例基于以下环境开发，开发者也可以基于其他适配的版...
2023-05-30 10:59:14 2848浏览 7点赞 4回复 5收藏
