다시 보려고 만든 개발로그

3. 투명도 움직임과 크기뿐만 아니라 View의 투명도도 설정할 수 있었다.동영상을 보면 알 수 있겠지만, 버튼을 누를 경우 다음 depth 화면으로 이동하는 순간점으로 된 카테고리가 중앙에서 튀어 나오는 것을 볼 수 있다. 카테고리 같은 경우 크기는 고정되어 있지만 fade-in, out 효과가 있기에다른 요소인 크기, 움직임과 마찬가지로 State인 alpha 값을 조정해서 구현했다. var isClicked by remember { mutableStateOf(true) } val alpha: Float by animateFloatAsState( targetValue = if (isVisible) 1f else 0f, animationSpec = tween(durationMillis =..

2. 움직임움직임이 사실 제일 까다로웠다. 다행히 안드로이드 modifier에 offset이라는 함수가 존재하였고,x,y 값을 설정하면 원하는 곳에 버튼을 배치 할 수 있었다.var moved by remember { mutableStateOf(false) }val pxToMove = with(LocalDensity.current) { 100.dp.toPx().roundToInt()}val offset by animateIntOffsetAsState( targetValue = if (moved) { IntOffset(pxToMove, pxToMove) } else { IntOffset.Zero }, animationSpec = tween( ..

https://developer.android.com/develop/ui/compose/animation/quick-guide?hl=ko Compose의 애니메이션에 대한 빠른 가이드  |  Jetpack Compose  |  Android Developers이 페이지는 Cloud Translation API를 통해 번역되었습니다. Compose의 애니메이션에 대한 빠른 가이드 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요. Compose에는 내developer.android.com 처음 회사에 들어가서 온보딩으로 애니메이션을 구현하게 되었다.의뢰업체가 당시 메인 화면의 버튼들을 나열하고 클릭한 경우,애니메이션 과정을 통해 다음 화면으로 넘어가는 것들을 의뢰하였는데,xml만..