美文网首页开源库挖掘&推荐
贝塞尔曲线加载动画 | BesselLoadingView

贝塞尔曲线加载动画 | BesselLoadingView

作者: 5afd372c86ba | 来源:发表于2017-11-27 10:47 被阅读7次
名称 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>

相关文章

  • 贝塞尔曲线加载动画 | BesselLoadingView

    BesselLoadingView是一个利用贝塞尔曲线绘制的圆圈加载动画,原理是在画布上画三个圆圈,中间有个小圆圈...

  • iOS造轮子——跳跃加载动画效果

    详情参见GitHub,跳跃的加载动画 这个动画,使用CAKeyframeAnimation和贝塞尔曲线来完成,相当...

  • 贝塞尔曲线

    实现1-7阶贝塞尔曲线的形成动画 自定义View——贝塞尔曲线

  • iOS-UIBezierPath动画之果冻动画

    我们今天做一个简单的贝塞尔曲线动画,做这个动画之前,我们要对UIBezierPath有简单的了解。贝塞尔曲线基础知...

  • Android水波加载图标的loading效果

    使用贝塞尔曲线实现水波纹加载icon的功能源码地址 贝塞尔曲线 安卓path提供了以下几种方法处理贝赛尔曲线: 前...

  • android 水波纹+小船漂浮实现

    如图 实现思路贝塞尔曲线+属性动画 1:先画曲线 曲线类似正弦函数曲线,所以也就是画贝塞尔曲线。如何做到流动的效果...

  • 购物车动画

    使用贝塞尔曲线实现购物车抛物线动画关键步骤 使用path 构建贝塞尔曲线 使用PathMeasure计算曲线上每个...

  • Bezier曲线

    参考自iOS开发 贝塞尔曲线UIBezierPath和iOS-UI进阶13 - 贝塞尔曲线和帧动画结合 使用UIB...

  • Android贝塞尔曲线相关资料

    资料整理: Android-贝塞尔曲线 贝塞尔曲线扫盲 练习贝塞尔曲线 贝塞尔曲线绘制在线演示(带坐标) 生成三阶...

  • 贝塞尔曲线

    有一种动画是跟着一条轨迹走的,又叫曲线动画,曲线有很多种,最著名的是贝塞尔曲线。什么是贝塞尔曲线,最简单的就是你用...

网友评论

    本文标题:贝塞尔曲线加载动画 | BesselLoadingView

    本文链接:https://www.haomeiwen.com/subject/vllnvxtx.html