Kawaii_LoadingView

Introduction: 一个可爱 & 小清新的加载等待 Android 控件
More: Author   ReportBugs   
Tags:

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 :新增 启动 & 停止动画

关于作者

Support Me
Apps
About Me
Google+: Trinea trinea
GitHub: Trinea