前言
-
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實戰系列 :時間軸
- Carson帶你學自定義View文章系列:
Carson帶你學自定義View:自定義View基礎
Carson帶你學自定義View:一文梳理自定義View工作流程
Carson帶你學自定義View:Measure過程
Carson帶你學自定義View:Layout過程
Carson帶你學自定義View:Draw過程
Carson帶你學自定義View:手把手教你寫一個完整的自定義View
Carson帶你學自定義View:Canvas類全面解析
Carson帶你學自定義View:Path類全面解析
歡迎關注Carson_Ho的簡書
不定期分享關于安卓開發的干貨,追求短、平、快,但卻不缺深度。