android自定義的弧形進度條和圓形進度條-SemicircleProgress
阿新 • • 發佈:2018-12-31
SemicircleProgress
兩個自定義圓形和弧形進度條
第一個SemicircleProgress可以對中間和下面的字自定義
第二個CircularProgressar可以對文字部分定義,對圖片自定義,顯示或隱藏,與詳細需要請直接拖到本地自己修改
對於Android Studio的使用者,可以選擇新增:
allprojects {
repositories {
...
maven { url 'https://jitpack.io' }
}
}
compile 'com.github.ppg408331701:SemicircleProgress:v0.5.0'
SemicircleProgress
配置引數 | 引數含義 |
---|---|
semicircleSize | 半弧形的半徑大小,預設100dp |
semicirclebackgroundLineColor | 半弧形的背景線顏色,預設灰色 |
semicirclefrontLineColor | 半弧形的前景線顏色,預設橘黃色 |
semicirclelineSize | 半弧形的線寬度,預設3dp |
semicirclesubtitleColor | 副標題字型顏色 |
semicirclesubtitleSize | 副標題字型大小 |
semicirclesubtitleText | 副標題文字 |
semicircletitleColor | 標題字型顏色 |
semicircletitleSize | 標題字型大小 |
semicircletitleText | 標題文字 |
CircularProgressar
配置引數 | 引數含義 |
---|---|
circularLeftText | 左邊文字 |
circularLeftTextColor | 左邊字型顏色 |
circularLeftTextSize | 左邊字型大小 |
circularRightText | 右邊文字 |
circularRightTextColor | 右邊字型顏色 |
circularRightTextSize | 右邊字型大小 |
circularSize | 圓的大小 |
circularbackgroundLineColor | 圓形的背景線顏色 |
circularfrontLineColor | 圓形的前景線顏色 |
circularcentreBitmap | 中間的顏色 |
circularlineSize | 線的寬度 |
circularshowBitmap | 是否顯示中間的圖片 |
在xml中使用
<simple.ppg.com.ppgsemicircle.Views.SemicircleProgressView
android:id="@+id/semicircleProgressView"
android:layout_width="match_parent"
android:layout_height="150dp"
app:semicircleSize="140dp"
app:semicirclebackgroundLineColor="@color/colorPrimary"
app:semicirclefrontLineColor="@color/colorAccent"
app:semicirclelineSize="3dp"
app:semicirclesubtitleColor="@color/colorPrimary"
app:semicirclesubtitleSize="15sp"
app:semicirclesubtitleText="integral"
app:semicircletitleColor="@color/colorAccent"
app:semicircletitleSize="20sp"
app:semicircletitleText="積分" />
semicircleProgressView = (SemicircleProgressView) findViewById(R.id.semicircleProgressView);
semicircleProgressView.setSesameValues(10, 50);
<simple.ppg.com.ppgsemicircle.Views.CircularProgressar
android:id="@+id/sesame_view"
android:layout_width="270dp"
android:layout_height="150dp"
android:layout_gravity="center"
android:layout_marginTop="10dp"
app:circularLeftText="50%"
app:circularLeftTextColor="@color/colorPrimary"
app:circularLeftTextSize="14sp"
app:circularRightText="50/100"
app:circularRightTextColor="@color/colorPrimary"
app:circularRightTextSize="14sp"
app:circularSize="120dp"
app:circularbackgroundLineColor="@color/colorPrimary"
app:circularcentreBitmap="@mipmap/icon_1"
app:circularfrontLineColor="@color/colorAccent"
app:circularlineSize="3dp"
app:circularshowBitmap="true" />
sesame_view = (CircularProgressar) findViewById(R.id.sesame_view);
sesame_view.setSesameValues(50, 100);//設定進度
sesame_view.setDuration(5000);//設定波浪從最小到最大的時間
sesame_view.setStyle(Paint.Style.FILL);//設定畫筆風格
sesame_view.setColor(ContextCompat.getColor(this, R.color.colorAccent));//設定波浪顏色
sesame_view.setInterpolator(new LinearOutSlowInInterpolator());//設定插值器
sesame_view.start();//開始
// sesame_view.stop();//緩慢停止
// sesame_view.stopImmediately();//立刻停止