[안드로이드] CircleProgressBar 그리기 (github 라이브러리 사용)

 

 

제 실제 어플 적용 화면 입니다.

 

---

 

하단 라이브러리를 사용해줬습니다.

 

 

https://github.com/jakob-grabner/Circle-Progress-View

GitHub - jakob-grabner/Circle-Progress-View: Animated circular progress view for Android

이유는

 

아래 그림처럼 여러가지 유형이 있으며 세부적인 커스텀이 가능해 체택하였습니다. 

 

 

 

build.gradle (:app) 에 아래의 소스코드를 추가해주세요

repositories {
    maven { url 'https://jitpack.io' }
}

dependencies {
    //progress bar
    implementation 'com.github.jakob-grabner:Circle-Progress-View:1.4'
    }

 

 

그 후 circleprogress를 사용할 layout에 오셔서 이 코드 그대로 입력해주시면 됩니다

 

그 전에 상위 레이아웃에 꼭 아래의 소스코드를 입력해주세요! ★★★★★★★★매우중요★★★★★★

xmlns:CircleProgressView="http://schemas.android.com/apk/res-auto"

<at.grabner.circleprogress.CircleProgressView
    android:id="@+id/cpb_circlebar"
    android:layout_width="277dp"
    android:layout_height="277dp"
    CircleProgressView:cpv_autoTextSize="true"
    CircleProgressView:cpv_barColor="@color/colorPrimary"
    CircleProgressView:cpv_barWidth="35dp"
    CircleProgressView:cpv_innerContourSize="0dp"
    CircleProgressView:cpv_maxValue="100"
    CircleProgressView:cpv_outerContourSize="0dp"
    CircleProgressView:cpv_rimColor="#FFBB00"
    CircleProgressView:cpv_rimWidth="35dp"
    CircleProgressView:cpv_showUnit="true"
    CircleProgressView:cpv_spinColor="#ABF200"
    CircleProgressView:cpv_textColor="@color/colorPrimary"
    CircleProgressView:cpv_textScale="1"
    CircleProgressView:cpv_unit="%"
    CircleProgressView:cpv_unitColor="#FF2000"
    CircleProgressView:cpv_unitPosition="right_top"
    CircleProgressView:cpv_unitScale="1"
    CircleProgressView:cpv_value="38"/>

이미지는 왼쪽의 색상 코드를 보시고 이해하시기 쉬우시라고 넣었습니다

맨 위의 제 어플 적용 이미지와 커스텀 이미지를 참고하면서 보시면 이해하기 쉬우실겁니다

 

질문 있으시면 편하게 댓글 남겨주세요!