아무루의 즐거운 인생 아무루의 즐거운 인생

BasicTextField2를 써보자 Compose에서 TextField를 사용할 때 커스텀을 많이하게 되는 거 같다 그래서 일반 TextField 보다는 BasicTextField를 사용해서 dexorationBox의 인자로 텍스트 필드의 색상이나 기본 UI를 수정해야하는 일이 많다. 그럴 때 쓰면 좋은 방식으로 BasicTextField2를 사용하는 걸 찾았는데아주 편리해서 공유한다 기존 BasicTextField를 사용하면 2가지의 불편한 점이 존재했는데 1. visualTransformation을 이용한 입력값 컨트롤 이 부분은 장단점이 확실하다전화번호를 입력받아야 한다고 쳤을 때 000-0000-0000 이런식으로 입력을 받아야 한다면UX를 위해서 유저가 -을 직접 입력하는 거보다 자동으로 포매..

Composed에서 Click Event 추가하기! 최근 조금 바빠져서 만지지 못했던 스캔 메모에 전체 선택 후 삭제 기능을 추가했다. 그 과정에서 롱클릭을 구현해야 했어서 간단하게 기록해 보려고 한다. 기존 뷰 방식에서는 클릭 이벤트를 컨트롤하는 다양한 방식들이 존재했다. 1. xml에서 데이터 바인딩을 이용한 onClick 구현 android:onClick="@{() -> viewModel.onClick.invoke()}" 해당 코드처럼 xml에서 데이터 바인딩을 이용해서 직접 xml에 구현할 수 있다. 2. setOnClickListener 추가 binding.buttonBack.setOnClickListener { requireActivity().finish() } 가장 간단하고 기본적인 방식으로..

Jetpack Compose State 컴포즈를 사용할 때 State는 가장 기본적이고, 중요한 요소이다. State란? State란 앱이 시간이 흐름에 따라서 변화할 수 있는 모든 값이다. 굉장히 광범위한 의미로 디비의 데이터부터 ui에 입력 값까지 모든 것이 state라고 생각할 수 있다. @Composable fun TestScreen() { var text = "test" TextField( value = text, onValueChange = { str -> text = str }, label = { Text(text = "field!") } ) } 대표적인 예로 TextField가 있다. 위 같은 컴포져블을 만들어서 입력을 받아보면 값이 바뀌지 않는 걸 볼 수 있다. 이런 괴상한 움직임이 발생..

CameraX x Compose x ML kit을 이용한 OCR 구글에서 제공하는 ML Kit에는 다양한 기능들이 있다. 그중 OCR 기능과 바코드 스캔 기능이 존재한다. *OCR이란 Optical Character Recognition의 약자로 광학 문자 인식이라고 해석할 수 있다. 광학 문자 인식(OCR)은 텍스트 이미지를 기계가 읽을 수 있는 텍스트 포맷으로 변환하는 과정이다. 이미지에 있는 텍스트를 인식해서 추출해 내는 기능이라고 생각하면 된다. 이번에 이 기능들을 써야 할 일이 생겨서 예제를 만들어보며 기능을 적용시켜 보았다. 이번에 사용해 볼 기능들을 보면 제일 필요한 것은 카메라이다. 카메라 같은 경우는 CameraX를 사용해 주면 더 수월하게 진행이 가능해진다. 1. dependencies..

* Compose를 공부하며 갑자기 이해된 거 같아서 정리하면 작성했습니다 ㅎㅎ 틀리거나 잘못된 부분이 있다면 알려주시면 수정하겠습니다. Composable의 State Compose에는 State가 존재한다. 앱 개발에서 State 즉 상태관리는 굉장히 중요한 문제라고 한다. 그것을 관리할때 사용할 수 있는 것이 State이다. 이를 이해하기 위해서는 Composable의 변화를 알아야 한다. xml을 이용해서 UI를 만들게 되면 가로 모드를 하거나 RecyclerView에서 notify를 하거나 하는 경우에 화면이 다시 그려지게 된다. Composable도 마찬가지로 recomposition이 일어난다고 한다. 바로 Composable이 다시 그려지는 것이다. 그러면 Composable안에 데이터들은..