沉浸式界面开发 场景说明 沉浸式界面通常是指全屏显示，即当前画面占据整个屏幕。画面放大的同时，让用户摆脱无关信息的干扰，带给用户沉浸式的体验。常见的场景有：视频播放、游戏等。本例即为大家介绍如何开发沉浸式界面。 效果呈现 本例中的沉浸式界面有三种实现方式，对应效果如下： 方案一：颜色背景铺满 方案二：图片背景铺满 方案三：背景铺满的同时、状态栏不可见 运行环境 本例基于以下环境开发，开发者也可以基于其他适配的版本进行开发： IDE:DevEcoStudio3.1Beta2 SDK:Ohos_sdk_public3.2.11.9(APIVersion9Release)...

如何使用弹簧动画曲线 场景说明 在动画开发场景中，经常用到弹性效果，尤其在拖拽某个对象时经常伴随弹性动效。OpenHarmony提供了三种弹簧动画曲线用来实现弹性效果，本例将为大家介绍这三种曲线的用法。 效果呈现 本例最终效果如下： 运行环境 本例基于以下环境开发，开发者也可以基于其他适配的版本进行开发： IDE:DevEcoStudio3.1Beta2 SDK:Ohos_sdk_public3.2.11.9(APIVersion9Release) 实现思路 本例主要用到以下三种弹簧动画曲线： curves.springCurve：通过设置弹簧的初始速度、质量、刚度和阻尼来控制弹簧动画...

如何请求并加载网络图片 场景说明 加载网络图片时，如果直接在Image组件中写入图片的url链接，当网速较慢或者图片较大时，可能导致Image组件加载不出图片。因此，建议使用http接口请求图片数据，等数据返回后通过状态变量实时将图片加载到页面上，这样就能保证图片的渲染。本例将为大家介绍如何实现上述场景。 效果呈现 本例效果如下： 运行环境 IDE：DevEcoStudio3.1Beta1 SDK：Ohos_sdk_public3.2.11.9(APIVersion9Release) 实现思路 使用http请求获取图片数据。 通过image.createImageSource()将获取...

场景说明 在通讯录中，需要将联系人按照姓氏的首字母进行分组排列，从而更方便联系人的查找；联系人列表右侧的字母导航可以随列表的滑动而定位到对应字母处；同时，也可以通过字母导航控制列表跳到指定联系人分组。本例即为大家介绍如何通过实现上述场景。 效果呈现 本示例最终效果如下： 环境要求 IDE：DevEcoStudio3.1Beta1 SDK：Ohos_sdk_public3.2.11.9(APIVersion9Release) 实现原理 本例涉及的四个关键特性及其实现方案如下： 联系人按字母分组展示：通过List组件显示联系人列表，通过ListItemGroup组件实现联系人分组。 联系人...

如何实现逐帧动画 场景说明 逐帧动画是常见的一种动画呈现形式，本例就为大家介绍如何通过OpenHarmony实现逐帧动画。 效果呈现 本例最终效果如下： 点击“run”按钮，火柴人开始走动。 点击“stop”按钮，火柴人停止走动。 运行环境 IDE：DevEcoStudio3.1Beta1 SDK：Ohos_sdk_public3.2.11.9(APIVersion9Release) 实现思路 本例的实现有两个关键点： 将连续走动的火柴人拆分为多帧静态图像，在固定的时间间隔内逐帧将图像移动到动画窗口，间隔时间要小于肉眼可察觉的时间。循环上述动作，就可以实现火柴人的走动动画。火柴人静...

如何通过显示动画实现书籍翻页动效 场景介绍 翻页动效是应用开发中常见的动效场景，常见的如书籍翻页、日历翻页等。本文就为大家举例讲解如何通过ArkUI提供的显示动画接口animateTo实现书籍翻页的效果。 效果呈现 本例最终实现效果如下： 环境要求 IDE：DevEcoStudio3.1Beta1 SDK：Ohos_sdk_public3.2.11.9(APIVersion9Release) 实现思路 如图，分上下两层、左右两侧建立4个文本组件（下文用A、B、C、D代称），左右两侧分别代表打开书籍的左右两面，上下两层堆叠放置。当B沿旋转轴旋转180度覆盖在A上时，就体现为翻页效果。一个翻...