[CodeLab] Compose의 기본 레이아웃

유진·2024년 2월 10일
0

CodeLab

목록 보기
2/2
post-custom-banner

이 Codelab에서는 다음에 관해 알아봅니다.

이 Codelab에서는 보다 현실적이고 복잡한 레이아웃을 구현해 보고 여러 즉시 사용 가능한 컴포저블과 수정자에 관해 알아봅니다. 이 Codelab을 마치면 기본적인 앱의 디자인을 실제로 작동하는 코드로 변환할 수 있게 됩니다.

  • 수정자를 사용하여 컴포저블을 보강하는 방법
  • Column 및 LazyRow와 같은 표준 레이아웃 구성요소로 하위 컴포저블을 배치하는 방법
  • 정렬과 배치로 상위 요소 내에서 하위 컴포저블의 위치를 변경하는 방법
  • Scaffold 및 하단 탐색과 같은 Material 컴포저블을 사용하여 포괄적인 레이아웃을 만드는 방법
  • 슬롯 API를 사용하여 유연한 컴포저블을 빌드하는 방법
  • 다양한 화면 구성에 맞는 레이아웃을 빌드하는 방법

소개

설정

계획 세우기

검색창 - 수정자

신체의 조화 - 정렬

즐겨찾는 컬렉션 카드 - Material Surface

본문 행 정렬 - 배치

즐겨찾는 컬렉션 그리드 - Lazy 그리드

홈 섹션 - 슬롯 API

홈 화면 - 스크롤

하단 탐색 - Material

MySoothe 앱 - Scaffold

탐색 레일 - Material

MySoothe 앱 - 창 크기

마무리

profile
안드로이드 학생 개발자 에디 / 유진입니다
post-custom-banner

0개의 댓글