YangsBryant / Bgradualprogress
可实现多种渐变、直角or弧角、进度条、加载条 (Various gradient, right or arc angle, progress bar and loading bar can be realized)
Stars: ✭ 108
Programming Languages
java
68154 projects - #9 most used programming language
Projects that are alternatives of or similar to Bgradualprogress
Ngx Loading Bar
Automatic page loading / progress bar for Angular
Stars: ✭ 633 (+486.11%)
Mutual labels: progress-bar, loading-bar
PygameWidgets
A module for use with Pygame. Includes fully customisable buttons, textboxes, sliders and many more, as well as the ability to create and run animations on these widgets.
Stars: ✭ 34 (-68.52%)
Mutual labels: progress-bar, loading-bar
Pace
Automatically add a progress bar to your site.
Stars: ✭ 15,368 (+14129.63%)
Mutual labels: progress-bar, loading-bar
React Redux Loading Bar
Loading Bar (aka Progress Bar) for Redux and React
Stars: ✭ 894 (+727.78%)
Mutual labels: progress-bar, loading-bar
Retroprogress
💈 Retro looking progress bar straight from the 90s
Stars: ✭ 71 (-34.26%)
Mutual labels: progress-bar
Iprogresshud
An elegant, lightweight and responsive progress HUD for iOS app with very simple usage. Available 32 indicators by NVActivityIndicatorView.
Stars: ✭ 66 (-38.89%)
Mutual labels: loading-bar
Electron Progressbar
electron-progressbar provides an easy-to-use and highly customizable API to show and control progress bars on Electron applications.
Stars: ✭ 58 (-46.3%)
Mutual labels: progress-bar
Vue Css Donut Chart
Lightweight Vue component for drawing pure CSS donut charts
Stars: ✭ 104 (-3.7%)
Mutual labels: progress-bar
Terminal layout
The project help you to quickly build layouts in terminal,cross-platform(一个跨平台的命令行ui布局工具)
Stars: ✭ 98 (-9.26%)
Mutual labels: progress-bar
Vue Scroll Progress Bar
Vue.js plugin for page scroll progress bar
Stars: ✭ 76 (-29.63%)
Mutual labels: progress-bar
Chompprogressview
A (semi) realistic chomping progress view that takes bites out of your delicious images! Nom! Nom!
Stars: ✭ 71 (-34.26%)
Mutual labels: progress-bar
Core Components
Accessible and lightweight Javascript components
Stars: ✭ 85 (-21.3%)
Mutual labels: progress-bar
Roundedprogressbar
A customizable, animated progress bar that features rounded corners. This Android library is designed to look great and be simple to use 🎉
Stars: ✭ 70 (-35.19%)
Mutual labels: progress-bar
React Native Loading Spinner Overlay
💈 React Native loading spinner overlay
Stars: ✭ 1,369 (+1167.59%)
Mutual labels: progress-bar
Mkringprogressview
⭕️ Ring progress view similar to Activity app on Apple Watch
Stars: ✭ 1,140 (+955.56%)
Mutual labels: progress-bar
Circle Progress View
Animated circular progress view for Android
Stars: ✭ 1,185 (+997.22%)
Mutual labels: progress-bar
Delayedprogress
ProgressDialog that waits a minimum time to be dismissed before showing. Once visible, the ProgressDialog will be visible for a minimum amount of time to avoid "flashes" in the UI.
Stars: ✭ 95 (-12.04%)
Mutual labels: progress-bar
Ng4 Loading Spinner
Angular 4 custom async loading spinner.
Stars: ✭ 74 (-31.48%)
Mutual labels: loading-bar
Node Status
Nodejs stdout status and progress bar. Multi-item, various display types.
Stars: ✭ 71 (-34.26%)
Mutual labels: progress-bar
BGradualProgress
引入module
allprojects {
repositories {
google()
jcenter()
maven { url 'https://www.jitpack.io' }
}
}
implementation 'com.github.YangsBryant:BGradualProgress:1.0.4'
BGradualProgress控件属性
方法名 | 属性 |
---|---|
app:grp_roundColor | 环形的背景颜色 |
app:grp_roundWidth | 环形的宽带 |
app:grp_progressFillet | 进度条是否用圆角画笔 |
app:grp_max | 环形的最大值 |
app:grp_text | 中间的文字内容 |
app:grp_textColor | 中间的文字颜色 |
app:grp_textSize | 中间文件的字体大小 |
app:grp_textShow | 是否显示文字 |
app:grp_startAngle | 进度初始点的绘制位置 |
app:grp_startColor | 渐变的起始色 |
app:grp_midColor | 渐变的中间色 |
app:grp_endColor | 渐变的终止色 |
BGradualProgress动态属性
方法名 | 属性 |
---|---|
setMax(int max) | 设置进度的最大值 |
getProgress() | 获取当前进度值 |
setProgress(int progress) | 设置当前进度 |
setText(String text) | 更新文本内容 |
setRoundColor(int roundColor) | 设置圆环底色 |
setStartColor(int startColor) | 设置渐变起始色 |
setMidColor(int midColor) | 设置渐变中间色 |
setEndColor(int endColor) | 设置渐变终止色 |
布局控件
<com.bryant.progresslibrary.BGradualProgress
android:id="@+id/progress"
android:layout_width="72dp"
android:layout_height="72dp"
app:grp_endColor="#00000000"
app:grp_midColor="#5289F5"
app:grp_startColor="#dce7fd"
app:grp_max="100"
app:grp_roundColor="#dce7fd"
app:grp_roundWidth="6dp"
app:grp_startAngle="-90"
app:grp_textColor="#5289F5"
app:grp_textSize="16sp"
app:layout_constraintTop_toTopOf="parent"
android:layout_marginTop="50dp"
app:layout_constraintLeft_toLeftOf="parent"
android:layout_marginStart="30dp"
/>
Tips:这是gif里的第一个控件,参考圆环底色+渐变‘起始 中间 终止’ 的颜色值,可调出柔和、好看的渐变
GIF图里的代码上面的demo有
联系QQ:961606042
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].