يحتوي المكوِّن Card على محتوى وإجراءات حول موضوع واحد.
علم التشريح
تكون البطاقات مستطيلة ذات زوايا مستديرة وخلفية متدرجة بشكل تلقائي. اضبط الحد الأقصى لارتفاع بطاقتك على% 60 لضمان عرضها بالكامل على الشاشة، لأنّ الشاشات الدائرية يمكن أن تقتطع ما يصل إلى% 20 من أعلى الشاشة وأسفلها.
المكوّنات ذات الصلة
بطاقة العنوان
استخدِم بطاقات العناوين لعرض المعلومات داخل تطبيق، مثل رسالة. تتضمن بطاقات العناوين تنسيقًا من ثلاث فتحات يشتمل على عنوان وحقل زمني اختياري والمحتوى ذي الصلة، والذي يكون صورة أو نصًّا.
بطاقة التطبيق
استخدِم بطاقات التطبيقات لعرض العناصر التفاعلية من تطبيقات متعددة. تحتوي بطاقات التطبيقات على تصميم من خمس فتحات يحتوي على رمز التطبيق واسم التطبيق ووقت حدوث النشاط وعنوان من نوع ما والمحتوى ذي الصلة، والذي يكون صورة أو نصًّا.
اقتراحات التصميم
تعرض بطاقات الصور محتوًى مرتبطًا بموضوع واحد مع صورة خلفية. ويمكن لبطاقات الصور أيضًا عرض صور مستقلة.
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% من ارتفاع الشاشات.