JMWorkProgress

KO | EN

gitlite — search

#go #machine-learning #rust #deep-learning #linux #docker #macos #java #cli #awesome-list #security #ios #mcp #open-source

(★ 11)

No description available.

JMWorkProgress Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

如无法加载图片请跳转：
掘金：https://juejin.cn/post/7015495122393497614
CSDN：https://blog.csdn.net/qq_42761395/article/details/120508094

# 一、使用（添加依赖）
##  **maven { url 'https://jitpack.io' }**
```bash
allprojects {
    repositories {
        ...
        maven { url 'https://jitpack.io' }
    }
}
```
##  implementation 'com.github.Yufseven:JMWorkProgress:v1.0'

```bash
dependencies {
    ...
    implementation 'com.github.Yufseven:JMWorkProgress:v1.0'
}
```

# 二、常见使用步骤
## XML中调用
### 1.在不加其他属性的样式下
```xml
<com.shenzhen.jimeng.jm.JMWorkProgress
    android:layout_width="200dp"
    android:layout_height="200dp"
    />
```
**效果图：**

![请添加图片描述](https://img-blog.csdnimg.cn/b696a35baa234e18a78e7b91da810f6f.gif)
### 2.改变线条的颜色
- **oval_big_color：最外层的线条（最大的）**
- **oval_second_color：第二层**
- **oval_thirdly_color：第三层**
- **oval_min_color：第四层**

**为了效果都改为一个颜色**

```xml
<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"
    />
```
**效果图：**

![请添加图片描述](https://img-blog.csdnimg.cn/b0dba78fd6f34e259d030517a689ec0a.gif)
### 3.改变线条宽度
 **关键调用：app:ovalStrokeWidth**

```xml
<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"
    />
```
**效果图：**

![请添加图片描述](https://img-blog.csdnimg.cn/ba24a9c9f0ae433b820bfe1387e8238b.gif)
### 4.添加文字
- **app:text :添加的文字**
-  **app:textSize：文字大小（没有单位，数字即可）**
-  **app:textStyle：文字的样式（三个选择，分别为STROKE，FILL，FILL_AND_STROKE）**

**注意：字体颜色与左边对应线条颜色一致**

```xml
<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的范围内**
**效果图：**

JMWorkProgress

JMWorkProgress Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

JMWorkProgress

JMWorkProgress Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README