کارت ها

کارت‌ها می‌توانند شامل طیف گسترده‌ای از اطلاعات مانند متن، آیکون‌ها، تصاویر، پاسخ‌های Gemini یا اقدامات باشند.

اصول

منسجم : کارت‌ها اطلاعات و اقدامات مرتبط را در یک واحد واحد و قابل فهم گروه‌بندی می‌کنند.

واضح : آنها محتوا را به شیوه‌ای واضح و سازمان‌یافته ارائه می‌دهند و قابلیت مرور اجمالی را افزایش می‌دهند.

تطبیق‌پذیری : کارت‌ها می‌توانند برای نمایش طیف وسیعی از محتوا، از خلاصه‌های متنی ساده گرفته تا خلاصه‌های پیچیده‌تر با عناصر متعدد، سازگار شوند.

ماژولار : به گونه‌ای طراحی شده که ماژولار باشد و در بخش‌های مختلف رابط کاربری Jetpack Compose Glimmer for Glasses قابل استفاده مجدد باشد.

کاربرد و قرارگیری

کارت‌ها می‌توانند شامل طیف گسترده‌ای از اطلاعات مانند متن، آیکون‌ها، تصاویر، اقدامات یا پاسخ‌های Gemini باشند.

از قالب‌های کارت Jetpack Compose Glimmer برای محتوا استفاده کنید، زیرا در انواع مختلفی موجود هستند و برای پیروی از اصول طراحی عینک از ابتدا بهینه شده‌اند.

check_circle

انجام دهید

محتوا را مختصر و مفید نگه دارید و به بهترین شیوه‌های سبک، مانند استفاده از رنگ، توجه داشته باشید.

cancel

نکن

کاربران را با محتوای بیش از حد در کارت‌ها سردرگم کنید یا دستورالعمل‌های سبک را کنار بگذارید.

آناتومی

کارت‌ها با قالب‌های اسلات از پیش تعیین‌شده ساخته می‌شوند.

۱. سربرگ: بخش بالایی کارت که برای قرار دادن تصویر طراحی شده است.

۲. عنوان و زیرعنوان: این فیلدهای متنی، برچسب‌های اصلی و فرعی کارت را ارائه می‌دهند.

۳. نماد پیشرو: یک نماد اختیاری که در ابتدای قسمت محتوای کارت ظاهر می‌شود.

۴. آیکن دنباله‌دار: یک آیکن اختیاری که در انتهای قسمت محتوای کارت ظاهر می‌شود.

۵. اکشن: یک جایگاه برای یک عنصر تعاملی اصلی، مانند یک دکمه. این به کاربران اجازه می‌دهد تا یک عمل را مستقیماً از کارت انجام دهند. این جایگاه در یک overload جداگانه از Card composable موجود است.

۶. محتوای اصلی: بدنه اصلی کارت، جایی که متن اصلی یا سایر محتوا را قرار می‌دهید.

تمرکز

برای کارت‌هایی که هدف اصلی آنها جای دادن یک عنصر تعاملی خاص است (مانند دکمه در اکشن)، تمرکز باید مستقیماً روی آن عنصر باشد، نه روی ظرف کارت. یک کارت زمانی قابل تمرکز می‌شود که نشان‌دهنده یک آیتم واحد و قابل پیمایش، مانند یک ورودی در یک لیست باشد. این امر یک تجربه کاربری مستقیم‌تر و در دسترس‌تر را فراهم می‌کند.

کارتی که تمرکز آن به عنوان یک آیتم لیست شده است.

یک دکمه درون کارت به عنوان عنصر قابل اجرا مورد توجه قرار می‌گیرد.

سفارشی‌سازی