开源库挖掘&推荐

贝塞尔曲线加载动画 | BesselLoadingView

2017-11-27  本文已影响7人  5afd372c86ba
名称 BesselLoadingView
语言 Android
平台 GitHub
作者 Jerey-Jobs
链接 点此进入

BesselLoadingView是一个利用贝塞尔曲线绘制的圆圈加载动画,原理是在画布上画三个圆圈,中间有个小圆圈水平位移,与小圆圈相交的圆圈会变大,用到贝塞尔曲线的地方主要是在小圆圈与圆圈接触的时候,会通过贝塞尔绘画出粘滞的效果。

效果图

效果图

使用方法

  1. 添加依赖
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>
上一篇 下一篇

猜你喜欢

热点阅读