חוצצים הם קווים דקים שמפרידים בין פריטים ברשימות או ברשימות אחרות
קונטיינרים. אפשר להטמיע מחיצות באפליקציה באמצעות HorizontalDivider
ו-VerticalDivider
תכנים קומפוזביליים.
HorizontalDivider
: הפרדת פריטים בעמודה.VerticalDivider
: הפרדה בין פריטים בשורה.
פלטפורמת API
שני הרכיבים מספקים פרמטרים לשינוי המראה שלהם:
thickness
: משתמשים בפרמטר הזה כדי לציין את עובי המחיצה השורה הזו.color
: משתמשים בפרמטר הזה כדי לציין את הצבע של הקו המפריד.
דוגמה לקו מפריד אופקי
הדוגמה הבאה ממחישה הטמעה של
רכיב HorizontalDivider
. היא משתמשת בפרמטר thickness
כדי לשלוט
גובה השורה:
@Composable fun HorizontalDividerExample() { Column( verticalArrangement = Arrangement.spacedBy(8.dp), ) { Text("First item in list") HorizontalDivider(thickness = 2.dp) Text("Second item in list") } }
באופן הזה נוצר קו אופקי דק בין שני רכיבי טקסט:
![מסך של אפליקציה ל-Android שבו מוצגים שני פריטי טקסט, 'הפריט הראשון ברשימה' ו'הפריט השני ברשימה', שמופרדות באמצעות קו אופקי דק.](https://developer.android.google.cn/static/develop/ui/compose/images/components/divider-horizontal.png?hl=he)
דוגמה לקו מפריד אנכי
הדוגמה הבאה ממחישה הטמעה של
רכיב VerticalDivider
. היא משתמשת בפרמטר color
כדי לספק
צבע לקו:
@Composable fun VerticalDividerExample() { Row( modifier = Modifier .fillMaxWidth() .height(IntrinsicSize.Min), horizontalArrangement = Arrangement.SpaceEvenly ) { Text("First item in row") VerticalDivider(color = MaterialTheme.colorScheme.secondary) Text("Second item in row") } }
כשמשתמשים בהטמעה הזו, נוצר קו אנכי דק בין שני רכיבי טקסט:
![מסך של אפליקציה ל-Android שבו מוצגים שני פריטי טקסט, 'הפריט הראשון בשורה' ו'הפריט השני בשורה', שמופרדות באמצעות קו אנכי דק.](https://developer.android.google.cn/static/develop/ui/compose/images/components/divider-vertical.png?hl=he)