Compose의 레이아웃
컬렉션을 사용해 정리하기
내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.
Jetpack Compose를 사용하면 앱의 효율적인 레이아웃을 쉽게 디자인할 수 있습니다.
다음 페이지에서는 레이아웃을 디자인하고 구현하는 방법을 자세히 설명합니다.
- 레이아웃 기본사항: 간단한 앱 UI의 기본 요소를 알아보세요.
- 머티리얼 구성요소 및 레이아웃: Compose의 머티리얼 구성요소 및 레이아웃에 관해 알아보세요.
- 맞춤 레이아웃: 앱 레이아웃을 제어하는 방법과 자체 맞춤 레이아웃을 디자인하는 방법을 알아보세요.
- 적응형 레이아웃 빌드: Compose를 사용하여 다양한 화면 크기, 방향, 폼 팩터에 맞게 조정할 수 있는 레이아웃을 빌드하는 방법을 알아보세요.
- 정렬 선: 맞춤 정렬 선을 만들어 UI 요소를 정확하게 정렬하고 배치하는 방법을 알아보세요.
- 내장 기능 측정: UI 요소의 내장 높이 또는 너비를 설정하여 레이아웃에서 요소의 정렬 방식을 정밀하게 제어하는 방법을 알아보세요.
- ConstraintLayout: Compose UI에서
ConstraintLayout
을 사용하는 방법을 알아보세요.
자세히 알아보기
Compose 레이아웃에 관한 자세한 내용은 Jetpack Compose의 레이아웃 Codelab을 참고하세요.
Content and code samples on this page are subject to the licenses described in the Content License. Java and OpenJDK are trademarks or registered trademarks of Oracle and/or its affiliates.
Last updated 2021-11-01 UTC.
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"필요한 정보가 없음"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"너무 복잡함/단계 수가 너무 많음"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"오래됨"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"번역 문제"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"샘플/코드 문제"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"기타"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"이해하기 쉬움"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"문제가 해결됨"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"기타"
}]