Android開源:一款你不可錯過的可愛&小資風格的載入等待控制元件庫
阿新 • • 發佈:2019-02-10
前言
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地址
6. 原始碼解析
7. 貢獻程式碼
- 希望你們能和我一起完善這款清新 & 小資風格的自定義控制元件,具體請看:貢獻程式碼說明
- 關於該開源專案的意見 & 建議可在Issue上提出。歡迎
Star
!
8. 總結
- 相信你一定會喜歡上 這款可愛、清新 & 小資風格的載入等待自定義控制元件