카드

Card 구성요소에는 단일 주제에 관한 콘텐츠와 작업이 포함되어 있습니다.

해부학

카드 구성요소에는 슬롯이 하나만 있습니다. 카드는 아이콘이나 이미지, 라벨을 포함할 수 있고 맞춤설정할 수 있습니다.

기본적으로 카드는 둥근 모서리와 그라데이션 배경이 적용된 직사각형입니다. 원형 디스플레이는 화면의 상단과 하단을 최대 20%까지 자를 수 있으므로 카드의 최대 높이를 60%로 설정하여 화면에 전체가 표시되도록 합니다.

제목 카드

제목 카드를 사용하여 애플리케이션 내에서 정보(예: 메시지)를 표시합니다. 제목 카드에는 제목, 시간 필드(선택사항), 관련 콘텐츠(이미지 또는 텍스트)가 포함된 슬롯 3개 레이아웃이 있습니다.

앱 카드

앱 카드를 사용하여 여러 애플리케이션의 대화형 요소를 표시합니다. 앱 카드에는 애플리케이션 아이콘, 애플리케이션 이름, 활동이 발생한 시간, 일종의 제목, 관련 콘텐츠(이미지 또는 텍스트)가 포함된 슬롯 5개 레이아웃이 있습니다.

설계 권장사항

이미지 카드

이미지 카드에는 단일 주제와 관련된 콘텐츠가 배경 이미지와 함께 표시됩니다. 이미지 카드에는 독립형 이미지도 표시될 수 있습니다.

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")
}

크기

카드 너비

카드는 컨테이너의 최대 너비로 기본 설정됩니다.

카드 높이

카드 높이는 유연합니다. 구성요소의 콘텐츠에 따라 결정됩니다.

원형 시계 화면에서는 화면 높이의 60%보다 큰 카드가 잘립니다.