1. 程式人生 > >android自定義的弧形進度條和圓形進度條-SemicircleProgress

android自定義的弧形進度條和圓形進度條-SemicircleProgress

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();//立刻停止