系列文章目錄
Android線條等待影片JMWorkProgress（可添加依賴直接使用）
文章目錄
- 系列文章目錄
- 前言
- 一、使用（添加依賴）
- maven { url 'https://jitpack.io' }
- implementation 'com.github.Yufseven:JMWorkProgress:v1.0'
- 二、常見使用步驟
- XML中呼叫
- 1.在不加其他屬性的樣式下
- 2.改變線條的顏色
- 3.改變線條寬度
- 4.添加文字
- XML可呼叫屬性如以下表格
- Java中呼叫方法
- 三、專案地址(留下小星星(*￣︶￣))
前言
有小伙伴建議計蒙將代碼添加到github，增加文章的可讀性，于是計蒙今天創建了自己的第一個依賴庫，
一、使用（添加依賴）
maven { url ‘https://jitpack.io’ }
allprojects {
repositories {
...
maven { url 'https://jitpack.io' }
}
}
implementation ‘com.github.Yufseven:JMWorkProgress:v1.0’
dependencies {
...
implementation 'com.github.Yufseven:JMWorkProgress:v1.0'
}
二、常見使用步驟
XML中呼叫
1.在不加其他屬性的樣式下
<com.shenzhen.jimeng.jm.JMWorkProgress
android:layout_width="200dp"
android:layout_height="200dp"
/>
效果圖：
2.改變線條的顏色
- oval_big_color：最外層的線條（最大的）
- oval_second_color：第二層
- oval_thirdly_color：第三層
- oval_min_color：第四層
為了效果都改為一個顏色
<com.shenzhen.jimeng.jm.JMWorkProgress
android:layout_width="200dp"
android:layout_height="200dp"
app:oval_big_color="@color/colorAccent"
app:oval_second_color="@color/colorPrimary"
app:oval_thirdly_color="@color/colorPrimary"
app:oval_min_color="@color/colorAccent"
/>
效果圖：
3.改變線條寬度
關鍵呼叫：app:ovalStrokeWidth
<com.shenzhen.jimeng.jm.JMWorkProgress
android:layout_width="200dp"
android:layout_height="200dp"
app:oval_big_color="@color/colorAccent"
app:oval_second_color="@color/colorPrimary"
app:oval_thirdly_color="@color/colorPrimary"
app:oval_min_color="@color/colorAccent"
app:ovalStrokeWidth="20"
/>
效果圖：
4.添加文字
- app:text :添加的文字
- app:textSize：文字大小（沒有單位，數字即可）
- app:textStyle：文字的樣式（三個選擇，分別為STROKE，FILL，FILL_AND_STROKE）
注意：字體顏色與左邊對應線條顏色一致
<com.shenzhen.jimeng.jm.JMWorkProgress
android:layout_width="200dp"
android:layout_height="200dp"
android:layout_centerInParent="true"
app:oval_big_color="@color/colorAccent"
app:oval_second_color="@color/colorPrimary"
app:oval_thirdly_color="@color/colorPrimary"
app:oval_min_color="@color/colorAccent"
app:text="加載中"
app:textSize="40"
app:textStyle="FILL"
/>
！！！文字長度得在1-7的范圍內
效果圖：
XML可呼叫屬性如以下表格
| 屬性 | 作用 |
|---|---|
| oval_big_color | 設定最外層線條顏色 |
| oval_second_color | 設定第二層線條顏色 |
| oval_thirdly_color | 設定第三層線條顏色 |
| oval_min_color | 設定最內層線條顏色 |
| ovalStrokeWidth | 設定線條寬度 |
| text | 設定文字內容，文字長度得在1-7的范圍內 ，控制元件內已設計文字位置排放 |
| textStyle | 設定文字樣式 |
| ovalStyle | 設定線條樣式 |
| textSize | 設定字體大小 |
| ovalStrokeWidth | 設定線條寬度 |
Java中呼叫方法
| 主要方法 | 作用 |
|---|---|
| getmBigColor | 得到最外層線條顏色 |
| setmBigColor | 設定最外層線條顏色 |
| getmSecondColor | 得到第二層線條顏色 |
| setmSecondColor | 設定第二層線條顏色 |
| getmThirdlyColor | 得到第三層線條顏色 |
| setmThirdlyColor | 設定第三層線條顏色 |
| getmMinColor | 得到最內層線條顏色 |
| setmMinColor | 設定最內層線條顏色 |
| ovalStrokeWidth | 設定線條寬度 |
| getmText | 得到文字內容 |
| setmText | 設定文字，文字長度得在1-7的范圍內 ，控制元件內已設計文字位置排放 |
| setmTextStyle | 設定文字樣式 |
| setmOvalStyle | 設定線條樣式 |
| setmTextSize | 設定字體大小 |
| setmOvalStrokeWidth | 設定線條寬度 |
| setTextIsShow | 設定文字是否顯示 |
| animationIsShow | 設定影片是否顯示 |
三、專案地址(留下小星星(*￣︶￣))
點擊跳轉github
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/303624.html
標籤：其他