کارت ها
با مجموعه‌ها، منظم بمانید
ذخیره و طبقه‌بندی محتوا براساس اولویت‌های شما.
جزء کارت شامل محتوا و اقدامات مربوط به یک موضوع واحد است.
آناتومی
یک قطعه کارت فقط یک اسلات دارد. کارت ها می توانند حاوی نمادها، تصاویر یا برچسب ها باشند، قابل تنظیم هستند.
به طور پیش فرض، کارت ها مستطیل شکل با گوشه های گرد و پس زمینه گرادیان هستند. حداکثر ارتفاع کارت خود را روی 60٪ تنظیم کنید تا مطمئن شوید که به طور کامل روی صفحه نمایش داده می شود زیرا نمایشگرهای دایره ای می توانند تا 20٪ از بالا و پایین صفحه را برش دهند.
کارت عنوان
از کارت‌های عنوان برای نشان دادن اطلاعات درون یک برنامه، مانند پیام، استفاده کنید. کارت‌های عنوان دارای طرح‌بندی سه شکافی هستند که شامل یک عنوان، یک فیلد زمانی اختیاری و محتوای مربوطه است که یا تصویر یا متن است.
کارت برنامه
از کارت های برنامه برای نمایش عناصر تعاملی از چندین برنامه استفاده کنید. کارت‌های برنامه دارای طرح‌بندی پنج شکافی هستند که شامل نماد برنامه، نام برنامه، زمان انجام فعالیت، نوعی عنوان و محتوای مربوطه است که یا یک تصویر یا متن است.
گرادیان کارت
گرادیان کارت
لایه بالا/چپ + 68dp از سمت چپ = 100% سطح
پایین/راست = 0% سطح
پوشش کارت تصویر
لایه بالا/چپ + 56 dp از T/L = 100% سطح
لایه پایین/راست + 24 dp از سطح B/R = 0% سطح
(پوشش های گرادیان روی پس زمینه تصویر)
اندازه ها
عرض کارت
کارت‌ها به‌طور پیش‌فرض حداکثر عرض ظرف را دارند.
ارتفاع کارت ارتفاع کارت انعطاف پذیر است. با محتوای اجزا تعیین می شود.
روی صفحه‌های ساعت گرد، کارت‌هایی که از 60 درصد ارتفاع صفحه‌نمایش بلندتر هستند، بریده می‌شوند.
استفاده
طرح‌بندی‌های تطبیقی
کارت عنوان
در صفحه‌های بزرگ‌تر، یک خط متن اضافی را برای کپی متنی مجاز می‌کنیم. و برای نمایش بیشتر تصویر، یک بالشتک 24 dp بزرگ شده در پایین اضافه کنید.
TitleCard با تصویر درون خطی (جایگزین شیار کپی بدنه)
در صفحه‌های بزرگ‌تر، تصویر نسبت تصویر خود را تغییر نمی‌دهد و برای اینکه ارتفاع کارت بیش از حد بزرگ نشود، صفحه‌ای در سمت راست دارد.
کارت با سفارشی سازی اضافی
کارت با پس زمینه تصویر
برای دستیابی به این طرح، به شخصی سازی نیاز دارید.
کارت های تصویر محتوای مربوط به یک موضوع را با یک تصویر پس زمینه نمایش می دهند. کارت های تصویری همچنین می توانند تصاویر مستقل را نمایش دهند.
توصیه می‌شود برای نمایش بیشتر تصویر پس‌زمینه بدون متن روی آن، لایه پایینی به 24 dp افزایش یابد.
،
جزء کارت شامل محتوا و اقدامات مربوط به یک موضوع واحد است.
آناتومی
یک قطعه کارت فقط یک اسلات دارد. کارت ها می توانند حاوی نمادها، تصاویر یا برچسب ها باشند، قابل تنظیم هستند.
به طور پیش فرض، کارت ها مستطیل شکل با گوشه های گرد و پس زمینه گرادیان هستند. حداکثر ارتفاع کارت خود را روی 60٪ تنظیم کنید تا مطمئن شوید که به طور کامل روی صفحه نمایش داده می شود زیرا نمایشگرهای دایره ای می توانند تا 20٪ از بالا و پایین صفحه را برش دهند.
کارت عنوان
از کارت‌های عنوان برای نشان دادن اطلاعات درون یک برنامه، مانند پیام، استفاده کنید. کارت‌های عنوان دارای طرح‌بندی سه شکافی هستند که شامل یک عنوان، یک فیلد زمانی اختیاری و محتوای مربوطه است که یا تصویر یا متن است.
کارت برنامه
از کارت های برنامه برای نمایش عناصر تعاملی از چندین برنامه استفاده کنید. کارت‌های برنامه دارای طرح‌بندی پنج شکافی هستند که شامل نماد برنامه، نام برنامه، زمان انجام فعالیت، نوعی عنوان و محتوای مربوطه است که یا یک تصویر یا متن است.
گرادیان کارت
گرادیان کارت
لایه بالا/چپ + 68dp از سمت چپ = 100% سطح
پایین/راست = 0% سطح
پوشش کارت تصویر
لایه بالا/چپ + 56 dp از T/L = 100% سطح
لایه پایین/راست + 24 dp از سطح B/R = 0% سطح
(پوشش های گرادیان روی پس زمینه تصویر)
اندازه ها
عرض کارت
کارت‌ها به‌طور پیش‌فرض حداکثر عرض ظرف را دارند.
ارتفاع کارت ارتفاع کارت انعطاف پذیر است. با محتوای اجزا تعیین می شود.
روی صفحه‌های ساعت گرد، کارت‌هایی که از 60 درصد ارتفاع صفحه‌نمایش بلندتر هستند، بریده می‌شوند.
استفاده
طرح‌بندی‌های تطبیقی
کارت عنوان
در صفحه‌های بزرگ‌تر، یک خط متن اضافی را برای کپی متنی مجاز می‌کنیم. و برای نمایش بیشتر تصویر، یک بالشتک 24 dp بزرگ شده در پایین اضافه کنید.
TitleCard با تصویر درون خطی (جایگزین شیار کپی بدنه)
در صفحه‌های بزرگ‌تر، تصویر نسبت تصویر خود را تغییر نمی‌دهد و برای اینکه ارتفاع کارت بیش از حد بزرگ نشود، صفحه‌ای در سمت راست دارد.
کارت با سفارشی سازی اضافی
کارت با پس زمینه تصویر
برای دستیابی به این طرح، به شخصی سازی نیاز دارید.
کارت های تصویر محتوای مربوط به یک موضوع را با یک تصویر پس زمینه نمایش می دهند. کارت های تصویری همچنین می توانند تصاویر مستقل را نمایش دهند.
توصیه می‌شود برای نمایش بیشتر تصویر پس‌زمینه بدون متن روی آن، لایه پایینی به 24 dp افزایش یابد.
محتوا و نمونه کدها در این صفحه مشمول پروانههای توصیفشده در پروانه محتوا هستند. جاوا و OpenJDK علامتهای تجاری یا علامتهای تجاری ثبتشده Oracle و/یا وابستههای آن هستند.
تاریخ آخرین بهروزرسانی 2025-07-29 بهوقت ساعت هماهنگ جهانی.
[[["درک آسان","easyToUnderstand","thumb-up"],["مشکلم را برطرف کرد","solvedMyProblem","thumb-up"],["غیره","otherUp","thumb-up"]],[["اطلاعاتی که نیاز دارم وجود ندارد","missingTheInformationINeed","thumb-down"],["بیشازحد پیچیده/ مراحل بسیار زیاد","tooComplicatedTooManySteps","thumb-down"],["قدیمی","outOfDate","thumb-down"],["مشکل ترجمه","translationIssue","thumb-down"],["مشکل کد / نمونهها","samplesCodeIssue","thumb-down"],["غیره","otherDown","thumb-down"]],["تاریخ آخرین بهروزرسانی 2025-07-29 بهوقت ساعت هماهنگ جهانی."],[],[],null,["# Cards\n\nThe [Card](/reference/kotlin/androidx/wear/compose/material/package-summary#Card(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.painter.Painter,androidx.compose.ui.graphics.Color,kotlin.Boolean,androidx.compose.foundation.layout.PaddingValues,androidx.compose.ui.graphics.Shape,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.ui.semantics.Role,kotlin.Function1)) component contains content and actions about a single subject.\n\nAnatomy\n-------\n\nA card component only has a single slot. Cards can contain icons, images or labels, are customizable.\n\nBy default, cards are rectangular with rounded corners and a gradient background. Set the maximum height of your card to 60% to ensure that it's fully displayed on the screen because circular displays can clip up to 20% of the top and bottom of the screen.\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Title Card**\n\nUse [Title cards](/reference/kotlin/androidx/wear/compose/material/package-summary#TitleCard(kotlin.Function0,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Function1,androidx.compose.ui.graphics.painter.Painter,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Function1)) to show information within an application, such as a message. Title cards have a three-slot layout which includes a title, an optional time field, and the relevant content, which is either an image or text. \n**App Card**\n\nUse [App cards](/reference/kotlin/androidx/wear/compose/material/package-summary#AppCard(kotlin.Function0,kotlin.Function1,kotlin.Function1,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Function1,androidx.compose.ui.graphics.painter.Painter,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Function1)) to show interactive elements from multiple applications. App cards have a five-slot layout that includes an application icon, the application name, the time that the activity occurred, a title of some sort and the relevant content, which is either an image or text.\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\nCards gradient\n--------------\n\n**Card Gradient**\n\nTop/Left + 68dp padding from Left = 100% Surface \n\nBottom/Right = 0% Surface\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Image Card Overlay**\n\nTop/Left + 56 dp padding from T/L = 100% Surface \n\nBottom/Right + 24 dp padding from B/R = 0% Surface \n\n(Gradient overlays on a image background)\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\nSizes\n-----\n\n**Card width**\n\nCards default to the maximum width of the container.\n\n\u003cbr /\u003e\n\n**Card height**\n\n\u003cbr /\u003e\n\nCard height is flexible. It is determined by the components' content.\n\nOn round watch faces, cards that are taller than 60% of the height of the screens are clipped.\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\nUsage\n-----\n\nAdaptive layouts\n----------------\n\n**TitleCard**\n\nOn larger screens we allow an extra line of text for body copy. And in order to display more of the image, add an enlarged 24 dp padding at the bottom.\n\n**TitleCard with in-line image (replacing the body copy slot)**\n\nOn larger screens, the image doesn't change its aspect ratio and has the padding on the right in order to not make the height of the card too big.\n\n### Cards with additional customization\n\n**Card with an image background** \nIn order to achieve this layout you will need customization. \n\n\nImage cards display content relating to a single topic with a background image. Image cards can also display standalone images. \n\n\nIt is recommended that the bottom padding is increased to 24 dp in order to display more of the background image without text over it.\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e"]]
