הוספת מתג שהמשתמשים יכולים להפעיל או להשבית

רכיב Switch מאפשר למשתמשים לעבור בין שני מצבים: מסומן ולא מסומן. אפשר להשתמש במתג כדי לאפשר למשתמש לבצע אחת מהפעולות הבאות:

  • מפעילים או משביתים את ההגדרה.
  • מפעילים או משביתים תכונה.
  • בוחרים באחת מהאפשרויות.

הרכיב מורכב משני חלקים: האגודל והמסלול. החלק שאפשר לגרור הוא החלק של המתג שאפשר להזיז, והרקע הוא החלק הקבוע של המתג. המשתמש יכול לגרור את האגודל שמאלה או ימינה כדי לשנות את מצב המתג. הם יכולים גם להקיש על המתג כדי לסמן את התיבה ולבטל את הסימון שלה.

תאימות גרסאות

כדי להטמיע את התכונה הזו, צריך להגדיר את minSDK בפרויקט לרמת API‏ 21 ומעלה.

פניות קשורות

הטמעה של מתג

הדוגמה הבאה היא הטמעה מינימלית של ה-composable‏ Switch:

תוצאות

מתג בסיסי לא מסומן.
איור 1. מתג לא מסומן.
מתג בסיסי שמסומן.
איור 2. מתג מסומן.

יצירת תמונה ממוזערת בהתאמה אישית

אפשר להעביר כל קומפוזיציה לפרמטר thumbContent כדי ליצור תמונה ממוזערת בהתאמה אישית. הדוגמה הבאה היא של מתג שמשתמש בסמל מותאם אישית עבור הרכיב הנע:

תוצאות

הסימון של התיבה כשהיא לא מסומנת זהה לסימון בדוגמה שבקטע הקודם. עם זאת, כשבודקים את היישום הזה, הוא נראה כך:

מתג שמשתמש בפרמטר thumbContent כדי להציג סמל מותאם אישית כשהוא מסומן.
איור 3. מתג עם סמל מותאם אישית של מצב מסומן.

שימוש בצבעים בהתאמה אישית

משתמשים בפרמטר colors כדי לשנות את הצבע של האגודל והמסלול של המתג, תוך התחשבות בשאלה אם המתג מסומן.

תוצאות

מתג שמשתמש בפרמטר colors כדי להציג מתג עם צבעים מותאמים אישית גם לאגודל וגם לסיכה.
איור 4. מתג עם צבעים בהתאמה אישית.

נקודות עיקריות

  • פרמטרים בסיסיים:

    • checked: המצב ההתחלתי של המתג.
    • onCheckedChange: קריאה חוזרת שמופעלת כשהמצב של המתג משתנה.
    • enabled: מצב המתג (מופעל או מושבת).
    • colors: הצבעים שמשמשים למתג.
  • פרמטרים מתקדמים

    • thumbContent: משתמשים בזה כדי להתאים אישית את המראה של האגודל כשהוא מסומן.
    • colors: משתמשים באפשרות הזו כדי להתאים אישית את הצבע של הטראק והאגודל.

אוספים שכוללים את המדריך הזה

המדריך הזה הוא חלק מאוספים של מדריכים מהירים שנבחרו בקפידה ועוסקים ביעדים רחבים יותר של פיתוח ל-Android:

במאמר הזה מוסבר איך פונקציות שאפשר להרכיב מאפשרות ליצור בקלות רכיבי ממשק משתמש יפים על סמך מערכת העיצוב של Material Design.

יש לך שאלות או משוב?

אפשר לעבור לדף השאלות הנפוצות שלנו כדי לקרוא מדריכים מהירים, או לפנות אלינו ולספר לנו מה דעתך.