구성요소는 UI를 빌드하기 위해 특별히 제작된 빌딩 블록입니다. 앱은 AI 안경의 디스플레이의 고유한 사용 사례에 최적화되어 있으므로 구성요소에 Jetpack Compose Glimmer를 활용해야 합니다.
최적화된 구성요소
글리머 구성요소는 다양한 방식으로 투명 디스플레이에 최적화되어 있습니다.
A. 표면 색상: 표면에는 투명도가 있어야 하므로 여기의 불투명한 표면 색상은 투명하게 만들기 위해 검은색으로 변경됩니다.
B. 윤곽선 및 강조: 윤곽선 색상은 대비에 최적화되어 있습니다. 강조 표시를 사용하면 시각적 표현이 제공되며 일부 유형의 입력을 나타내는 데 사용될 수 있습니다.
C. 모양: 부드러운 모양 시스템을 사용하여 모서리의 선명도를 줄이고 편안함을 개선하여 한눈에 보기 쉽게 합니다. 표면(대비) 색상: 콘텐츠의 표면(대비) 색상은 세계와의 대비를 극대화하기 위해 흰색입니다.
D. 서체: Glimmer의 서체 스케일은 최적의 가독성과 명료성을 위해 커닝, 크기, 두께를 최적화하는 세련된 본문 및 제목 스타일의 작은 집합을 사용합니다.
E. 아이콘: 둥근 Material Symbols를 사용하면 둥근 서체 스케일과 일관성을 유지할 수 있습니다.
시작하기
구성요소를 구현할 준비가 되셨나요? Jetpack Compose Glimmer 문서를 확인하세요.