Today's

길을 나서지 않으면 그 길에서 만날 수 있는 사람을 만날 수 없다

모바일 앱(안드로이드)

제트팩 구성의 적응형 반응 레이아웃 ... 퍼옴

Billcorea 2024. 7. 23. 15:21
반응형

제트팩 구성의 적응형 반응 레이아웃

반응형 레이아웃


• 안드로이드 앱은 콤팩트폰부터 대형 태블릿, 폴더블 기기 등 다양한 화면 크기와 폼팩터에 적응해야 한다.

• 반응형 디자인은 사용 가능한 화면 공간에 따라 레이아웃과 콘텐츠를 조정할 수 있는 UI를 만드는 것을 포함합니다.

• 안드로이드는 디스플레이 영역을 컴팩트, 미디엄, 익스팬드 등으로 분류하는 사전 정의된 중단점인 윈도우 사이즈 클래스를 선보였다.

• 자료 3 WindowSizeClass 라이브러리는 현재 윈도우 크기 클래스에 대한 정보를 제공하며 앱에서 화면 크기에 따라 결정하는 데 사용할 수 있습니다.

• 진정으로 적응적인 UI를 위해, 각각의 컴포지블은 이용가능한 공간에 기초하여 그의 콘텐츠 및 레이아웃을 조정할 수 있어야 한다.

• BoxWithConstraints와 같은 구성 요소와 Modifier.weight() 및 Modifier.aspectRatio()와 같은 수정자는 다양한 화면 크기에서 구성 요소의 동작을 제어하는 데 사용할 수 있습니다.

https://medium.com/@jollyraiyani12/adaptive-responsive-layout-in-jetpack-compose-5d69e6e88cc1

Adaptive Responsive Layout in Jetpack Compose

Android has been powering a wide variety of devices with all types of screen sizes. Starting from compact 4 inch displays all the way up to…

medium.com

반응형