본문 바로가기

원형프로그레스바3

[안드로이드] 원형 프로그레스바 동적으로 조정하는 방법 안드로이드 커스텀 원형 프로그레스바의 진행률을 동적으로 설정하는 방법을 정리한다. 아이디어는 간단하다. 호(Arc)를 그려 원형 프로그레스 바를 만들고, 사용자 이벤트나 진행상황에 따라 호의 각도 값을 조정하는 것이다. 원형 프로그레스바(도넛 그래프) 자체를 만드는 방법은 아래 글을 참고하자. [안드로이드] 커스텀 원형 프로그레스 바(도넛 그래프) 만드는 방법 1. 커스텀뷰(원형 프로그레스바) 코드 1) numProgress 라는 변수를 만들어 그려질 호의 값도값을 관리한다. 2) canvas.drawArc() 메서드 호출시, sweepAngle 매개변수를 numProgress 변수로 설정한다. 3) setPregoress() 메서드를 따로 만들어서, numProgress 값을 업데이트하고, invali.. 2021. 8. 21.
[안드로이드] 원형 프로그레스바 테두리 끝 둥글게 Roound 처리 방법 안드로이드에서 원형 프로그레스바를 만들고, 1. 테두리를 부드럽게하고, 2. 그래프 선 끝부분을 둥글게 처리하는 방법을 정리한다. 안드로이드 도넛 그래프(원형 프로그레스바) 만드는 방법은 아래글을 참고 [안드로이드] 커스텀 원형 프로그레스 바(도넛 그래프) 만드는 방법 # 원형 프로그레스바 디자인 다듬기 원형 프로그레스바의 테두리/가장자리가 부드럽고, 끝부분은 둥글게 Round 처리 해보자. 1. 테두리 부드럽게 처리 Paint객체.isAntiAlias = true * 단, 이 설정은 추가 연산이 필요해서 복잡한 뷰의 경우 성능 이슈가 있을 수 있다고 한다. 2. 그래프 선의 끝 가장자리를 둥글게 처리 Paint객체.strokeCap = Paint.Cap.ROUND class CustomCircleBar.. 2021. 8. 21.
[안드로이드] 커스텀 원형 프로그레스 바(도넛 그래프) 만드는 방법 커스텀 뷰를 이용해 도넛 그래프 형태의 원형 프로그레스바를 만들어 본다. 커스텀 뷰 기초는 아래 글을 참고하자. [안드로이드 코틀린] View 출력 원리와 커스텀뷰 생성/사용 방법 기초 [안드로이드 코틀린] 커스텀 View 전용 속성 정의 및 사용 방법: attr.xml [안드로이드 코틀린] 커스텀 View 화면 갱신 방법(새로 그리기): invalidate() # 원형 프로그레스바 생성 방법 1. 바탕이 되는 360도의 호를 그려준다. 2. 진행률을 표시할 호를 다른색으로 그려준다. class CustomCircleBarView: View { // 생성자 constructor(context: Context?) : super(context) constructor(context: Context?, attr.. 2021. 8. 21.