# custompainter
[Flutter] Custom Paint로 원형 차트 만들어 보기
Custom Paint로 원형 차트 만들어 보기 이번 글에서는 커스텀 페인트로 연습 삼아 만들어 본 Pie Chart에 대한 부분을 작성하려고 한다. 저는 커스텀 페인트 사용 경험이 거의 없다. 몇 년전에 시계 화면 만들어 보고, 로그인 화면 만들 때에 백그라운드 UI 부분에 적용하려고 잠시 사용해 보기만 했다. 이번에 차트를 사용해야 하는데, 이것 저것 찾다가 궁금해서 직접 만들어 보게 되었다. 결론은 부채꼴 호의 터치 영역을 감지하지 못해 그냥 Syncfusion에서 배포한 라이브러리를 사용하기로 했다... 터치 영역만 해결하면 라이브러리 사용안해도 되는데.. Pie 차트를 직접 만들어 보고 싶으신 분은 참고 하시면 좋을 것 같다. 코드에 대한 설명은 따로 하지 않고, 코드만 공유하도록 하겠다. Model 전체적인 차트에 사용되는 모델이다. Pie Chart > Result <img
[Flutter] 스톱워치(Stopwatch) 앱 만들기
스톱워치(Stopwatch) 앱 만들기 flutter_bloc | Flutter Package equatable | Dart Package Count App으로 알아보는 상태관리 - Cubit편 Equatable 사용해보기 1편 Equatable 사용해보기 2편 이번 글에서는 간단한 스톱워치 앱을 만들어 보려고 한다. 앱 개발을 시작하는 개발자 분들이 초기에 만들기 좋은 앱으로 Todo 앱, 알림 앱, 스톱워치, 메모 앱
[Flutter] CustomPaint를 이용하여 Border를 밥아저씨처럼 쉽게 그려보기 (feat. 대각선 border, Radius)
✅ 대각선 Border를 만들어보자. 🤨 어...? Flutter를 사용하여 어플을 만드는 도중, 아래와 같은 위젯을 만들어야 했다. border에 해당하는 부분을 SVG이미지로 받아, Stack을 사용하여 border처럼 보이게 추가해주었다. 그런데 사이즈를 아래와 같이 맞춰야 했다. 
[Flutter] ProgressBar Animation 구현하기
이번 포스트에서는 ProgressBar를 그리는 방법을 알아볼 것이다. ProgressBar를 구현하는 법은 굉장히 다양하다. 또한, 많은 패키지들이 이를 지원한다. 구현하는 방법에는 여러가지가 있겠지만 이번에는 CustomPainter를 사용할 것이다. 목표 해당 애니메이션을 구현하기 위해서는 AnimationController와 CustomPainter의 사용이 필요하다. 코드 > 애니메이션을 사용하지 않을 것이라면, acValue에 상수 값을 넣으면 된다. 다른 방법 (Stack-Container) Stack - Container 위젯을 사용하여 간단하게 만들 수도 있다. 애니메이션 적용 `A