Skip to content

samlss/PinBallLoadingView

Repository files navigation

PinBallLoadingView

A pin ball loading view(一个弹球球loading view)。

Api reqeust MIT Licence Blog



gif2

gif1

中文

使用

在根目录的build.gradle添加这一句代码:

allprojects {
    repositories {
        //...
        maven { url 'https://jitpack.io' }
    }
}

在app目录下的build.gradle添加依赖使用:

dependencies {
    implementation 'com.github.samlss:PinBallLoadingView:1.0'
}

布局中使用:

<com.iigo.library.PinBallLoadingView
                android:id="@+id/pblv_loading1"
                android:layout_width="100dp"
                android:layout_height="100dp"
                app:moving_circle_color="#ff669900"
                app:moving_speed_ratio="8.8"
                app:moving_circle_radius="20"
                app:outer_circle_stoke_color="#ffff8800"
                app:outer_circle_stoke_width="20" />

代码中使用:

  pinBallLoadingView.start(); //开始动画
  pinBallLoadingView.stop(); //结束动画
  pinBallLoadingView.setMovingCircleColor(Color.parseColor("#ff669900")); //设置可移动圆的颜色
  pinBallLoadingView.setOuterCircleStrokeColor(Color.parseColor("#ffff8800")); //设置外圆描边颜色

属性说明:

属性 说明
moving_circle_radius 可移动小球的半径,默认为10
moving_circle_color 可移动圆的颜色,默认为红色
moving_speed_ratio 速度比例,值越大移动越快,默认为5
outer_circle_stoke_color 外圆描边颜色,默认为白色
outer_circle_stoke_width 外圈的绘边大小,默认为5

如果不能满足你的需要,你可以下载源码自行修改。

English

Use

Add it in your root build.gradle at the end of repositories:

allprojects {
    repositories {
        //...
        maven { url 'https://jitpack.io' }
    }
}

Add it in your app build.gradle at the end of repositories:

dependencies {
    implementation 'com.github.samlss:PinBallLoadingView:1.0'
}

in layout.xml:

<com.iigo.library.PinBallLoadingView
                android:id="@+id/pblv_loading1"
                android:layout_width="100dp"
                android:layout_height="100dp"
                app:moving_circle_color="#ff669900"
                app:moving_speed_ratio="8.8"
                app:moving_circle_radius="20"
                app:outer_circle_stoke_color="#ffff8800"
                app:outer_circle_stoke_width="20" />

in java code:

  pinBallLoadingView.start(); //start animation
  pinBallLoadingView.stop(); //stop animation
  pinBallLoadingView.setMovingCircleColor(Color.parseColor("#ff669900")); //set the color of the moving circle
  pinBallLoadingView.setOuterCircleStrokeColor(Color.parseColor("#ffff8800")); //set the stroke color of the outer circle

Attributes description:

attr description
moving_circle_radius the moving circle radius, the default is 10
moving_circle_color The color of the moving circle, the default is red
moving_speed_ratio speed ratio, the bigger the value, the faster the speed, the default is 5
outer_circle_stoke_color The color of the outer circle stroke, the default is white
outer_circle_stoke_width Outer circle width, the default is 5

If you can not meet your needs, you can download the source code to modify it.