Android开源:一款你不可错过的可爱&小资风格的加载等待控件库

来源:互联网 发布:sqlite软件怎么用 编辑:程序博客网 时间:2024/05/16 05:57

前言

  • Android开发中,加载等待的需求 非常常见
  • 本文将带来 一款 可爱 & 小资风格的加载等待Android自定义View控件的使用,希望你们会喜欢。

示意图

已在Github开源:Kawaii_LoadingView,欢迎 Star


目录

示意图


1. 简介

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

已在Github开源:Kawaii_LoadingView,欢迎 Star

示意图


2. 应用场景

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


3. 特点

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

3.1 样式清新

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

示意图

示意图

示意图

示意图

3.2 使用简单

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

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

3.3 二次开发成本低

  • 本项目已在 Github上开源:Kawaii_LoadingView
  • 详细的源码分析文档:Android:你也可以自己写一个可爱 & 小资风格的加载等待自定义View

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


4. 具体使用

该款Kawaii_LoadingView 使用非常简单,仅需3步:

步骤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. 贡献代码

  • 希望你们能和我一起完善这款清新 & 小资风格的自定义控件,具体请看:贡献代码说明
  • 关于该开源项目的意见 & 建议可在Issue上提出。欢迎 Star

8. 总结

  • 相信你一定会喜欢上 这款可爱、清新 & 小资风格的加载等待自定义控件

已在Github上开源:Kawaii_LoadingView,欢迎 Star

示意图

  • 此外,我还有一些有趣的自定义View实例讲解,有兴趣可以继续关注Carson_Ho的安卓开发笔记

    a. 手把手教你实现一个简单好用的搜索框(含历史搜索记录)
    b. 你需要一款简单实用的SuperEditText(一键删除&自定义样式))
    c. Android 自定义View实战系列 :时间轴

  • 参考文章
    http://www.jianshu.com/p/9a6cbb7aa54f
    http://www.jianshu.com/p/2412d00a0ce4
    http://www.jianshu.com/p/733532041f46
    http://halohoop.com/2017/06/04/roll_loading/
    http://www.jianshu.com/p/e9d8420b1b9c
    http://www.jianshu.com/p/762b490403c3
    http://www.jianshu.com/p/1dab927b2f36
    http://www.jianshu.com/p/158736a2549d
    http://www.jianshu.com/p/146e5cec4863

请帮顶 / 评论点赞!因为你的鼓励是我写作的最大动力!

阅读全文
18 0
原创粉丝点击