상대 및 맞춤 레이아웃

입력, 콘텐츠 또는 기타 작업은 서로를 기준으로 표시되거나 상위 컨테이너로 제한될 수 있습니다. 레이아웃을 더 맞춤설정할 수 있지만 일관된 그룹화, 열, 간격을 따라야 합니다.

인증은 다음 그림과 같이 일반적인 상대 레이아웃입니다. 맞춤 레이아웃은 UI 요소가 서로 어떻게 관련되는지 설명합니다.

격리

레이아웃은 레이아웃 유형의 조합을 사용할 수도 있습니다. 예를 들어 캐러셀 또는 가로 스크롤을 세로 카드와 페어링하거나 세로 목록 데이터가 포함된 맞춤 차트를 표시할 수 있습니다.

그룹화 그리드

지연 행 및 지연 열을 사용하여 스크롤 행 또는 열에 콘텐츠를 표시할 수 있습니다.

전체 화면 레이아웃은 몰입형 모드에서 사용되는 또 다른 일반적인 레이아웃입니다.

그림 27: 몰입형 모드에서 사용되는 전체 화면 레이아웃

Compose 대신 뷰를 사용하는 경우 ConstraintLayout을 사용하여 동위 뷰와 상위 레이아웃 간의 관계에 따라 뷰를 배치할 수 있으므로 크고 복잡한 레이아웃이 가능합니다. ConstraintLayout 을 사용하면 레이아웃 편집기를 사용하여 XML을 수정하는 대신 드래그 앤 드롭만으로 빌드할 수 있습니다. Layout Editor 로 UI 빌드에 관해 자세히 알아보세요.

Compose 레이아웃 기본사항과 구성 가능한 항목을 구성하는 요소에 관해 자세히 알아보세요.

WebView

WebView는 인앱 웹페이지를 표시하는 뷰입니다. 대부분의 경우 Chrome과 같은 표준 웹브라우저를 사용하여 사용자에게 콘텐츠를 제공하는 것이 좋습니다. 웹브라우저에 관해 자세히 알아보려면 인텐트로 브라우저 호출 가이드를 읽어보세요.