1. 程式人生 > >Android開源:一款你不可錯過的可愛&小資風格的載入等待控制元件庫

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

前言

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

示意圖

目錄

示意圖

1. 簡介

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

示意圖

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"

            />

步驟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地址

最終示意圖.gif

6. 原始碼解析

7. 貢獻程式碼

  • 希望你們能和我一起完善這款清新 & 小資風格的自定義控制元件,具體請看:貢獻程式碼說明
  • 關於該開源專案的意見 & 建議可在Issue上提出。歡迎 Star

8. 總結

  • 相信你一定會喜歡上 這款可愛、清新 & 小資風格的載入等待自定義控制元件

示意圖

請幫頂 / 評論點贊!因為你的鼓勵是我寫作的最大動力!