Skip to content

仿支付宝,微信支付成功后的打钩动画

Notifications You must be signed in to change notification settings

Milk-Fun/Hook-animation

Repository files navigation

Hook-animation

    仿支付宝,微信支付成功后的打钩动画,暂时实现两种不同动画,只需要在gradle中引入即可使用。用户可以自己决定动画开启时间,即需要用户手动控制动画。

效果

  • ZFinishImage

ZImageView

  • ZFinishImage1

image

使用

  • gradle中配置
allprojects {
	repositories {
		...
		maven { url 'https://jitpack.io' }
	}
}
  • 在app gradle中引用
dependencies {
	implementation 'com.github.Milk-Fun:Hook-animation:Tag'
}

TAG为版本号,当前最新版本为1.2.0

属性

  1. ZFinishImage

    其中circleR是圆的半径,高度和宽度最好定义为circleR的2倍或者定义为wrap会更好的显示。

<com.milkz.zfinishimage.ZFinishImage
    android:id="@+id/ZFinishImage"
    android:layout_width="100dp"
    android:layout_height="100dp"
    app:circleR="50dp" />
  • 自定义属性
属性 含义
circleR 圆的半径,默认30dp
colorCircle 圆的颜色,默认蓝色
colorMark 对勾颜色,默认白色
colorBG 圆形之外的背景色,默认透明
animTime 动画持续时间,默认2000ms
widthHook 对勾宽度,默认自动适配,如没有需求,最好不要修改
startWhenInit 是否手动控制动画,false表示否,手工控制开始打开。true表示是,UI显示出来即表示开始动画。
  1. ZFinishImage1
<com.milkz.zfinishimage.ZFinishImage1
    android:layout_width="100dp"
    android:layout_height="100dp"
    app:z1CircleR="50dp" />
  • 自定义属性
属性 含义
z1CircleR 圆的半径,默认30dp
z1ColorCircle 圆的颜色,默认蓝色
z1ColorMark 对勾颜色,默认白色
z1ColorBG 圆形之外的背景色,默认透明
z1AnimTime 动画持续时间,默认2000ms
z1WidthHook 对勾宽度,默认自动适配,如没有需求,最好不要修改
z1StartWhenInit 是否手动控制动画,false表示否,手工控制开始打开。true表示是,UI显示出来即表示开始动画。
z1ColorCircleStoke 最外圈圆框的颜色