Skip to content

Carson-Ho/Kawaii_LoadingView

Folders and files

NameName
Last commit message
Last commit date

Latest commit

b8b2fbe · Aug 30, 2017

History

6 Commits
Jul 29, 2017
Jul 29, 2017
Jul 29, 2017
Jul 29, 2017
Jul 29, 2017
Aug 30, 2017
Jul 31, 2017
Aug 30, 2017
Aug 30, 2017
Jul 29, 2017
Jul 29, 2017
Jul 29, 2017
Jul 29, 2017
Jul 29, 2017

Repository files navigation

Kawaii_LoadingView

English Document

  • 作者:Carson_Ho
  • 概述

示意图

注:关于该开源项目的意见 & 建议可在Issue上提出。欢迎 Star !

1. 简介

一款 可爱 & 小资风格的 Android自定义View控件

示意图

2. 应用场景

App 长时间加载等待时,用于提示用户进度 & 缓解用户情绪

3. 特点

对比市面上的加载等待自定义控件,该控件Kawaii_LoadingView 的特点是:

3.1 样式清新
  • 对比市面上 各种酷炫、眼花缭乱的加载等待自定义控件,该款 Kawaii_LoadingView清新 & 小资风格 简直是一股清流
  • 同时,可根据您的App定位 & 主色进行颜色调整,使得控件更加符合App的形象。具体如下:

示意图

示意图

示意图

示意图

3.2 使用简单

仅需要3步骤 & 配置简单。

下面1节会详细介绍其使用方法

3.3 二次开发成本低

所以,在其上做二次开发 & 定制化成本非常低。

4. 具体使用

步骤1:导入控件库

主要有 Gradle & Maven 2种方式:

  • 方式1:Gradle引入依赖 build.Gradle
dependencies {
    compile 'com.carson_ho:Kawaii_LoadingView:1.0.0'
}
  • 方式2:Maven引入依赖 pom.xml
<dependency>
  <groupId>com.carson_ho</groupId>
  <artifactId>Kawaii_LoadingView</artifactId>
  <version>1.0.0</version>
  <type>pom</type>
</dependency>
步骤2:设置动画属性
  • 属性说明:

示意图

  • 具体属性设置

示意图

  • 使用示例 在XML文件中进行设置 activity_main.xml
<scut.carson_ho.kawaii_loadingview.Kawaii_LoadingView

            android:id="@+id/Kawaii_LoadingView"
            android:layout_width="match_parent"
            android:layout_height="match_parent"

            android:background="#FFCCFF" 
            app:blockColor="#ffffff" 

            app:lineNumber="3"
            app:fixBlock_Angle="5"
            app:moveBlock_Angle="20"

            app:blockInterval="8dp"
            app:half_BlockWidth="15dp"
            app:initPosition="0"

            app:isClock_Wise="false"
            app:moveSpeed="500"
            app:move_Interpolator="@android:anim/bounce_interpolator"

            />
步骤3:通过 API 启动自定义控件的动画
    // 1. 定义控件变量
    private Kawaii_LoadingView Kawaii_LoadingView;

    // 2. 绑定控件
    Kawaii_LoadingView = (Kawaii_LoadingView) findViewById(R.id.Kawaii_LoadingView);
        
    // 3. 使用动画(API说明)
       // 3.1 启动动画
       Kawaii_LoadingView.startMoving();
       // 3.2 停止动画
       Kawaii_LoadingView.stopMoving();

5. 完整Demo地址

Carson_Ho的Github地址:Kawaii_LoadingView_TestDemo

最终示意图.gif

6. 源码解析

具体请看文章Android:你也可以自己写一个可爱 & 小资风格的加载等待自定义View

7. 开源协议

Kawaii_LoadingView 遵循 Apache 2.0 开源协议

8. 贡献代码

  • 具体请看:贡献说明
  • 关于该开源项目的意见 & 建议可在Issue上提出。欢迎 Star !

9. 版本说明

2017-07-07 v1.0.0 :新增 启动 & 停止动画

关于作者

About

一个可爱 & 小清新的加载等待Android控件

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages