名称 | BesselLoadingView |
---|---|
语言 | Android |
平台 | GitHub |
作者 | Jerey-Jobs |
链接 | 点此进入 |
BesselLoadingView是一个利用贝塞尔曲线绘制的圆圈加载动画,原理是在画布上画三个圆圈,中间有个小圆圈水平位移,与小圆圈相交的圆圈会变大,用到贝塞尔曲线的地方主要是在小圆圈与圆圈接触的时候,会通过贝塞尔绘画出粘滞的效果。
效果图
使用方法
- 添加依赖
dependencies {
compile 'com.github.Jerey-Jobs:BesselLoadingView:1.1'
}
2.在XML文件添加控件
<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="com.jerey.besselloadingview.MainActivity">
<com.jerey.besselloadingviewlib.BesselLoadingView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:loadingduration="4000"
app:loadingcolor="#555555"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.2"/>
<com.jerey.besselloadingviewlib.BesselLoadingView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.4"/>
<com.jerey.besselloadingviewlib.BesselLoadingView
android:layout_width="400dp"
android:layout_height="150dp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.6"/>
</android.support.constraint.ConstraintLayout>
网友评论