반응형 Android6 [Android] Canvas로 속도계 만들기 Android Compose의 Canvas API는 다양한 그래픽 효과를 쉽게 구현할 수 있는 강력한 도구입니다.이번 포스팅에서는 속도계를 구현하는 방법을 공유하려고 합니다. 이 속도계는 속도 값과 원형 게이지, 텍스트 등을 포함하여 실시간 데이터를 시각화할 수 있는 깔끔한 UI를 제공합니다.Canvas로 속도계 만들기위의 화면을 그리기 위해서는 기본적인 drawArc, drawCircle, drawText와 rotate 등에 대한 이해도가 필요합니다. 간단하게 설명하자면 호, 원, 텍스트를 그리거나 이를 회전시킨다는 개념입니다.위의 화면은 가장 바깥의 arc, 눈금을 나타내는 line과 text, 그리고 가운데의 속도 표시를 위한 text(121 km/h), 그리고 그를 감싸는 원 등으로 구성되어있습니.. 2024. 12. 24. Color 알파(alpha)값 계산기 개발기 추석 휴일을 맞이하면서 약간의 짬이 나서 그동안 생각만했던 투명도 계산기를 개발하였다. 그러면서 겸사겸사 오랜만에 포스팅도 해본다ㅎ 디자인 파일을 보면서 개발하다보면 alpha가 %로 설정되어있는데 자동으로 그 값이 Hex로 변환되지 않아 인터넷의 투명도 정리 파일을 찾아야하는 경우가 종종 있다. 몇몇의 대표적인 값들은 외우게 되었지만 그래도 까먹거나 잘 사용하지 않는 alpha값이 나오면 여전히 인터넷행이었다. 그래서 이참에 연습삼아 데스트톱용 앱을 만들어보자는 생각을 하게되었다. 그럼 시작해보자. Kotlin Multiplatform을 활용한 Alpha 계산기 desktop 앱 개발왜 kmm을 선택했냐 묻는다면... 안드로이드 앱 개발에 친숙해서였다. kotlin 언어, compose 모두 익숙했기 .. 2024. 9. 13. [Android] Compose TextField 천단위 콤마(,) 설정하기 금액을 입력하거나 각종 숫자 값들을 입력하는 경우, 천단위마다 쉼표(,)를 붙이는 경우가 많다. 아래의 이미지와 같이 Android의 Compose TextField를 활용하여 천단위마다 ,를 붙이고 가장 마지막에 단위까지 표시할 수 있는 방법에 대해 알아보자. 아래의 코드는 하단의 링크를 참고하여 작성하였습니다. InputTextField을 작성한다 @Composable fun NumberInputTextField() { var text by remember { mutableStateOf("0") } // 천단위마다 콤마(,)를 찍을 수 있도록 decimalFormatter를 사용하였다. 또한 입력값 끝에 표시할 단위를 입력하였다. val integerVisualTransformation = remem.. 2024. 2. 25. [Android] Github Pages로 프로젝트 문서 호스팅 지난번 포스트에서 Dokka를 활용하여 안드로이드 프로젝트를 문서화하였다. KDoc, Dokka에 대해 잘모르겠다면 이전 포스트를 보고 올 것을 추천한다. https://yeoksamdev.tistory.com/3 [Android] Dokka를 활용하여 프로젝트 문서화하기 - (1) Kotlin 코드를 Dokka로 문서화하기 Dokka를 활용하면 HTML, Markdown 등의 형태로 kolin 코드를 문서화할 수 있다. 1. Build gradle에 Dokka plugin 추가 Kotlin DSL, Multi-Module을 사용한 안드로이드 프로젝트를 기준으 yeoksamdev.tistory.com 이번 포스트에는 github의 기능을 활용하여 문서를 자동 생성하고 호스팅하는 방법을 설명하려고 한다. .. 2024. 2. 18. 이전 1 2 다음 반응형
