Compose의 레이아웃
컬렉션을 사용해 정리하기
내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.
Jetpack Compose를 사용하면 앱의 효율적인 레이아웃을 쉽게 디자인할 수 있습니다.
다음 페이지에서는 레이아웃을 디자인하고 구현하는 방법을 자세히 설명합니다.
- 레이아웃 기본사항: 간단한 앱 UI의 기본 요소를 알아보세요.
- Material 구성요소 및 레이아웃: Compose의 Material 구성요소 및 레이아웃을 알아보세요.
- 맞춤 레이아웃: 앱 레이아웃을 제어하는 방법과 자체 맞춤 레이아웃을 디자인하는 방법을 알아보세요.
- 다양한 디스플레이 크기 지원: Compose를 사용하여 다양한 화면 크기, 방향, 폼 팩터에 맞게 조정할 수 있는 레이아웃을 빌드하는 방법을 알아보세요.
- 정렬 선: 맞춤 정렬 선을 만들어 UI 요소를 정확하게 정렬하고 배치하는 방법을 알아보세요.
- 내장 기능 측정: UI 요소의 내장 높이 또는 너비를 설정하여 레이아웃에서 요소의 정렬 방식을 정밀하게 제어하는 방법을 알아보세요.
- ConstraintLayout: Compose UI에서
ConstraintLayout
을 사용하는 방법을 알아보세요.
자세히 알아보기
추천 서비스
이 페이지에 나와 있는 콘텐츠와 코드 샘플에는 콘텐츠 라이선스에서 설명하는 라이선스가 적용됩니다. 자바 및 OpenJDK는 Oracle 및 Oracle 계열사의 상표 또는 등록 상표입니다.
최종 업데이트: 2025-08-27(UTC)
[[["이해하기 쉬움","easyToUnderstand","thumb-up"],["문제가 해결됨","solvedMyProblem","thumb-up"],["기타","otherUp","thumb-up"]],[["필요한 정보가 없음","missingTheInformationINeed","thumb-down"],["너무 복잡함/단계 수가 너무 많음","tooComplicatedTooManySteps","thumb-down"],["오래됨","outOfDate","thumb-down"],["번역 문제","translationIssue","thumb-down"],["샘플/코드 문제","samplesCodeIssue","thumb-down"],["기타","otherDown","thumb-down"]],["최종 업데이트: 2025-08-27(UTC)"],[],[],null,["Jetpack Compose makes it easy to design an efficient layout for your app.\n\nThe following pages provide details on how to design and implement your layout:\n\n- [Layout basics](/develop/ui/compose/layouts/basics): Learn about the building blocks for a straightforward app UI.\n- [Material components and layouts](/develop/ui/compose/components): Learn about Material components and layouts in Compose.\n- [Custom layouts](/develop/ui/compose/layouts/custom): Learn how to take control of your app's layout, and how to design a custom layout of your own.\n- [Support different display sizes](/develop/ui/compose/layouts/adaptive/support-different-display-sizes): Learn how to use Compose to build layouts that adapt to different screen sizes, orientations, and form factors.\n- [Alignment lines](/develop/ui/compose/layouts/alignment-lines): Learn how to create custom alignment lines to precisely align and position your UI elements.\n- [Intrinsic measurements](/develop/ui/compose/layouts/intrinsic-measurements): Learn how to set an intrinsic height or width for your UI elements, giving you precise control over how the elements are arranged in the layout.\n- [ConstraintLayout](/develop/ui/compose/layouts/constraintlayout): Learn how to use `ConstraintLayout` in your Compose UI.\n\nLearn more\n\n- **New!** Try our [Quick Guides](/quick-guides) to get a fast and focused content\n experience.\n\n- To learn more about Compose layouts, try the [Layouts in Jetpack Compose\n codelab](/codelabs/jetpack-compose-layouts).\n\nRecommended for you\n\n- Note: link text is displayed when JavaScript is off\n- [Get started with Jetpack Compose](/develop/ui/compose/documentation)\n- [ConstraintLayout in Compose](/develop/ui/compose/layouts/constraintlayout)"]]