알렌보이스

이번 포스팅에서는 Compose에서 QRCode Scanner 사용 방법에 대하여 알아보겠습니다. 1) 라이브러리 추가 // Code Scanner - https://github.com/yuriy-budiyev/code-scanner implementation 'com.github.yuriy-budiyev:code-scanner:2.3.2' dependencyResolutionManagement { repositoriesMode.set(RepositoriesMode.FAIL_ON_PROJECT_REPOS) repositories { google() mavenCentral() maven { url 'https://naver.jfrog.io/artifactory/maven/' } maven { url 'ht..

137일 차 코딩 일기입니다. 오늘은 모션 레이아웃 활용 관련해서 포스팅을 진행하였습니다. 모션 레이아웃 관련해서는 아직 개발 단계여서 그런지 모르겠지만 기존 xml 방식에서 사용했던 것이 조금 더 쉽게 느껴졌던 것 같습니다. 또한 몇몇 기능은 보완이 필요해 보였습니다. 내일은 아직 어떤 것을 할지는 정하지 못했습니다.

이번 활용 예제에서 만들어볼 화면은 재생 플레이어입니다. 왼쪽 화면에서 해당 영역을 위로 스와이프 시 오른쪽 화면으로 애니메이션 동작을 진행합니다. 우선 해당 화면에 들어갈 아이템들을 MotionLayout 안에 설정해 둡니다. val context = LocalContext.current val scene = remember { context.resources .openRawResource(R.raw.player) .readBytes() .decodeToString() } var isDetail by remember { mutableStateOf(false) } val progress by animateFloatAsState( targetValue = if (isDetail) 1f else 0f, an..

134 ~ 136일 차 코딩 일기 3일 중 하루는 지인 코딩 돕기를 진행하였습니다. Compose를 사용하여 ConstraintLayout과 MotionLayout 관련 포스팅을 진행하였습니다. ConstraintLayout은 금방 완료를 하였지만 MotionLayout의 경우 공식 문서로 정리된 글은 발견 못 해서 자료를 찾는데 조금 애를 먹었습니다. 나중에 깃허브에 정리가 되어있는 걸 찾긴 했는데 포스팅으로 정리하기가 조금 그래서 간단한 사용법만 정리해서 포스팅을 진행하였고 내일 활용을 해서 작업을 한 뒤 포스팅을 진행해보려고 합니다.

MotionLayout은 이전 포스팅에서 다루었던 ConstraintLayout을 추가하였다면 별도로 설치하실 필요는 없습니다. 1) 기본 사용 방법 @OptIn(ExperimentalMotionApi::class) @Composable fun MotionLayoutTest() { var state by remember { mutableStateOf(false) } val progress by animateFloatAsState( targetValue = if (state) 1f else 0f, animationSpec = tween(500) ) MotionLayout( start = startConstraintSet(), end = endConstraintSet(), progress = progress..

기존 xml 방식에서도 많이 사용되었던 ConstraintLayout 사용 방법입니다. 1) 라이브러리 설치 implementation "androidx.constraintlayout:constraintlayout-compose:1.0.1" Constraintlayout | Android 개발자 | Android Developers 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요. Constraintlayout 상대 위치에 따라 유연한 방식으로 위젯의 위치와 크기를 지정합니다. 이 표는 androidx.constraintlay developer.android.com 최신 버전은 위의 링크를 확인해 주세요 2) 기본 사용 방법 ConstraintLayout( modifier =..

133일 차 코딩 일기입니다. 오늘은 네이버 지도에 관련해서 테스트를 진행한 후 포스팅 작업을 진행하였습니다. Sangyoung An 님께서 올려신 깃허브 라이브러리를 사용하여 쉽게 할 수 있었습니다. 대부분 구글과 비슷해서 대략적으로 작성하고 넘어가려다가 그러면 큰 의미가 없을 것 같아서 세부 기능까지 조금 더 깊게 테스트를 진행한 후 포스팅에 반영하였습니다. 내일은 아직 확실히 정하진 않았는데 아마 모션레이아웃 쪽 학습을 진행할 것 같습니다.

1) API 키 발급 이번에 역시 키 발급 방법에 관련해서는 생략하겠습니다. Naver Colud Platform 사이트에 서비스 > Application Services > Maps에서 활용 신청을 하시면 됩니다. NAVER CLOUD PLATFORM cloud computing services for corporations, IaaS, PaaS, SaaS, with Global region and Security Technology Certification www.ncloud.com 활용 신청 후 아래 링크의 인증 정보를 확인해서 Client Id와 Client Secret의 값들을 저장해 둡니다. 2) 라이브러리 설치 dependencyResolutionManagement { repositories..