علامات التبويب
تنظيم صفحاتك في مجموعات
يمكنك حفظ المحتوى وتصنيفه حسب إعداداتك المفضّلة.
تنظم علامات التبويب المحتوى عبر الشاشات
ومجموعات البيانات والتفاعلات المختلفة. يمكن استخدام علامات التبويب للتبديل بين طرق عرض مجموعات المعلومات
المميزة وذات الصلة.
المراجع
أهمّ الميزات
- يمكن تمرير علامات التبويب أفقيًا. يمكن أن تتضمن واجهة المستخدم العديد من علامات التبويب حسب الحاجة.
- تنظم علامات التبويب المحتوى إلى فئات لمساعدة المستخدمين
في العثور على أنواع مختلفة من المعلومات بسرعة.
- يتم عرض علامات التبويب بجانب بعضها البعض كزملاء، في فئات ذات أهمية متساوية.
الصيغ
هناك نوعان من مؤشرات علامات التبويب:
- مؤشر حبوب الدواء
- مؤشر الشريط
اختر النوع الصحيح وفقًا للتأكيد. يوصى باستخدام علامات تبويب
مؤشر الدواء لتنظيم الصفحات الكاملة. تعرض وجهات
المحتوى الرئيسية. يتم استخدام علامات تبويب مؤشر الشريط داخل منطقة المحتوى لفصل المحتوى ذي الصلة بشكل أكبر وإنشاء التسلسل الهرمي.
علم التشريح
- الرمز (اختياري)
- التصنيف
- المؤشر النشط
- حبوب دواء
- المَقصف
- الحاوية
الولايات
- درجة الحرارة التلقائية
- التركيز
- تم وضع علامة
المواصفات
السُلوك
عند الانتقال من علامة تبويب إلى التي تليها، ينزلق المحتوى أدناه أيضًا إلى اليسار أو اليمين بناءً على حركة علامة التبويب.
يخضع كل من المحتوى وعيّنات التعليمات البرمجية في هذه الصفحة للتراخيص الموضحّة في ترخيص استخدام المحتوى. إنّ Java وOpenJDK هما علامتان تجاريتان مسجَّلتان لشركة Oracle و/أو الشركات التابعة لها.
تاريخ التعديل الأخير: 2025-07-27 (حسب التوقيت العالمي المتفَّق عليه)
[[["يسهُل فهم المحتوى.","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-27 (حسب التوقيت العالمي المتفَّق عليه)"],[],[],null,["# Tabs organize content across different screens, data sets, and\ninteractions. Tabs can be used to switch between views of distinct and\nrelated groups of information.\n\nResources\n---------\n\n| Type | Link | Status |\n|----------------|-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|-----------|\n| Design | [Design source (Figma)](https://goo.gle/tv-desing-kit) | Available |\n| Implementation | [Jetpack Compose](/reference/kotlin/androidx/tv/material3/package-summary#TabRow(kotlin.Int,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Function0,kotlin.Function2,kotlin.Function1)) | Available |\n\nHighlights\n----------\n\n- Tabs can scroll horizontally. A UI can have as many tabs as needed.\n- Tabs organize content into categories to help users find different types of information quickly.\n- Tabs are displayed next to each other as peers, in categories of equal importance.\n\nVariants\n--------\n\nThere are two types of tab indicators: \n\n1. Pill indicator\n2. Bar indicator\n\nChoose the right type according to emphasis. Pill indicator tabs are\nrecommended for organizing full pages. They display the main content\ndestinations. Bar indicator tabs are used within a content area to further\nseparate related content and establish hierarchy.\n\nAnatomy\n-------\n\n1. Icon (optional)\n2. Label\n3. Active indicator\n 1. Pill\n 2. Bar\n4. Container\n\nStates\n------\n\n1. Default\n2. Focused\n3. Selected\n\nSpecs\n-----\n\nBehavior\n--------\n\nWhen moving from one tab to the next the content below also slides left or\nright based on the tab movement."]]
