{"id":3487,"date":"2026-09-23T09:00:00","date_gmt":"2026-09-23T09:00:00","guid":{"rendered":"https:\/\/otus.ru\/journal\/?p=3487"},"modified":"2026-09-25T15:34:54","modified_gmt":"2026-09-25T15:34:54","slug":"makety-ekranov-android-prilozhenij-opisanie-i-osobennosti","status":"publish","type":"post","link":"https:\/\/otus.ru\/journal\/makety-ekranov-android-prilozhenij-opisanie-i-osobennosti\/","title":{"rendered":"\u041c\u0430\u043a\u0435\u0442 \u044d\u043a\u0440\u0430\u043d\u0430 Android-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f: XML-\u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0430 \u0438 Jetpack Compose"},"content":{"rendered":"

\u041c\u0430\u043a\u0435\u0442 \u044d\u043a\u0440\u0430\u043d\u0430 (layout) \u0432 Android<\/strong> — \u044d\u0442\u043e \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430: \u043a\u0430\u043a\u0438\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u0435\u0441\u0442\u044c \u043d\u0430 \u044d\u043a\u0440\u0430\u043d\u0435 \u0438 \u043f\u043e \u043a\u0430\u043a\u0438\u043c \u043f\u0440\u0430\u0432\u0438\u043b\u0430\u043c \u043e\u043d\u0438 \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u044b \u0434\u0440\u0443\u0433 \u043e\u0442\u043d\u043e\u0441\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0434\u0440\u0443\u0433\u0430 \u0438 \u043e\u0442\u043d\u043e\u0441\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u043a\u0440\u0430\u0435\u0432. \u0421\u0435\u0433\u043e\u0434\u043d\u044f \u043c\u0430\u043a\u0435\u0442 \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u044e\u0442 \u0434\u0432\u0443\u043c\u044f \u0441\u043f\u043e\u0441\u043e\u0431\u0430\u043c\u0438: XML-\u0440\u0430\u0437\u043c\u0435\u0442\u043a\u043e\u0439 \u0434\u043b\u044f \u043a\u043b\u0430\u0441\u0441\u0438\u0447\u0435\u0441\u043a\u043e\u0439 \u0441\u0438\u0441\u0442\u0435\u043c\u044b View \u0438\u043b\u0438 \u043a\u043e\u0434\u043e\u043c \u043d\u0430 Kotlin \u0432 Jetpack Compose. \u041d\u0438\u0436\u0435 — \u043a\u0430\u043a \u0432\u044b\u0431\u0440\u0430\u0442\u044c \u0441\u043f\u043e\u0441\u043e\u0431, \u043e\u0434\u0438\u043d \u0438 \u0442\u043e\u0442 \u0436\u0435 \u044d\u043a\u0440\u0430\u043d \u0432 \u043e\u0431\u043e\u0438\u0445 \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u0430\u0445, \u0432\u0438\u0434\u044b \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u043e\u0432 \u0438 \u0442\u0438\u043f\u043e\u0432\u044b\u0435 \u043e\u0448\u0438\u0431\u043a\u0438.<\/p>\n

\n

\u0421\u043e\u0434\u0435\u0440\u0436\u0430\u043d\u0438\u0435<\/strong><\/p>\n

    \n
  1. XML \u0438\u043b\u0438 Compose: \u0447\u0442\u043e \u0432\u044b\u0431\u0440\u0430\u0442\u044c<\/a><\/li>\n
  2. \u041e\u0434\u0438\u043d \u044d\u043a\u0440\u0430\u043d \u0432 Compose<\/a><\/li>\n
  3. \u0422\u043e\u0442 \u0436\u0435 \u044d\u043a\u0440\u0430\u043d \u0432 XML \u043d\u0430 ConstraintLayout<\/a><\/li>\n
  4. \u0412\u0438\u0434\u044b \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u043e\u0432 \u0432 XML<\/a><\/li>\n
  5. \u0415\u0441\u043b\u0438 \u043d\u0435 \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u043e\u0441\u044c<\/a><\/li>\n
  6. \u0412\u044b\u0432\u043e\u0434\u044b<\/a><\/li>\n
  7. \u0413\u0434\u0435 \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u0435\u0442\u0441\u044f \/ \u0441\u0432\u044f\u0437\u044c \u0441 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u043e\u0439<\/a><\/li>\n
  8. FAQ<\/a><\/li>\n<\/ol>\n<\/div>\n

    \u0421\u043d\u0430\u0447\u0430\u043b\u0430 \u043c\u0438\u043d\u0438-\u0441\u043b\u043e\u0432\u0430\u0440\u044c, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u044d\u0442\u0438 \u0441\u043b\u043e\u0432\u0430 \u0447\u0430\u0441\u0442\u043e \u0441\u043c\u0435\u0448\u0438\u0432\u0430\u044e\u0442:<\/p>\n\n\n\n\n\n\n\n\n
    \u0422\u0435\u0440\u043c\u0438\u043d<\/th>\n\u0427\u0442\u043e \u044d\u0442\u043e<\/th>\n\u041f\u0440\u0438\u043c\u0435\u0440<\/th>\n<\/tr>\n<\/thead>\n
    View<\/td>\n\u041e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 \u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430 \u0432 \u043a\u043b\u0430\u0441\u0441\u0438\u0447\u0435\u0441\u043a\u043e\u0439 \u0441\u0438\u0441\u0442\u0435\u043c\u0435<\/td>\nTextView<\/code>, Button<\/code>, EditText<\/code><\/td>\n<\/tr>\n
    ViewGroup (\u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440, layout)<\/td>\nView, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0440\u0430\u0437\u043c\u0435\u0449\u0430\u0435\u0442 \u0434\u043e\u0447\u0435\u0440\u043d\u0438\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u043f\u043e \u0441\u0432\u043e\u0438\u043c \u043f\u0440\u0430\u0432\u0438\u043b\u0430\u043c<\/td>\nLinearLayout<\/code>, ConstraintLayout<\/code><\/td>\n<\/tr>\n
    Composable-\u0444\u0443\u043d\u043a\u0446\u0438\u044f<\/td>\n\u0424\u0443\u043d\u043a\u0446\u0438\u044f Kotlin \u0441 \u0430\u043d\u043d\u043e\u0442\u0430\u0446\u0438\u0435\u0439 @Composable<\/code>, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u0442 \u0447\u0430\u0441\u0442\u044c UI \u0432 Compose<\/td>\nColumn<\/code>, Row<\/code>, Text<\/code><\/td>\n<\/tr>\n
    \u041c\u0430\u043a\u0435\u0442 \u0432 \u0434\u0438\u0437\u0430\u0439\u043d\u0435 (\u043c\u043e\u043a\u0430\u043f)<\/td>\n\u041a\u0430\u0440\u0442\u0438\u043d\u043a\u0430 \u0438\u043b\u0438 \u043f\u0440\u043e\u0442\u043e\u0442\u0438\u043f \u044d\u043a\u0440\u0430\u043d\u0430 \u0432 Figma, \u043f\u043e \u043a\u043e\u0442\u043e\u0440\u043e\u043c\u0443 \u043f\u043e\u0442\u043e\u043c \u043f\u0438\u0448\u0443\u0442 \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0443<\/td>\n\u0424\u0440\u0435\u0439\u043c 360×800 \u0432 Figma<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

    \u041c\u043e\u043a\u0430\u043f \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442, \u043a\u0430\u043a \u044d\u043a\u0440\u0430\u043d \u0434\u043e\u043b\u0436\u0435\u043d \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u0442\u044c, \u0430 layout \u0437\u0430\u0434\u0430\u0435\u0442 \u043f\u0440\u0430\u0432\u0438\u043b\u0430, \u043f\u043e \u043a\u043e\u0442\u043e\u0440\u044b\u043c \u044d\u043a\u0440\u0430\u043d \u043f\u043e\u0434\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u043f\u043e\u0434 \u0440\u0430\u0437\u043d\u044b\u0435 \u0434\u0438\u0441\u043f\u043b\u0435\u0438.<\/p>\n

    XML \u0438\u043b\u0438 Compose: \u0447\u0442\u043e \u0432\u044b\u0431\u0440\u0430\u0442\u044c<\/h2>\n

    Google \u043d\u0430\u0437\u044b\u0432\u0430\u0435\u0442 Jetpack Compose \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u0435\u043c\u044b\u043c \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u043c \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u043e\u043c \u0434\u043b\u044f \u043d\u0430\u0442\u0438\u0432\u043d\u043e\u0433\u043e UI \u043d\u0430 Android. \u041f\u0440\u0438 \u044d\u0442\u043e\u043c XML-\u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0430 \u043d\u0438\u043a\u0443\u0434\u0430 \u043d\u0435 \u0434\u0435\u043b\u0430\u0441\u044c: \u043d\u0430 \u043d\u0435\u0439 \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u0430 \u0431\u043e\u043b\u044c\u0448\u0430\u044f \u0447\u0430\u0441\u0442\u044c \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0445 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439, \u0438 \u0432 \u0440\u0430\u0431\u043e\u0442\u0435 \u0441 \u0447\u0443\u0436\u0438\u043c \u043a\u043e\u0434\u043e\u043c \u0435\u0435 \u043f\u0440\u0438\u0434\u0435\u0442\u0441\u044f \u0447\u0438\u0442\u0430\u0442\u044c.<\/p>\n\n\n\n\n\n\n\n\n\n
    \u041a\u0440\u0438\u0442\u0435\u0440\u0438\u0439<\/th>\nXML + View<\/th>\nJetpack Compose<\/th>\n<\/tr>\n<\/thead>\n
    \u0413\u0434\u0435 \u043e\u043f\u0438\u0441\u0430\u043d \u044d\u043a\u0440\u0430\u043d<\/td>\n\u0424\u0430\u0439\u043b \u0432 res\/layout\/<\/code>, \u043b\u043e\u0433\u0438\u043a\u0430 \u0432 Activity\/Fragment<\/td>\nKotlin-\u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u0432 \u0442\u043e\u043c \u0436\u0435 \u043c\u043e\u0434\u0443\u043b\u0435, \u0447\u0442\u043e \u0438 \u043b\u043e\u0433\u0438\u043a\u0430<\/td>\n<\/tr>\n
    \u041a\u0430\u043a \u043e\u0431\u043d\u043e\u0432\u043b\u044f\u0435\u0442\u0441\u044f UI<\/td>\n\u0412\u0440\u0443\u0447\u043d\u0443\u044e: \u043d\u0430\u0439\u0442\u0438 View \u0438 \u043f\u043e\u043c\u0435\u043d\u044f\u0442\u044c \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u043e<\/td>\n\u0414\u0435\u043a\u043b\u0430\u0440\u0430\u0442\u0438\u0432\u043d\u043e: \u043c\u0435\u043d\u044f\u0435\u0442\u0441\u044f \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435 — \u044d\u043a\u0440\u0430\u043d \u043f\u0435\u0440\u0435\u0440\u0438\u0441\u043e\u0432\u044b\u0432\u0430\u0435\u0442\u0441\u044f<\/td>\n<\/tr>\n
    \u0421\u043f\u0438\u0441\u043a\u0438<\/td>\nRecyclerView<\/code> + \u0430\u0434\u0430\u043f\u0442\u0435\u0440<\/td>\nLazyColumn<\/code> \/ LazyRow<\/code><\/td>\n<\/tr>\n
    \u041f\u0440\u0435\u0434\u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440<\/td>\nLayout Editor \u0432 Android Studio<\/td>\n@Preview<\/code> \u0432 Android Studio<\/td>\n<\/tr>\n
    \u041a\u043e\u0433\u0434\u0430 \u0431\u0440\u0430\u0442\u044c<\/td>\n\u041f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0449\u0435\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u043d\u0430 View<\/td>\n\u041d\u043e\u0432\u044b\u0439 \u043f\u0440\u043e\u0435\u043a\u0442 \u0438\u043b\u0438 \u043d\u043e\u0432\u044b\u0439 \u044d\u043a\u0440\u0430\u043d<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

    \u041f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u043e\u0435 \u043f\u0440\u0430\u0432\u0438\u043b\u043e: \u043d\u043e\u0432\u044b\u0439 \u044d\u043a\u0440\u0430\u043d \u0432 \u043d\u043e\u0432\u043e\u043c \u043f\u0440\u043e\u0435\u043a\u0442\u0435 — Compose; \u043f\u0440\u0430\u0432\u043a\u0430 \u044d\u043a\u0440\u0430\u043d\u0430 \u0432 \u0441\u0442\u0430\u0440\u043e\u043c \u043f\u0440\u043e\u0435\u043a\u0442\u0435 — \u0442\u043e\u0442 \u0436\u0435 \u043f\u043e\u0434\u0445\u043e\u0434, \u043d\u0430 \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u043e\u043d \u043d\u0430\u043f\u0438\u0441\u0430\u043d. \u041e\u0431\u0430 \u043f\u043e\u0434\u0445\u043e\u0434\u0430 \u043c\u043e\u0436\u043d\u043e \u0441\u043e\u0432\u043c\u0435\u0449\u0430\u0442\u044c \u0432 \u043e\u0434\u043d\u043e\u043c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438 (ComposeView<\/code> \u0432\u043d\u0443\u0442\u0440\u0438 XML \u0438 AndroidView<\/code> \u0432\u043d\u0443\u0442\u0440\u0438 Compose), \u0442\u0430\u043a \u0447\u0442\u043e \u043f\u0435\u0440\u0435\u0445\u043e\u0434 \u0431\u044b\u0432\u0430\u0435\u0442 \u043f\u043e\u0441\u0442\u0435\u043f\u0435\u043d\u043d\u044b\u043c.<\/p>\n

    \u041e\u0434\u0438\u043d \u044d\u043a\u0440\u0430\u043d \u0432 Compose<\/h2>\n

    \u0412\u043e\u0437\u044c\u043c\u0435\u043c \u043f\u0440\u043e\u0441\u0442\u043e\u0439 \u044d\u043a\u0440\u0430\u043d \u043d\u0430\u043f\u043e\u043c\u0438\u043d\u0430\u043d\u0438\u044f: \u043f\u043e\u043b\u0435 \u0432\u0432\u043e\u0434\u0430, \u0441\u0442\u0440\u043e\u043a\u0430 \u00ab\u0434\u0430\u0442\u0430 + \u0432\u0440\u0435\u043c\u044f\u00bb \u0438 \u043a\u043d\u043e\u043f\u043a\u0430 \u00ab\u0413\u043e\u0442\u043e\u0432\u043e\u00bb, \u043f\u0440\u0438\u0436\u0430\u0442\u0430\u044f \u0432\u043f\u0440\u0430\u0432\u043e. \u0427\u0442\u043e\u0431\u044b \u043f\u0440\u0438\u043c\u0435\u0440 \u043e\u0441\u0442\u0430\u0432\u0430\u043b\u0441\u044f \u043a\u043e\u0440\u043e\u0442\u043a\u0438\u043c, \u0432\u043c\u0435\u0441\u0442\u043e \u0432\u044b\u043f\u0430\u0434\u0430\u044e\u0449\u0438\u0445 \u0441\u043f\u0438\u0441\u043a\u043e\u0432 \u0434\u0430\u0442\u044b \u0438 \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u0432 \u0441\u0442\u0440\u043e\u043a\u0435 \u0441\u0442\u043e\u044f\u0442 \u043f\u043e\u0434\u043f\u0438\u0441\u0438. \u041c\u0438\u043d\u0438\u043c\u0430\u043b\u044c\u043d\u044b\u0439 \u043f\u043e\u043b\u043d\u044b\u0439 \u043f\u0440\u0438\u043c\u0435\u0440:<\/p>\n

    import<\/span> <\/span>androidx.compose.foundation.layout.Arrangement<\/span>\nimport<\/span> <\/span>androidx.compose.foundation.layout.Column<\/span>\nimport<\/span> <\/span>androidx.compose.foundation.layout.Row<\/span>\nimport<\/span> <\/span>androidx.compose.foundation.layout.fillMaxSize<\/span>\nimport<\/span> <\/span>androidx.compose.foundation.layout.fillMaxWidth<\/span>\nimport<\/span> <\/span>androidx.compose.foundation.layout.padding<\/span>\nimport<\/span> <\/span>androidx.compose.foundation.layout.width<\/span>\nimport<\/span> <\/span>androidx.compose.material3.Button<\/span>\nimport<\/span> <\/span>androidx.compose.material3.OutlinedTextField<\/span>\nimport<\/span> <\/span>androidx.compose.material3.Text<\/span>\nimport<\/span> <\/span>androidx.compose.runtime.Composable<\/span>\nimport<\/span> <\/span>androidx.compose.runtime.getValue<\/span>\nimport<\/span> <\/span>androidx.compose.runtime.mutableStateOf<\/span>\nimport<\/span> <\/span>androidx.compose.runtime.saveable.rememberSaveable<\/span>\nimport<\/span> <\/span>androidx.compose.runtime.setValue<\/span>\nimport<\/span> <\/span>androidx.compose.ui.Alignment<\/span>\nimport<\/span> <\/span>androidx.compose.ui.Modifier<\/span>\nimport<\/span> <\/span>androidx.compose.ui.tooling.preview.Preview<\/span>\nimport<\/span> <\/span>androidx.compose.ui.unit.dp<\/span>\n\n@Composable<\/span>\nfun<\/span> <\/span>ReminderScreen<\/span>(<\/span>modifier<\/span>: <\/span>Modifier<\/span> <\/span>=<\/span> <\/span>Modifier<\/span>) {<\/span>\n    <\/span>var<\/span> <\/span>name<\/span> <\/span>by<\/span> <\/span>rememberSaveable<\/span> { <\/span>mutableStateOf<\/span>(<\/span>\"\"<\/span>) }<\/span>\n\n    <\/span>Column<\/span>(<\/span>\n        <\/span>modifier<\/span> <\/span>=<\/span> <\/span>modifier<\/span>.<\/span>fillMaxSize<\/span>().<\/span>padding<\/span>(<\/span>16.<\/span>dp<\/span>),<\/span>\n        <\/span>verticalArrangement<\/span> <\/span>=<\/span> <\/span>Arrangement<\/span>.<\/span>spacedBy<\/span>(<\/span>8.<\/span>dp<\/span>)<\/span>\n    ) {<\/span>\n        <\/span>OutlinedTextField<\/span>(<\/span>\n            <\/span>value<\/span> <\/span>=<\/span> <\/span>name<\/span>,<\/span>\n            <\/span>onValueChange<\/span> <\/span>=<\/span> { <\/span>name<\/span> <\/span>=<\/span> <\/span>it<\/span> },<\/span>\n            <\/span>label<\/span> <\/span>=<\/span> { <\/span>Text<\/span>(<\/span>\"\u041d\u0430\u043f\u043e\u043c\u0438\u043d\u0430\u043d\u0438\u0435\"<\/span>) },<\/span>\n            <\/span>modifier<\/span> <\/span>=<\/span> <\/span>Modifier<\/span>.<\/span>fillMaxWidth<\/span>()<\/span>\n        )<\/span>\n        <\/span>Row<\/span>(<\/span>horizontalArrangement<\/span> <\/span>=<\/span> <\/span>Arrangement<\/span>.<\/span>spacedBy<\/span>(<\/span>8.<\/span>dp<\/span>)) {<\/span>\n            <\/span>Text<\/span>(<\/span>\"\u0414\u0430\u0442\u0430\"<\/span>, <\/span>modifier<\/span> <\/span>=<\/span> <\/span>Modifier<\/span>.<\/span>weight<\/span>(<\/span>1f<\/span>))<\/span>\n            <\/span>Text<\/span>(<\/span>\"\u0412\u0440\u0435\u043c\u044f\"<\/span>, <\/span>modifier<\/span> <\/span>=<\/span> <\/span>Modifier<\/span>.<\/span>width<\/span>(<\/span>96.<\/span>dp<\/span>))<\/span>\n        }<\/span>\n        <\/span>Button<\/span>(<\/span>\n            <\/span>onClick<\/span> <\/span>=<\/span> { <\/span>\/* \u0441\u043e\u0445\u0440\u0430\u043d\u0438\u0442\u044c \u043d\u0430\u043f\u043e\u043c\u0438\u043d\u0430\u043d\u0438\u0435 *\/<\/span> },<\/span>\n            <\/span>enabled<\/span> <\/span>=<\/span> <\/span>name<\/span>.<\/span>isNotBlank<\/span>(),<\/span>\n            <\/span>modifier<\/span> <\/span>=<\/span> <\/span>Modifier<\/span>.<\/span>align<\/span>(<\/span>Alignment<\/span>.<\/span>End<\/span>)<\/span>\n        ) {<\/span>\n            <\/span>Text<\/span>(<\/span>\"\u0413\u043e\u0442\u043e\u0432\u043e\"<\/span>)<\/span>\n        }<\/span>\n    }<\/span>\n}<\/span>\n\n@Preview<\/span>(<\/span>showBackground<\/span> <\/span>=<\/span> <\/span>true<\/span>)<\/span>\n@Composable<\/span>\nfun<\/span> <\/span>ReminderScreenPreview<\/span>() {<\/span>\n    <\/span>ReminderScreen<\/span>()<\/span>\n}<\/span><\/code><\/pre>\n
    \u0412 \u043f\u0430\u043d\u0435\u043b\u0438 Preview \u043f\u043e\u044f\u0432\u0438\u0442\u0441\u044f \u044d\u043a\u0440\u0430\u043d: \u043f\u043e\u043b\u0435 \u0432\u043e \u0432\u0441\u044e \u0448\u0438\u0440\u0438\u043d\u0443, \u043f\u043e\u0434 \u043d\u0438\u043c \u0441\u0442\u0440\u043e\u043a\u0430, \u0433\u0434\u0435 \u00ab\u0414\u0430\u0442\u0430\u00bb \u0437\u0430\u043d\u0438\u043c\u0430\u0435\u0442 \u0432\u0441\u0435 \u0441\u0432\u043e\u0431\u043e\u0434\u043d\u043e\u0435 \u043c\u0435\u0441\u0442\u043e, \u0430 \u00ab\u0412\u0440\u0435\u043c\u044f\u00bb — \u0440\u043e\u0432\u043d\u043e 96 dp, \u0438 \u043d\u0435\u0430\u043a\u0442\u0438\u0432\u043d\u0430\u044f \u043a\u043d\u043e\u043f\u043a\u0430 \u00ab\u0413\u043e\u0442\u043e\u0432\u043e\u00bb \u0441\u043f\u0440\u0430\u0432\u0430. \u041a\u0430\u043a \u0442\u043e\u043b\u044c\u043a\u043e \u0432 \u043f\u043e\u043b\u0435 \u043f\u043e\u044f\u0432\u0438\u0442\u0441\u044f \u0442\u0435\u043a\u0441\u0442, \u043a\u043d\u043e\u043f\u043a\u0430 \u0441\u0442\u0430\u043d\u0435\u0442 \u0430\u043a\u0442\u0438\u0432\u043d\u043e\u0439 — \u044d\u0442\u043e \u0438 \u0435\u0441\u0442\u044c \u0434\u0435\u043a\u043b\u0430\u0440\u0430\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u044c: \u0443\u0441\u043b\u043e\u0432\u0438\u0435 enabled<\/code> \u043f\u0435\u0440\u0435\u0441\u0447\u0438\u0442\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u043f\u0440\u0438 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0438 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f name<\/code>.<\/p>\n
    \u0420\u0430\u0437\u0431\u043e\u0440 \u043f\u043e \u0447\u0430\u0441\u0442\u044f\u043c:<\/p>\n