تصميم ميزات متاحة ومتكيفة

@Composable
fun AdaptiveShelf(expanded: Boolean, selectedId: String?, onSelect: (String) -> Unit) {
    if (expanded) {
        Row(Modifier.fillMaxSize()) {
            Box(Modifier.weight(1f)) { ShelfList(selectedId, onSelect) }
            Box(Modifier.weight(2f)) { ShelfDetail(selectedId) }
        }
    } else {
        CompactShelf(selectedId = selectedId, onSelect = onSelect)
    }
}

تمثل ShelfList وShelfDetail وCompactShelf مكونات التطبيق. احسب expanded بتكامل النافذة والتكيف في المشروع. يجب أن يوفر المكوّن الضيق طريقاً بين القائمة والتفاصيل؛ يوضح المقتطف الملكية المشتركة ولا ينفذ التنقل.

@Composable
fun FinishedControl(finished: Boolean, onFinishedChange: (Boolean) -> Unit) {
    Row(
        Modifier.fillMaxWidth().toggleable(
            value = finished,
            role = Role.Checkbox,
            onValueChange = onFinishedChange
        ).padding(16.dp),
        verticalAlignment = Alignment.CenterVertically
    ) {
        Checkbox(checked = finished, onCheckedChange = null)
        Text(stringResource(R.string.finished_reading))
    }
}

استورد toggleable وRole والتخطيط وواجهات Material وأضف finished_reading للموارد المترجمة. لا تملك خانة الاختيار دالة مستقلة لأن الأب يعالج الإجراء، فيتجنب هدفين تفاعليين للحالة نفسها. تحقق من الدلالات المدمجة الناتجة في التطبيق الفعلي.