본문 바로가기 메뉴 바로가기

알렌보이스

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

알렌보이스

검색하기 폼
  • 분류 전체보기 (191)
    • 디자인 패턴 (0)
    • 메타버스 스터디 (7)
    • 안드로이드 (182)
      • 코드 (37)
      • 일기 (138)
      • 디자인 (2)
    • Flutter (2)
  • 방명록

Compose MotionLayout (2)
Android Compose MotionLayout 2

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

안드로이드/코드 2022. 11. 3. 20:55
Compose 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..

안드로이드/코드 2022. 11. 2. 20:19
이전 1 다음
이전 다음
250x250
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • Row
  • Kotlin
  • 안드로이드
  • Android Compose
  • 포켓몬 도감
  • column
  • Retrofit
  • Compose 네이버 지도
  • WebView
  • Worker
  • Compose 네이버 지도 api
  • Compose BottomSheet
  • Duplicate class found error
  • Compose BottomSheetScaffold
  • 웹뷰
  • compose
  • Fast api
  • WorkManager
  • Compose QRCode Scanner
  • 안드로이드 구글 지도
  • Android
  • Compose MotionLayout
  • LazyColumn
  • Duplicate class fond 에러
  • Compose ConstraintLayout
  • Compose ModalBottomSheetLayout
  • Compose Naver Map
  • Pokedex
  • Compose BottomSheetDialog
  • Gradient
more
«   2025/06   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바