HarmonyOS 鸿蒙Next SpinKit

HarmonyOS 鸿蒙Next SpinKit

SpinKit(API12)

🏆简介与推荐

SpinKit 是一个适用于OpenHarmony/HarmonyOS的加载动画库。

📚下载安装

ohpm i [@pura](/user/pura)/spinkit

OpenHarmony ohpm
环境配置等更多内容，请参考如何安装 OpenHarmony ohpm 包

📚效果图

效果图略有卡顿，请运行源码或添加依赖，查看效果。
QQ群：569512366

📚SpinKit组件

属性 介绍
spinType 动画的类型
spinSize 动画的大小，默认60
spinColor 动画的颜色，默认白色
深色代码主题
复制
 SpinKit()

SpinKit({ spinType: SpinType.spinA })


SpinKit({ spinType: SpinType.spinH })


SpinKit({
spinType: SpinType.spinA,
spinColor: Color.Pink,
spinSize: 70
})

加载弹框请移步 harmony-dialog

💖沟通与交流🙏

使用过程中发现任何问题都可以提 Issue给我们；
当然，我们也非常欢迎你给我们发 PR 。

https://gitee.com/tongyuyan/harmony-utils
https://github.com/787107497


更多关于HarmonyOS 鸿蒙Next SpinKit的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于HarmonyOS 鸿蒙Next SpinKit的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


HarmonyOS 鸿蒙Next开发模板/组件分享 – SpinKit 回复：

SpinKit 是一个在 HarmonyOS 鸿蒙系统中用于显示加载动画的组件库，它提供了一系列简单且易于使用的加载动画，适用于各种应用场景。以下是关于 SpinKit 在 HarmonyOS 鸿蒙系统中的一些关键信息和常用组件：

  1. 组件引入： SpinKit 组件可以通过 HarmonyOS 的包管理工具进行引入，具体步骤请参考 HarmonyOS 官方文档，确保在项目的 config.json 文件中正确配置依赖。

  2. 常用动画类型： SpinKit 提供了多种加载动画，如 FadingCircle、RotatingPlane、DoubleBounce 等，每种动画都有独特的视觉效果，开发者可以根据需求选择合适的动画类型。

  3. 使用方式： 在 XML 布局文件中，可以通过 <com.example.spinkit.XXSpinKit/>（XX 代表具体的动画类型）来引入 SpinKit 组件。同时，也可以在 JavaScript（或 TS）代码中通过 new XXSpinKit() 的方式来动态创建和配置 SpinKit 组件。

  4. 自定义： SpinKit 组件支持一定程度的自定义，包括动画速度、颜色等，开发者可以通过修改组件的属性或样式来实现。

如果问题依旧没法解决请联系官网客服，官网地址是：https://www.itying.com/category-93-b0.html。

回到顶部