החלפת מצב של צ'יפים
קל לארגן דפים בעזרת אוספים
אפשר לשמור ולסווג תוכן על סמך ההעדפות שלך.
ToggleChip הוא צ'יפ מיוחד שמאפשר למשתמשים לבחור מבין אפשרויות שונות.
צ'יפים של מתגים כוללים מתג עם שני מצבים. דוגמאות לרכיבי בקרה עם מצב מצב כוללות מתג, כפתור בחירה או תיבת סימון. כדאי להשתמש בצ'יפים של מתגים במצבים שבהם צריך להגדיר הרבה אפשרויות במהירות ובקלות, למשל בהגדרות.
אנטומיה
לצ'יפים של מתגים יש ארבעה משבצות שמכילות שתי תוויות טקסט, אמצעי בקרה לבחירה ואת סמל האפליקציה. הסמל והתווית המשנית הם אופציונליים.
א. תווית
ב. תווית משנית
ג. סמל
ד. אמצעי בקרה לבחירה
E. מאגר
החלפת מצב של צ'יפים עם שינוי הדרגתי
למעלה/שמאל = 0% פני שטח
למטה/ימין = 50% ראשי
(שכבות-על של גווני-מעבר על רקע בצבע פני השטח)
בקרת הבחירה
החלפת חשבון
משתמשים במתג כדי להפעיל או להשבית את האפשרות שנבחרה.
לחצן בחירה
כדאי להשתמש בלחצני בחירה ברשימות שבהן המשתמש יכול לבחור רק אפשרות אחת.
תיבת סימון
כדאי להשתמש בתיבות סימון ברשימות שבהן המשתמש יכול לבחור כמה אפשרויות.
פיצול של צ'יפים של מתגים
כדאי להשתמש בצ'יפים מפוצלים של מתגים כשרוצים ליצור שתי אזורים שניתן להקיש עליהם.
פיצול ToggleChips
ההבדל בין SplitToggleChip לבין ToggleChip הוא שיש בו שני אזורים שניתן להקיש עליהם, אחד שניתן ללחוץ עליו ואחד עם המתג.
בצ'יפים של מתגים מחולקים, כדאי להבדיל בין אזור הרקע שניתן להקיש עליו לבין מתג הבקרה על ידי שימוש בצבע שונה לכל קטע.
שימוש
משתמשים ב-ToggleChips כפי שמתואר בדוגמאות הבאות.
פריסות דינמיות
התנהגות תגובה
ToggleChips נמתחים כדי למלא את הרוחב הזמין במסכים גדולים יותר.
סמל (24 x 24 dp)
מאגר (52 x XX dp)
דוגמאות התוכן והקוד שבדף הזה כפופות לרישיונות המפורטים בקטע רישיון לתוכן. Java ו-OpenJDK הם סימנים מסחריים או סימנים מסחריים רשומים של חברת Oracle ו/או של השותפים העצמאיים שלה.
עדכון אחרון: 2025-07-27 (שעון UTC).
[[["התוכן קל להבנה","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 (שעון UTC)."],[],[],null,["# Toggle chips\n\nA [ToggleChip](/reference/kotlin/androidx/wear/compose/material/package-summary#ToggleChip(kotlin.Boolean,kotlin.Function1,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function1,kotlin.Function1,androidx.wear.compose.material.ToggleChipColors,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.layout.PaddingValues,androidx.compose.ui.graphics.Shape,kotlin.Function0)) is a specialized chip that allows users to select various options. \nToggle chips include a bi-state toggle control. Some examples of a bi-state toggle control include a switch, radio button, or checkbox. Use toggle chips for situations in which many options may need to be quickly and easily set, such as in Settings.\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\nAnatomy\n-------\n\nToggle chips have four slots that accommodate two text labels, one selection control and one application icon. The icon and secondary label are optional.\n\n**A. Label\nB. Secondary label\nC. Icon\nD. Selection control\nE. Container**\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\nToggle Chips Gradient\n---------------------\n\nTop/Left = 0% Surface \n\nBottom/Right = 50% Primary \n\n(Gradient overlays on a background of Surface color)\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\nSelection control\n-----------------\n\n**Switch**\n\nUse a switch to turn a selection on or off.\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Radio button**\n\nUse radio buttons in lists where the user can select only one option.\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Checkbox**\n\nUse checkboxes in lists where the user can select multiple options.\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Split toggle chips**\n\nUse split toggle chips when you want two tappable areas.\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\nRelated components\n------------------\n\n**Split ToggleChips**\n\nThe SplitToggleChip differs from the ToggleChip by having two tappable areas, one clickable and one with the toggle. \n\n\nOn split toggle chips, differentiate between the tappable background area and the toggle control by making each section a different color.\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\nUsage\n-----\n\nUse ToggleChips as shown in the following examples.\n\nAdaptive layouts\n----------------\n\n**Responsive behavior**\n\nToggleChips stretch to fill the available width on larger displays. \n\n\nIcon (24 x 24 dp) \n\nContainer (52 x XX dp)\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e"]]
