Loading...
2024. 9. 7. 22:49

[Compose Study] Compose UI 설계

* Compose의 UI는 변경할 수 없다. UI를 설계한 후 업데이트할 수 없다. 대신에 UI 상태는 제어할 수 있다. UI 상태가 변경될 때마다 Compose는 변경된 UI 트리 부분을 다시 만든다. 컴포저블은 상태를 수락하고 이벤트를 노출할 수 있다. 예를 들어 TextField는 값을 수락하고 콜백 onValueChange를 노출한다. 이 콜백은 값을 변경하기 위해 콜백 핸들러를 요청한다. var name by remember { mutableStateOf("") }OutlinedTextField( value = name, onValueChange = { name = it }, label = { Text("Name") }) * 컴포저블이 상태를 수락하고 이벤트를 노출하기 때문에 단..

2024. 6. 10. 14:10

[UX/UI] 로딩 애니메이션

* 안드로이드 프로젝트를 하다가 로딩 애니메이션의 개념이 정리되어 있는 것을 보고 신기해서 찾아봤다. * 로딩은 사용자의 행동에 대한 피드백으로 다음 화면을 불러올 준비를 하고 있다는 상황을 인지 시켜준다. * 적절한 로딩 애니메이션은 프로덕트의 완성도를 높일 뿐 아니라, 서비스의 브랜딩을 담아낼 수 있다. * 구글 리서치 자료에 따르면 모바일 웹 사이트의 로딩 시간이 3초 이상일 때 32%, 5초 이상은 90%, 6초 이상은 106% 마지막으로 10초가 넘으면 123%의 이탈률이 발생한다고 한다. 로딩 애니메이션에는 다양한 형태가 있다.* 로딩 애니메이션은 맥락에 따라 전체 로딩과 부분 로딩으로 나눌 수 있다. * 전체 로딩은 화면 전체에 적용되는 로딩으로 스켈레톤 UI, 스플래시 화면 등이 있다.* ..