Android開源 - Kawaii_LoadingView: 一款你不可錯過的可愛&小資風格的加載等待控件庫

前言

  • Android 開發中, 加載等待的需求 非常常見
  • 本文將帶來 一款 可愛 & 小資風格的 加載等待 Android 自定義 View 控件的使用,希望你們會喜歡。

已在 Github 開源: Kawaii_LoadingView ,歡迎 Star !

目錄

1. 簡介

一款 可愛 、清新 & 小資風格的 Android 自定義 View 控件

已在 Github 開源: Kawaii_LoadingView ,歡迎 Star !

Android開源 - Kawaii_LoadingView: 一款你不可錯過的可愛&小資風格的加載等待控件庫

2. 應用場景

App 長時間加載等待時, 用于提示用戶進度 & 緩解用戶情緒

3. 特點

對比市面上的加載等待自定義控件,該控件 Kawaii_LoadingView 的特點是:

3.1 樣式清新

  • 對比市面上 各種酷炫、眼花繚亂的加載等待自定義控件,該款 Kawaii_LoadingView 的 清新 & 小資風格 簡直是一股清流
  • 同時,可根據您的 App 定位 & 主色進行顏色調整,使得控件更加符合 App 的形象。下面給出一些常見配色:

3.2 使用簡單

僅需要3步驟 & 配置簡單。

下面1節會詳細介紹其使用方法

3.3 二次開發成本低

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

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"

        /></code></pre> 

步驟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();</code></pre> 

5. 完整Demo地址

Carson_Ho的Github地址:Kawaii_LoadingView_TestDemo

6. 源碼解析

具體請看文章 Android:你也可以自己寫一個可愛 & 小資風格的加載等待自定義View

7. 開源協議

Kawaii_LoadingView 遵循 Apache 2.0 開源協議

8. 貢獻代碼

  • 具體請看:貢獻說明
  • 關于該開源項目的意見 & 建議可在Issue上提出。歡迎 Star !

9. 版本說明

2017-07-07 v1.0.0 :新增 啟動 & 停止動畫

關于作者

項目主頁:http://www.baiduhome.net/lib/view/home/1504147989279

 本文由用戶 ChristiCoun 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!