6 Star 1 Fork 0

hihopeorg / Konfetti

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README
ISC

Konfetti

本项目是基于开源项目Konfetti进行ohos化的移植和开发的,可以通过项目标签以及github地址( https://github.com/DanielMartinus/Konfetti )追踪到原项目版本

项目介绍

  • 项目名称:五彩纸屑颗粒系统可为你创建逼真的五彩纸屑。
  • 所属系列:ohos的第三方组件适配移植
  • 功能:支持创建不同形状、颜色、以及三种不同形式的纸屑动画效果。
  • 项目移植状态:完成
  • 调用差异:无
  • 项目作者和维护人:hihope
  • 联系方式:hihope@hoperun.com
  • 原项目Doc地址:https://github.com/DanielMartinus/Konfetti
  • 编程语言:Java
  • 外部库依赖:无
  • 原项目基线版本:v1.2.6 , sha1:729db03fab0da3591f9b0bc7f6c282ac854c2199

演示效果

安装教程

  1. 编译依赖库har包konfetti.har。
  2. 启动 DevEco Studio,将编译的har包,导入工程目录“entry->libs”下。
  3. 在moudle级别下的build.gradle文件中添加依赖,在dependences标签中增加对libs目录下jar包的引用。
dependencies {
    implementation fileTree(dir: 'libs', include: ['*.jar', '*.har'])
	……
}
  1. 在导入的har包上点击右键,选择“Add as Library”对包进行引用,选择需要引用的模块,并点击“OK”即引用成功。

方法2.

  1. 在工程的build.gradle的allprojects中,添加HAR所在的Maven仓地址
repositories {
    maven {
        url 'http://106.15.92.248:8081/repository/Releases/' 
    }
}
  1. 在应用模块的build.gradle的dependencies闭包中,添加如下代码:
dependencies {
    implementation 'nl.dionsegijn.ohos:konfetti:1.0.1'
}

使用说明

  1. 布局文件定义,提供控件
  <com.dionsegijn.konfetti.KonfettiView
      ohos:id="$+id:konfettiView"
      ohos:height="match_parent"
      ohos:width="match_parent"
      ohos:top_margin="10vp"
      ohos:weight="8"/>
  1. 在Ability中获取到konfettiView,在需要触发动画的地方设置动画的属性。
 1设置流式动画效果
 konfettiView.build()
         .addColors(config.getColors()) //设置颜色列表
         .setDirection(0.0, 359.0) //设置位置
         .setSpeed(config.getMinSpeed(), config.getMaxSpeed()) //设置速度范围
         .setFadeOutEnabled(true) //设置是否淡出
         .setTimeToLive(config.getTimeToLive()) //设置纸屑的可见时间
         .addShapes(config.getShapes())//设置形状
         .addSizes(new Size(12, 5f, screenDensity), new      Size(16, 6f, screenDensity)) //设置大小
         .setPosition(-50f, konfettiView.getWidth() + 50f, -50f, -50f) //设置X、Y坐标值
         .streamFor(300, 500L); //设置纸屑个数,以及时间间隔。

 2创建爆炸效果的动画
 konfettiView.build()
         .addColors(config.getColors())
         .setDirection(0.0, 359.0)
         .setSpeed(config.getMinSpeed(), config.getMaxSpeed())
         .setFadeOutEnabled(true)
         .setTimeToLive(config.getTimeToLive())
         .addShapes(config.getShapes())
         .addSizes(new Size(12, 5f, screenDensity), new Size(16, 6f, screenDensity))
         .setPosition(konfettiView.getPivotX(), konfettiView.getPivotY())
         .burst(100);

版本迭代

  • v1.0.0

实现功能

  1. 实现顶部向下的飘落的动画效果。
  2. 实现以扇形区域散开的动画效果。
  3. 实现从中心炸开的动画效果。
  4. 支持设置动画的形状、颜色、速度、可见时间。

未实现功能

  1. 目前ohos Element不支持setColorFilter()设置颜色,如果纸屑的形状是以从资源文件中加载然后绘制的, 在绘制纸屑的时候无法对纸屑的颜色做出改变。

版权和许可信息

  • ISC License
ISC License Copyright (c) 2017 Dion Segijn Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby granted, provided that the above copyright notice and this permission notice appear in all copies. THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.

简介

暂无描述 展开 收起
Java
ISC
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
1
https://gitee.com/hihopeorg/Konfetti.git
git@gitee.com:hihopeorg/Konfetti.git
hihopeorg
Konfetti
Konfetti
master

搜索帮助