The custom circular view to show progress in the form of pie-circle 🟢
- Add below repository in your project level build.gradle
maven { url 'https://jitpack.io' }
- Add below dependency in your app level build.gradle
implementation 'com.github.Vipul12Thawre:CircularArcProgressView:<latest-version>'
- Added below view in your required xml layout
<com.vips.circulararcprogressview.CircularArcProgressView
android:id="@+id/circularArcProgressView"
android:layout_width="100dp"
android:layout_height="100dp"
android:layout_gravity="center"
app:circleBackgroundColor="#FFFFFF"
app:circleStrokeWidth="5"
app:progress="70"
app:progressColor="#0B783D"
app:strokeColor="#25cd71" />
Everything is customizable 🥰
XML
app:circleBackgroundColor="@color/white": set circle background colorapp:circleStrokeWidth="5": set circle stroke widthapp:progress="70": set circle progressapp:progressColor="@color/pinkFaded": set progress colorapp:strokeColor="@color/darkPink": set circle stroke color
Kotlin
setCircleBackgroundColor(color:Int): set circle background colorsetCircleStrokeWidth(width:Int): set circle stroke widthsetProgress(progress:Int): set circle progresssetProgressColor(color: Int): set progress colorsetStrokeColor(color: Int): set circle stroke color
- MainActivity.kt
class MainActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)
val circularArcProgressView = findViewById<CircularArcProgressView>(R.id.circularArcProgressView)
circularArcProgressView.setStrokeColor(ContextCompat.getColor(this, R.color.colorBrown))
circularArcProgressView.setCircleBackgroundColor(ContextCompat.getColor(this, R.color.colorWhite))
circularArcProgressView.setProgressColor(ContextCompat.getColor(this, R.color.colorBrownFade))
circularArcProgressView.setProgress(40)
circularArcProgressView.setCircleStrokeWidth(7)
}
}
Vipul Thawre