Card
구성요소에는 단일 주제에 관한 콘텐츠와 작업이 포함되어 있습니다.
해부학
![](https://developer.android.com/static/wear/images/components/card-anatomy.png?authuser=7&hl=ko)
카드 구성요소에는 슬롯이 하나만 있습니다. 카드는 아이콘이나 이미지, 라벨을 포함할 수 있고 맞춤설정할 수 있습니다.
기본적으로 카드는 둥근 모서리와 그라데이션 배경이 적용된 직사각형입니다. 원형 디스플레이는 화면의 상단과 하단을 최대 20%까지 자를 수 있으므로 카드의 최대 높이를 60%로 설정하여 화면에 전체가 표시되도록 합니다.
관련 구성요소
![](https://developer.android.com/static/wear/images/components/card-app.png?authuser=7&hl=ko)
![](https://developer.android.com/static/wear/images/components/card-title.png?authuser=7&hl=ko)
제목 카드
제목 카드를 사용하여 애플리케이션 내에서 정보(예: 메시지)를 표시합니다. 제목 카드에는 제목, 시간 필드(선택사항), 관련 콘텐츠(이미지 또는 텍스트)가 포함된 슬롯 3개 레이아웃이 있습니다.
앱 카드
앱 카드를 사용하여 여러 애플리케이션의 대화형 요소를 표시합니다. 앱 카드에는 애플리케이션 아이콘, 애플리케이션 이름, 활동이 발생한 시간, 일종의 제목, 관련 콘텐츠(이미지 또는 텍스트)가 포함된 슬롯 5개 레이아웃이 있습니다.
설계 권장사항
![](https://developer.android.com/static/wear/images/components/card-image.png?authuser=7&hl=ko)
이미지 카드
이미지 카드에는 단일 주제와 관련된 콘텐츠가 배경 이미지와 함께 표시됩니다. 이미지 카드에는 독립형 이미지도 표시될 수 있습니다.
TitleCard(
onClick = { ... },
title = { Text("Workout") },
backgroundPainter = CardDefaults.imageWithScrimBackgroundPainter(
backgroundImagePainter = painterResource(id = R.drawable.backgroundimage)
),
contentColor = MaterialTheme.colors.onSurface,
titleColor = MaterialTheme.colors.onSurface
) {
Text("12 songs · 1 Hour 32 mins")
}
크기
![](https://developer.android.com/static/wear/images/components/card-size.png?authuser=7&hl=ko)
카드 너비
카드는 컨테이너의 최대 너비로 기본 설정됩니다.
카드 높이
카드 높이는 유연합니다. 구성요소의 콘텐츠에 따라 결정됩니다.
원형 시계 화면에서는 화면 높이의 60%보다 큰 카드가 잘립니다.