알렌보이스

Compose에서 BottomSheet를 사용하는 방법은 2가지가 있습니다. BottomSheetScaffold와 ModalBottomSheetLayout 두 가지 방식인데 둘의 차이점은 아래에서 다루도록 하겠습니다. 1. BottomSheetScaffold val state = rememberBottomSheetScaffoldState( bottomSheetState = BottomSheetState(BottomSheetValue.Collapsed) ) val scope = rememberCoroutineScope() BottomSheetScaffold( scaffoldState = state, sheetContent = { BottomSheetContent(state) }, sheetPeekHeigh..

이번 포스팅에서는 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..

이번 활용 예제에서 만들어볼 화면은 재생 플레이어입니다. 왼쪽 화면에서 해당 영역을 위로 스와이프 시 오른쪽 화면으로 애니메이션 동작을 진행합니다. 우선 해당 화면에 들어갈 아이템들을 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..

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 =..

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..