{"id":271061,"date":"2015-12-24T14:15:02","date_gmt":"2015-12-24T11:15:02","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=271061"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=271061","title":{"rendered":"\u0421\u0431\u0435\u0440\u0431\u0430\u043d\u043a \u0434\u0435\u043b\u0438\u0442\u0441\u044f \u043e\u043f\u044b\u0442\u043e\u043c \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0432 Material Design: \u0441\u0442\u0438\u043b\u0438 \u0438 \u0442\u0435\u043c\u044b"},"content":{"rendered":"<p>       \u041f\u0440\u0438\u0432\u0435\u0442, \u0425\u0430\u0431\u0440\u0430\u0445\u0430\u0431\u0440! \u041d\u0435 \u0442\u0430\u043a \u0434\u0430\u0432\u043d\u043e \u043c\u044b \u043f\u043e\u0434\u0432\u043e\u0434\u0438\u043b\u0438 \u0438\u0442\u043e\u0433\u0438 \u043a\u043e\u043d\u043a\u0443\u0440\u0441\u0430 \u043f\u043e <a href=\"http:\/\/habrahabr.ru\/company\/google\/blog\/272621\/\">Material Design<\/a>, \u0438 \u0432 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u044f\u0445 \u043d\u0430\u0441 \u043f\u0440\u043e\u0441\u0438\u043b\u0438 \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u0440\u0435\u0430\u043b\u044c\u043d\u043e \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u044b\u0435 \u0438 \u043a\u0440\u0430\u0441\u0438\u0432\u044b\u0435 Material-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f. \u0427\u0442\u043e \u0436\u0435, \u0432\u0441\u0442\u0440\u0435\u0447\u0430\u0439\u0442\u0435: \u00ab\u0421\u0431\u0435\u0440\u0431\u0430\u043d\u043a \u041e\u043d\u043b\u0430\u0439\u043d\u00bb \u0432 \u043d\u043e\u0432\u043e\u043c, \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u043c \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0435. \u041f\u0440\u043e \u043f\u0440\u043e\u0446\u0435\u0441\u0441 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u0435\u0435 \u0443\u0437\u043d\u0430\u0442\u044c \u043e\u0442 \u0441\u0430\u043c\u0438\u0445 \u0441\u043e\u0437\u0434\u0430\u0442\u0435\u043b\u0435\u0439. <\/p>\n<div style=\"text-align:center;\"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/aeb\/b04\/83f\/aebb0483fdc5ace158ba6e94c5154da7.png\" \/><\/div>\n<p>  <b>\u041c\u044b \u043f\u0435\u0440\u0435\u0434\u0430\u0451\u043c \u0441\u043b\u043e\u0432\u043e \u043a\u043e\u043c\u0430\u043d\u0434\u0435 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432 Android-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0421\u0431\u0435\u0440\u0431\u0430\u043d\u043a\u0430, \u0447\u0442\u043e\u0431\u044b \u0432\u044b \u0443\u0441\u043b\u044b\u0448\u0430\u043b\u0438 \u043e\u0431 \u043e\u043f\u044b\u0442\u0435 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0442\u0430\u043a\u043e\u0439 \u0441\u043b\u043e\u0436\u043d\u043e\u0439 \u0448\u0442\u0443\u043a\u0438, \u043a\u0430\u043a UI \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u0433\u043e \u0431\u0430\u043d\u043a-\u043a\u043b\u0438\u0435\u043d\u0442\u0430, \u0438\u0437 \u043f\u0435\u0440\u0432\u044b\u0445 \u0443\u0441\u0442.<\/b> \u0411<i><b>\u043e<\/b><\/i>\u043b\u044c\u0448\u0443\u044e \u0447\u0430\u0441\u0442\u044c \u043f\u043e\u0441\u0442\u0430 \u043d\u0430\u043f\u0438\u0441\u0430\u043b  <a href=\"http:\/\/habrahabr.ru\/users\/freeuser\/\" class=\"user_link\">freeuser<\/a>, \u0442\u0430\u043a \u0447\u0442\u043e \u0441\u043f\u0430\u0441\u0438\u0431\u043e \u0433\u043e\u0432\u043e\u0440\u0438\u0442\u0435 \u0435\u043c\u0443. \ud83d\ude09<br \/>  <a name=\"habracut\"><\/a><\/p>\n<h1><font color=\"#2196F3\">\u041f\u0440\u0435\u0434\u044b\u0441\u0442\u043e\u0440\u0438\u044f<\/font><\/h1>\n<p>  Android 5, \u043e\u0441\u043d\u043e\u0432\u0430\u043d\u043d\u044b\u0439 \u043d\u0430 Material Design, \u0434\u043e\u0441\u0442\u0443\u043f\u0435\u043d \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f\u043c \u0443\u0436\u0435 \u043f\u043e\u043b\u0442\u043e\u0440\u0430 \u0433\u043e\u0434\u0430. 18 \u043c\u0435\u0441\u044f\u0446\u0435\u0432 \u2014 \u0441\u0440\u043e\u043a \u043d\u0435\u043c\u0430\u043b\u044b\u0439, \u0438 \u0441\u0435\u0439\u0447\u0430\u0441 \u043c\u043e\u0436\u043d\u043e \u0441 \u0443\u0432\u0435\u0440\u0435\u043d\u043d\u043e\u0441\u0442\u044c\u044e \u0441\u043a\u0430\u0437\u0430\u0442\u044c, \u0447\u0442\u043e \u0438 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f\u043c, \u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430\u043c \u043f\u0440\u0438\u0448\u043b\u0430\u0441\u044c \u043f\u043e \u0434\u0443\u0448\u0435 \u0444\u0438\u043b\u043e\u0441\u043e\u0444\u0438\u044f \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u044f\u0437\u044b\u043a\u0430 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0438 \u043e\u0442 Google. <\/p>\n<p>  \u0421\u0435\u0433\u043e\u0434\u043d\u044f \u043c\u044b \u0440\u0430\u0441\u0441\u043a\u0430\u0436\u0435\u043c, \u043a\u0430\u043a \u0432 \u043d\u0430\u0448\u0435\u0439 \u0440\u0430\u0441\u0448\u0438\u0440\u044f\u044e\u0449\u0435\u0439\u0441\u044f \u0438 \u0440\u0430\u0437\u0432\u0438\u0432\u0430\u044e\u0449\u0435\u0439\u0441\u044f \u043a\u043e\u043c\u0430\u043d\u0434\u0435 \u043f\u0440\u043e\u0442\u0435\u043a\u0430\u043b \u043f\u0440\u043e\u0446\u0435\u0441\u0441 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0430 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f &quot;<a href=\"https:\/\/play.google.com\/store\/apps\/details?id=ru.sberbankmobile\"><i>\u0421\u0431\u0435\u0440\u0431\u0430\u043d\u043a \u041e\u043d\u043b\u0430\u0439\u043d<\/i><\/a>&quot; \u0434\u043b\u044f Android \u043d\u0430 Material Design, \u0438 \u043e\u0441\u0432\u0435\u0442\u0438\u043c \u0441\u043e\u043f\u0443\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0435 \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0430\u0441\u043f\u0435\u043a\u0442\u044b. \u041f\u0440\u043e\u0446\u0435\u0441\u0441 \u043d\u0435\u043f\u043e\u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430 \u0431\u0443\u0434\u0435\u0442 \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u043e \u043e\u043f\u0438\u0441\u0430\u043d \u0432 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0439 \u0441\u0442\u0430\u0442\u044c\u0435.<\/p>\n<h1><font color=\"#2196F3\">\u041f\u043e\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430 \u0437\u0430\u0434\u0430\u0447\u0438<\/font><\/h1>\n<p>  \u041d\u0430\u0448\u0430 \u043e\u0441\u043d\u043e\u0432\u043d\u0430\u044f \u0437\u0430\u0434\u0430\u0447\u0430 \u2014 \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0443\u0434\u043e\u0431\u043d\u043e\u0435 \u0438 \u043f\u043e\u043d\u044f\u0442\u043d\u043e\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435, \u043a\u043e\u0442\u043e\u0440\u044b\u043c \u0431\u044b\u043b\u043e \u0431\u044b \u043f\u0440\u0438\u044f\u0442\u043d\u043e \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f. \u0412\u043c\u0435\u0441\u0442\u0435 \u0441 \u0442\u0435\u043c, \u043f\u0435\u0440\u0435\u0445\u043e\u0434 \u043d\u0430 Material Design \u043f\u043e\u0437\u0432\u043e\u043b\u0438\u043b \u0431\u044b \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u0443\u043b\u0443\u0447\u0448\u0438\u0442\u044c \u0438 \u043f\u0440\u043e\u0446\u0435\u0441\u0441 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438. \u0422\u043e \u0435\u0441\u0442\u044c, \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0441\u0442\u044b \u0438 \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u044b \u043c\u0435\u043d\u044c\u0448\u0435 \u0431\u0443\u0434\u0443\u0442 \u043e\u0442\u0432\u043b\u0435\u043a\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u00ab\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u00bb, \u0431\u043e\u043b\u044c\u0448\u0435 \u2014 \u043d\u0430 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0435. <\/p>\n<p>  \u0415\u0434\u0438\u043d\u044b\u0439 \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u044b\u0439 \u044f\u0437\u044b\u043a, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0430\u043b\u0438 \u0432 Google, \u043f\u043e\u0437\u0432\u043e\u043b\u0438\u043b \u043c\u0435\u043d\u044c\u0448\u0435 \u0437\u0430\u0434\u0443\u043c\u044b\u0432\u0430\u0442\u044c\u0441\u044f \u043e \u0442\u043e\u043c, \u00ab\u0447\u0442\u043e \u0434\u0435\u043b\u0430\u0442\u044c\u00bb, \u0441\u043e\u0441\u0440\u0435\u0434\u043e\u0442\u043e\u0447\u0438\u0432\u0448\u0438\u0441\u044c \u043d\u0430 \u0432\u043e\u043f\u0440\u043e\u0441\u0435 \u00ab\u043a\u0430\u043a \u0434\u0435\u043b\u0430\u0442\u044c\u00bb. \u0418 \u0435\u0441\u043b\u0438 \u043f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0430\u044f \u043f\u043e\u043f\u044b\u0442\u043a\u0430 (Holo) \u043d\u0435 \u043e\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u043b\u0430 \u043a\u0430\u043b\u044c\u043a\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u043e\u0432 \u0441 iOS \u0438\u043b\u0438 \u043f\u0440\u0438\u0434\u0443\u043c\u044b\u0432\u0430\u043d\u0438\u0435 \u0432\u0435\u043b\u043e\u0441\u0438\u043f\u0435\u0434\u043e\u0432, \u0442\u043e \u043d\u043e\u0432\u0430\u044f \u0441\u0438\u0441\u0442\u0435\u043c\u0430 (MD) \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u043f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e \u00ab\u0443\u0431\u0438\u043b\u0430\u00bb \u0437\u043e\u043e\u043f\u0430\u0440\u043a \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u0441\u043a\u0438\u0445 \u0438\u0437\u044b\u0441\u043a\u043e\u0432. \u041f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u043d\u0435 \u0441\u0442\u0430\u043b\u0438 \u0441\u043a\u0443\u0447\u043d\u0435\u0435 \u0438\u043b\u0438 \u043e\u0434\u043d\u043e\u043e\u0431\u0440\u0430\u0437\u043d\u0435\u0435, \u043d\u043e \u0441\u0442\u0430\u043b\u0438 \u0435\u0434\u0438\u043d\u043e\u043e\u0431\u0440\u0430\u0437\u043d\u0435\u0435: MD \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u043a\u0440\u0430\u0439\u043d\u0435 \u0441\u0432\u043e\u0431\u043e\u0434\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0438\u043c\u0435\u044e\u0449\u0438\u0435\u0441\u044f \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b \u0438 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438 \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u044f\u0437\u044b\u043a\u0430, \u0432\u043c\u0435\u0441\u0442\u0435 \u0441 \u0442\u0435\u043c \u0441\u043e\u0445\u0440\u0430\u043d\u044f\u044f \u043f\u0440\u0435\u0435\u043c\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u044c \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u043e\u0432, \u0447\u0442\u043e \u0443\u0434\u043e\u0431\u043d\u043e \u0438 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f\u043c, \u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430\u043c. \u041a\u043e\u0433\u0434\u0430 \u0432\u0441\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0440\u0430\u0431\u043e\u0442\u0430\u044e\u0442 \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u043e \u0438 \u0440\u0430\u0437\u043b\u0438\u0447\u043d\u044b\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430 \u0432 \u043d\u0438\u0445 \u0440\u0430\u0431\u043e\u0442\u0430\u044e\u0442 \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u043e, \u0432\u0430\u043c \u043d\u0435 \u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f \u043f\u0440\u0438\u0432\u044b\u043a\u0430\u0442\u044c \u043a \u043d\u043e\u0432\u044b\u043c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f\u043c. \u0411\u0435\u0440\u0451\u0442\u0435 \u0438 \u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0435\u0441\u044c. <\/p>\n<p>  \u041f\u0440\u043e\u0441\u0442\u043e\u0442\u0430, \u0443\u0434\u043e\u0431\u0441\u0442\u0432\u043e \u0434\u043b\u044f \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u0438 \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u044c \u2014 \u0432\u043e\u0442 \u043a\u043b\u044e\u0447\u0435\u0432\u044b\u0435 \u043f\u043e\u043d\u044f\u0442\u0438\u044f, \u043e\u0442 \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u043c\u044b \u043e\u0442\u0442\u0430\u043b\u043a\u0438\u0432\u0430\u043b\u0438\u0441\u044c \u0432 \u0440\u0430\u0431\u043e\u0442\u0435 \u043d\u0430\u0434 \u043d\u043e\u0432\u044b\u043c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435\u043c. <\/p>\n<h1><font color=\"#2196F3\">\u0418\u043c\u0435\u044e\u0449\u0438\u0435\u0441\u044f \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b<\/font><\/h1>\n<p>  \u041e\u0431\u0449\u0438\u0435 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u0434\u043b\u044f \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043f\u043e\u0447\u0442\u0438 \u0432\u0441\u0435\u0433\u0434\u0430 \u043e\u0434\u043d\u0438 \u0438 \u0442\u0435 \u0436\u0435:  <\/p>\n<ol>\n<li>\u041f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0441\u0442\u044b \u043d\u0435 \u0432\u0441\u0435\u0433\u0434\u0430 \u0432\u043d\u0438\u043c\u0430\u0442\u0435\u043b\u044c\u043d\u043e \u043e\u0442\u043d\u043e\u0441\u044f\u0442\u0441\u044f \u043a \u043c\u0430\u043a\u0435\u0442\u0430\u043c;  <\/li>\n<li>\u0414\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u044b \u0441\u043b\u0430\u0431\u043e \u043e\u0441\u0432\u0435\u0434\u043e\u043c\u043b\u0435\u043d\u044b \u043e \u0442\u043e\u043c, \u043d\u0430\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0442\u0440\u0443\u0434\u043e\u0437\u0430\u0442\u0440\u0430\u0442\u043d\u0430 \u0434\u043b\u044f \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0441\u0442\u0430 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u0442\u043e\u0433\u043e \u0438\u043b\u0438 \u0438\u043d\u043e\u0433\u043e \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u0430 \u0432\u0435\u0440\u0441\u0442\u043a\u0438;   <\/li>\n<li>\u0418\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0432 \u043e\u0434\u043d\u043e\u0439 \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0435 (layout) \u043d\u0435 \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u0443\u044e\u0442\u0441\u044f \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u043e\u043c \u043d\u0430 \u0434\u0440\u0443\u0433\u0438\u0435.  <\/li>\n<\/ol>\n<p>  \u0412 \u043a\u043e\u0440\u043d\u0435 \u044d\u0442\u0438\u0445 \u00ab\u043e\u0431\u0449\u0438\u0445\u00bb \u043f\u0440\u043e\u0431\u043b\u0435\u043c \u043b\u0435\u0436\u0430\u0442 \u0432\u043f\u043e\u043b\u043d\u0435 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u0430\u044f \u0431\u0435\u0434\u0430, \u043a\u043e\u0442\u043e\u0440\u0443\u044e, \u0443\u0432\u044b, \u043e\u0447\u0435\u043d\u044c \u0442\u044f\u0436\u0435\u043b\u043e \u0443\u043b\u0430\u0434\u0438\u0442\u044c. \u0414\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u044b \u0438 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0441\u0442\u044b \u0433\u043e\u0432\u043e\u0440\u044f\u0442 \u043d\u0430 \u0441\u0432\u043e\u0438\u0445 \u044f\u0437\u044b\u043a\u0430\u0445 \u0438 \u043d\u0435 \u043f\u043e\u043d\u0438\u043c\u0430\u044e\u0442 \u0434\u0440\u0443\u0433 \u0434\u0440\u0443\u0433\u0430. \u0412 \u0447\u0451\u043c \u0437\u0430\u043a\u043b\u044e\u0447\u0430\u0435\u0442\u0441\u044f \u043d\u0435\u0434\u043e\u043f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u0435?  <\/p>\n<ul>\n<li>\u041f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0441\u0442 \u043d\u0435 \u043c\u043e\u0436\u0435\u0442 \u0441\u043c\u043e\u0434\u0435\u043b\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043c\u044b\u0448\u043b\u0435\u043d\u0438\u0435 \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u0430, \u0438\u0437-\u0437\u0430 \u0447\u0435\u0433\u043e \u043d\u0435 \u043c\u043e\u0436\u0435\u0442 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u044c \u043e\u0442 \u0447\u0435\u0433\u043e \u0435\u043c\u0443 \u043e\u0442\u0442\u0430\u043b\u043a\u0438\u0432\u0430\u0442\u044c\u0441\u044f \u0432 \u0432\u0435\u0440\u0441\u0442\u043a\u0435;   <\/li>\n<li>\u0414\u0438\u0437\u0430\u0439\u043d\u0435\u0440 \u043d\u0435 \u0437\u043d\u0430\u0435\u0442, \u043a\u0430\u043a\u0443\u044e \u0438\u043c\u0435\u043d\u043d\u043e \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044e \u0432\u044b\u0434\u0430\u0432\u0430\u0442\u044c \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0441\u0442\u0443 \u0434\u043b\u044f \u0442\u043e\u0433\u043e, \u0447\u0442\u043e\u0431\u044b \u0442\u043e\u0442 \u0441\u0432\u0435\u0440\u0441\u0442\u0430\u043b \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u0443\u0435\u043c\u043e \u0438 \u0441 \u0442\u043e\u0447\u043d\u044b\u043c \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0438\u0435\u043c \u043c\u0430\u043a\u0435\u0442\u0443.  <\/li>\n<\/ul>\n<p>  \u0420\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u0447\u0430\u0441\u0442\u043d\u044b\u0439 \u0441\u043b\u0443\u0447\u0430\u0439 \u0442\u0438\u043f\u0438\u0447\u043d\u043e\u0433\u043e \u0440\u0430\u0431\u043e\u0447\u0435\u0433\u043e \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0430:   <\/p>\n<blockquote><p>\u041d\u0430 \u043c\u0430\u043a\u0435\u0442\u0430\u0445 \u044d\u043a\u0440\u0430\u043d\u043e\u0432 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u0443 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u043e\u0442\u043c\u0435\u0442\u0438\u0442\u044c \u0440\u0430\u0437\u043c\u0435\u0440\u044b \u0438 \u0446\u0432\u0435\u0442 \u0442\u0435\u043a\u0441\u0442\u0430, \u0448\u0438\u0440\u0438\u043d\u0443 \u0438 \u0432\u044b\u0441\u043e\u0442\u0443 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432. \u041f\u0440\u0438 \u043d\u0443\u043b\u0435\u0432\u043e\u0439 \u043a\u043e\u043c\u043c\u0443\u043d\u0438\u043a\u0430\u0446\u0438\u0438 (\u0438, \u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u043d\u043e, \u043d\u0443\u043b\u0435\u0432\u043e\u043c \u043f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u0438 \u043f\u043e\u0442\u0440\u0435\u0431\u043d\u043e\u0441\u0442\u0435\u0439 \u0438 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0435\u0439 \u0434\u0440\u0443\u0433 \u0434\u0440\u0443\u0433\u0430) \u0437\u0430\u0434\u0430\u0447\u0430 \u0440\u0435\u0448\u0430\u0435\u0442\u0441\u044f \u0432 \u043b\u043e\u0431: \u043d\u0430 \u043c\u0430\u043a\u0435\u0442\u0430\u0445 \u0437\u0430\u0448\u0438\u0432\u0430\u044e\u0442\u0441\u044f \u043d\u0435\u043f\u043e\u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u2014 \u0440\u0430\u0437\u043c\u0435\u0440, \u0446\u0432\u0435\u0442.<\/p>\n<p>  \u0414\u0430\u043b\u0435\u0435, \u0438\u0441\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c \u0432\u0435\u0440\u0441\u0442\u043a\u0438 \u043b\u0438\u0431\u043e \u0436\u0435\u0441\u0442\u043a\u043e \u0437\u0430\u0431\u0438\u0432\u0430\u0435\u0442 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u0432 \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0443, \u043b\u0438\u0431\u043e \u0437\u0430\u0432\u043e\u0434\u0438\u0442 \u043d\u043e\u0432\u044b\u0439 \u0440\u0435\u0441\u0443\u0440\u0441 (size, color), \u043b\u0438\u0431\u043e \u043f\u044b\u0442\u0430\u0435\u0442\u0441\u044f \u043f\u043e \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044e \u043e\u0442\u044b\u0441\u043a\u0430\u0442\u044c \u0443\u0436\u0435 \u0438\u043c\u0435\u044e\u0449\u0438\u0439\u0441\u044f \u0440\u0435\u0441\u0443\u0440\u0441. <\/p>\n<p>  \u0416\u0435\u0441\u0442\u043a\u043e\u0435 \u0437\u0430\u0448\u0438\u0432\u0430\u043d\u0438\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0439 \u0432 \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0443 \u043b\u0438\u0431\u043e \u043d\u0435\u0441\u0438\u0441\u0442\u0435\u043c\u0430\u0442\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u0435 \u0437\u0430\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u0440\u0435\u0441\u0443\u0440\u0441\u043e\u0432 \u0432\u043b\u0435\u043a\u0443\u0442 \u0437\u0430 \u0441\u043e\u0431\u043e\u0439 \u043d\u0435\u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u043f\u043e\u0432\u0442\u043e\u0440\u043d\u043e\u0433\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u043e\u0434\u043d\u0438\u0445 \u0438 \u0442\u0435\u0445 \u0436\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0439: \u043d\u0430\u0440\u0443\u0448\u0430\u0435\u0442\u0441\u044f \u0438 \u043f\u0440\u0438\u043d\u0446\u0438\u043f <a href=\"https:\/\/en.wikipedia.org\/wiki\/Don%27t_repeat_yourself\">DRY<\/a>, \u0438 \u0432\u043e\u043e\u0431\u0449\u0435 \u0441\u0430\u043c\u0430 \u043b\u043e\u0433\u0438\u043a\u0430 \u0440\u0430\u0437\u0434\u0435\u043b\u0435\u043d\u0438\u044f \u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u0438 \u0438 \u0435\u0451 \u0441\u0442\u0438\u043b\u0435\u0439. \u0420\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u043d\u0430\u0434 \u0442\u0430\u043a\u0438\u043c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435\u043c \u043f\u0440\u0438\u043c\u0435\u0440\u043d\u043e \u0442\u0430\u043a\u0436\u0435 \u00ab\u043f\u0440\u0438\u044f\u0442\u043d\u043e\u00bb, \u043a\u0430\u043a \u043d\u0430\u0434 \u0432\u0435\u0431-\u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435\u0439, \u043d\u0430 \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u043f\u043e\u043b\u043e\u0432\u0438\u043d\u0430 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0439 \u0441\u0442\u0438\u043b\u0435\u0439 \u0443\u043a\u0430\u0437\u0430\u043d\u0430 \u043f\u0440\u044f\u043c\u043e \u0432\u043d\u0443\u0442\u0440\u0438 div\u2019\u043e\u0432. <br \/>  \u0415\u0441\u043b\u0438 \u0432\u0441\u0442\u0430\u0435\u0442 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u044c \u0438\u0437\u043c\u0435\u043d\u0438\u0442\u044c \u0446\u0432\u0435\u0442 \u0442\u0435\u043a\u0441\u0442\u0430 \u043d\u0430 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0445 \u044f\u0447\u0435\u0439\u043a\u0430\u0445, \u0442\u043e \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u043f\u0440\u043e\u0439\u0442\u0438\u0441\u044c \u043f\u043e \u043a\u0430\u0436\u0434\u043e\u0439 \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0435 (\u043f\u0440\u0438 \u044d\u0442\u043e\u043c \u0435\u0441\u0442\u044c \u043d\u0435\u043d\u0443\u043b\u0435\u0432\u0430\u044f \u0432\u0435\u0440\u043e\u044f\u0442\u043d\u043e\u0441\u0442\u044c \u043f\u0440\u043e\u043f\u0443\u0441\u0442\u0438\u0442\u044c \u043a\u0430\u043a\u043e\u0439-\u043b\u0438\u0431\u043e \u0444\u0430\u0439\u043b). \u0421\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u0438 \u0432\u043e\u0437\u0440\u0430\u0441\u0442\u0430\u0435\u0442 \u043c\u043d\u043e\u0433\u043e\u043a\u0440\u0430\u0442\u043d\u043e \u043f\u0440\u0438 \u044d\u043a\u0441\u043f\u0435\u0440\u0438\u043c\u0435\u043d\u0442\u0430\u0445 \u00ab\u041f\u043e\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u043d\u043e \u043f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0446\u0432\u0435\u0442\u043e\u0432\/\u043e\u0442\u0441\u0442\u0443\u043f\u043e\u0432\u00bb. <\/p>\n<p>  \u041d\u0430\u043a\u043e\u043d\u0435\u0446, \u0435\u0441\u043b\u0438 \u043f\u0441\u0435\u0432\u0434\u043e\u043d\u0438\u043c \u0437\u0430\u0432\u0435\u0434\u0435\u043d \u0434\u043b\u044f \u0440\u0435\u0441\u0443\u0440\u0441\u0430 \u043d\u0435 \u0441\u0438\u0441\u0442\u0435\u043c\u043d\u044b\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c, \u0442\u043e, \u0441\u043a\u043e\u0440\u0435\u0435 \u0432\u0441\u0435\u0433\u043e, \u0435\u0433\u043e \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u043d\u0435\u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u043e \u0434\u043b\u044f \u043d\u043e\u0432\u043e\u0433\u043e \u044d\u043a\u0440\u0430\u043d\u0430, \u0438 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0441\u0442 \u0432\u043c\u0435\u0441\u0442\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u0433\u043e\u0442\u043e\u0432\u043e\u0433\u043e \u0440\u0435\u0441\u0443\u0440\u0441\u0430 \u0441\u043e\u0437\u0434\u0430\u0441\u0442 \u043d\u043e\u0432\u0443\u044e \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044c.  <\/p><\/blockquote>\n<p>  \u0427\u0442\u043e\u0431\u044b \u0432\u0441\u0435\u0433\u043e \u044d\u0442\u043e\u0433\u043e \u0431\u0430\u0440\u0434\u0430\u043a\u0430 \u0438\u0437\u0431\u0435\u0436\u0430\u0442\u044c, \u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f \u043d\u0430\u043b\u0430\u0434\u0438\u0442\u044c \u0437\u0434\u043e\u0440\u043e\u0432\u0443\u044e \u0430\u0442\u043c\u043e\u0441\u0444\u0435\u0440\u0443 \u0432 \u0440\u0430\u0431\u043e\u0447\u0435\u043c \u043a\u043e\u043b\u043b\u0435\u043a\u0442\u0438\u0432\u0435:  <\/p>\n<ol>\n<li>\u041c\u0435\u0436\u0434\u0443 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0441\u0442\u0430\u043c\u0438 \u0438 \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u0430\u043c\u0438 \u0434\u043e\u043b\u0436\u043d\u0430 \u0431\u044b\u0442\u044c \u043d\u0430\u043b\u0430\u0436\u0435\u043d\u0430 \u043a\u043e\u043c\u043c\u0443\u043d\u0438\u043a\u0430\u0446\u0438\u044f: \u043e\u043d\u0438 \u0434\u043e\u043b\u0436\u043d\u044b \u043f\u043e\u043d\u0438\u043c\u0430\u0442\u044c \u0438 \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u0442\u044c \u043f\u043e\u0442\u0440\u0435\u0431\u043d\u043e\u0441\u0442\u0438 \u0438 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438 \u0434\u0440\u0443\u0433 \u0434\u0440\u0443\u0433\u0430;  <\/li>\n<li>\u0421\u043f\u0438\u0441\u043e\u043a \u0442\u0440\u0435\u0431\u0443\u0435\u043c\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445 \u0434\u043b\u044f \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043d\u0438\u044f \u0443\u043d\u0438\u0432\u0435\u0440\u0441\u0430\u043b\u044c\u043d\u043e\u0439 \u0438 \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u0443\u0435\u043c\u043e\u0439 \u0432\u0451\u0440\u0441\u0442\u043a\u0438 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0434\u043e\u043b\u0436\u0435\u043d \u0431\u044b\u0442\u044c \u0447\u0451\u0442\u043a\u043e \u0437\u0430\u043a\u0440\u0435\u043f\u043b\u0451\u043d: \u0442\u0430\u043a \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0441\u0442\u044b \u043f\u043e\u043b\u0443\u0447\u0430\u0442 \u0432\u0441\u0435 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u044b\u0435 \u0434\u043b\u044f \u043d\u0438\u0445 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f, \u0430 \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u044b \u0441\u043c\u043e\u0433\u0443\u0442 \u043e\u0442\u0442\u0430\u043b\u043a\u0438\u0432\u0430\u0442\u044c\u0441\u044f \u043e\u0442 \u0438\u043c\u0435\u044e\u0449\u0438\u0445\u0441\u044f \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0439 \u043f\u0440\u0438 \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043d\u0438\u0438 \u043d\u043e\u0432\u044b\u0445 \u044d\u043a\u0440\u0430\u043d\u043e\u0432.  <\/li>\n<\/ol>\n<h1><font color=\"#2196F3\">Doing it right way<\/font><\/h1>\n<p>  \u0421\u0432\u043e\u0435\u043e\u0431\u0440\u0430\u0437\u043d\u044b\u043c \u00ab\u043f\u0435\u0440\u0432\u044b\u043c \u043c\u043e\u0441\u0442\u0438\u043a\u043e\u043c\u00bb \u0432 \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043d\u0438\u0438 \u043a\u043e\u043c\u043c\u0443\u043d\u0438\u043a\u0430\u0446\u0438\u0438 \u043c\u0435\u0436\u0434\u0443 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0441\u0442\u0430\u043c\u0438 \u0438 \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u0430\u043c\u0438 \u0432\u044b\u0441\u0442\u0443\u043f\u0438\u043b\u0438 <a href=\"https:\/\/www.google.com\/design\/spec\/material-design\/introduction.html\">Google Material Guidelines<\/a>. \u0413\u0430\u0439\u0434\u043b\u0430\u0439\u043d\u044b \u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u0433\u0438\u0431\u043a\u0438, \u0447\u0442\u043e\u0431\u044b \u043d\u0435 \u0441\u0442\u0435\u0441\u043d\u044f\u0442\u044c \u0442\u0432\u043e\u0440\u0447\u0435\u0441\u043a\u0443\u044e \u043c\u044b\u0441\u043b\u044c \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u0430 \u0438 \u043e\u0434\u043d\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e \u043e\u043d\u0438 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u044e\u0442 \u0437\u0430\u043a\u043e\u043d\u043e\u043c\u0435\u0440\u043d\u043e\u0441\u0442\u0438, \u0443\u0434\u043e\u0431\u043d\u044b\u0435 \u0434\u043b\u044f \u043c\u043e\u0434\u0435\u043b\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0441\u0442\u043e\u043c. <\/p>\n<p>  \u0414\u043b\u044f \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u0443\u0435\u043c\u043e\u0439 \u0432\u0435\u0440\u0441\u0442\u043a\u0438 \u0432 OS Android \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u0442\u0430\u043a\u043e\u0439 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442 \u043a\u0430\u043a \u0441\u0442\u0438\u043b\u0438. \u0421\u0442\u0438\u043b\u0438 \u2014 \u044d\u0442\u043e \u043d\u0430\u0431\u043e\u0440 \u043f\u0430\u0440 \u00ab\u0430\u0442\u0440\u0438\u0431\u0443\u0442-\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435\u00bb. \u0417\u043d\u0430\u0447\u0435\u043d\u0438\u044f\u043c\u0438 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u043e\u0432 \u043c\u043e\u0433\u0443\u0442 \u0432\u044b\u0441\u0442\u0443\u043f\u0430\u0442\u044c \u0446\u0432\u0435\u0442\u0430, ColorStateList, Drawable, \u0442\u0435\u043a\u0441\u0442, \u0440\u0430\u0437\u043c\u0435\u0440\u044b \u0438 \u0434\u0440\u0443\u0433\u0438\u0435 \u0441\u0442\u0438\u043b\u0438.<\/p>\n<p>  \u041f\u0440\u0438 \u0438\u0441\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u0438 \u0440\u0435\u0441\u0443\u0440\u0441\u043e\u0432 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0445 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c \u0438 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 AppCompat \u043c\u043e\u0436\u043d\u043e \u043e\u0431\u043d\u0430\u0440\u0443\u0436\u0438\u0442\u044c, \u0447\u0442\u043e \u0441\u0442\u0438\u043b\u0438 \u0434\u0435\u043b\u044f\u0442\u0441\u044f \u043d\u0430 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435 \u0433\u0440\u0443\u043f\u043f\u044b:  <\/p>\n<ul>\n<li>TextAppearance \u2014 \u0432\u043d\u0435\u0448\u043d\u0438\u0439 \u0432\u0438\u0434 \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u043e\u0433\u043e \u043f\u043e\u043b\u044f. \u041e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u044e\u0442 \u0446\u0432\u0435\u0442\u0430 \u0442\u0435\u043a\u0441\u0442\u0430 \u0438 \u0441\u0441\u044b\u043b\u043e\u043a, \u043f\u043e\u0434\u0441\u043a\u0430\u0437\u043e\u043a \u0432 \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u043e\u043c \u043f\u043e\u043b\u0435, \u0444\u043e\u043d \u0432\u044b\u0434\u0435\u043b\u0435\u043d\u043d\u043e\u0433\u043e \u0442\u0435\u043a\u0441\u0442\u0430, \u0441\u0442\u0438\u043b\u044c \u0438 \u0433\u0430\u0440\u043d\u0438\u0442\u0443\u0440\u0443 \u0448\u0440\u0438\u0444\u0442\u0430;  <\/li>\n<li>Widget-\u0441\u0442\u0438\u043b\u044c \u2014 \u0441\u0442\u0438\u043b\u044c View. \u041e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u044e\u0442 \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0434\u043b\u044f \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e\u0433\u043e \u0432\u0438\u0434\u0436\u0435\u0442\u0430 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u044b (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, progressDrawable \u0434\u043b\u044f ProgressBar), \u0432\u0438\u0434\u0436\u0435\u0442-\u0441\u0442\u0438\u043b\u0438 TextView \u0438 \u0435\u0433\u043e \u043d\u0430\u0441\u043b\u0435\u0434\u043d\u0438\u043a\u043e\u0432 \u043c\u043e\u0433\u0443\u0442 \u0443\u043a\u0430\u0437\u044b\u0432\u0430\u0442\u044c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u044b\u0439 TextAppearance;  <\/li>\n<li>Theme \u2014 \u0442\u0435\u043c\u0430. \u0422\u0435\u043c\u044b \u2014 \u044d\u0442\u043e \u0441\u0432\u043e\u0435\u0433\u043e \u0440\u043e\u0434\u0430 \u00ab\u0441\u0442\u0438\u043b\u0438 \u0441\u0442\u0438\u043b\u0435\u0439\u00bb, \u0441\u0442\u0438\u043b\u0438 \u0430\u043a\u0442\u0438\u0432\u0438\u0442\u0438; \u041e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u044e\u0442 \u043a\u043b\u044e\u0447\u0435\u0432\u044b\u0435 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u044b, \u0445\u0430\u0440\u0430\u043a\u0442\u0435\u0440\u043d\u044b\u0435 \u0434\u043b\u044f \u0434\u0430\u043d\u043d\u043e\u0433\u043e \u044d\u043a\u0440\u0430\u043d\u0430, \u0441\u0442\u0438\u043b\u0438 \u0432\u0438\u0434\u0436\u0435\u0442\u043e\u0432. \u0413\u0440\u0430\u043c\u043e\u0442\u043d\u043e \u0441\u043e\u0441\u0442\u0430\u0432\u0438\u0432 \u0442\u0435\u043c\u0443, \u043c\u044b \u0438\u0437\u0431\u0435\u0436\u0438\u043c \u043f\u0440\u044f\u043c\u044b\u0445 \u0441\u0441\u044b\u043b\u043e\u043a \u043d\u0430 \u0446\u0432\u0435\u0442\u0430 \u0438 \u0441\u0442\u0438\u043b\u0438 \u0432\u0438\u0434\u0436\u0435\u0442\u043e\u0432 \u0432\u043d\u0443\u0442\u0440\u0438 \u0440\u0430\u0437\u043c\u0435\u0442\u043e\u043a (layout), \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u043c \u0435\u0434\u0438\u043d\u043e\u043e\u0431\u0440\u0430\u0437\u043d\u044b\u0439 \u0432\u043d\u0435\u0448\u043d\u0438\u0439 \u0432\u0438\u0434 \u0434\u043b\u044f View \u0432 \u0440\u0430\u043c\u043a\u0430\u0445 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f;  <\/li>\n<li>ThemeOverlay \u2014 \u0437\u0430\u043d\u0438\u043c\u0430\u044e\u0442 \u043f\u0440\u043e\u043c\u0435\u0436\u0443\u0442\u043e\u0447\u043d\u043e\u0435 \u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043c\u0435\u0436\u0434\u0443 \u0432\u0438\u0434\u0436\u0435\u0442-\u0441\u0442\u0438\u043b\u044f\u043c\u0438 \u0438 \u0442\u0435\u043c\u0430\u043c\u0438. \u0415\u0441\u043b\u0438 \u043e\u0431\u044b\u0447\u043d\u044b\u0439 \u0432\u0438\u0434\u0436\u0435\u0442-\u0441\u0442\u0438\u043b\u044c \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u0435\u0442\u0441\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u043a \u043e\u0434\u043d\u043e\u043c\u0443 View, \u0442\u0435\u043c\u0430 \u2014 \u043a\u043e \u0432\u0441\u0435\u043c View \u0432 \u043f\u0440\u0435\u0434\u0435\u043b\u0430\u0445 \u044d\u043a\u0440\u0430\u043d\u0430, \u0442\u043e ThemeOverlay \u043f\u0440\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u044e\u0442 \u043d\u0430 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u044b\u0439 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 (ViewGroup) \u0432 \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0435. \u0412 \u0434\u0430\u043b\u044c\u043d\u0435\u0439\u0448\u0435\u043c \u043c\u044b \u043f\u043e\u043a\u0430\u0436\u0435\u043c, \u0433\u0434\u0435 \u0438\u043c\u0435\u043d\u043d\u043e \u043e\u043d \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u0435\u0442\u0441\u044f \u0438 \u043a\u0430\u043a.  <\/li>\n<\/ul>\n<p>  \u0412 \u043d\u0430\u0448\u0435\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u043d\u043e\u0440\u043c\u0430\u043b\u044c\u043d\u043e \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u044b\u0439 \u0440\u0430\u0431\u043e\u0447\u0438\u0439 \u043f\u0440\u043e\u0446\u0435\u0441\u0441 \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u0442\u0430\u043a:   <\/p>\n<ol>\n<li>\u041f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0441\u0442\u044b \u0438 \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u044b, \u043e\u0441\u043d\u043e\u0432\u044b\u0432\u0430\u044f\u0441\u044c \u043d\u0430 Google Material Guidelines, \u0444\u043e\u0440\u043c\u0438\u0440\u0443\u044e\u0442 \u0435\u0434\u0438\u043d\u044b\u0435 \u0442\u0430\u0431\u043b\u0438\u0446\u044b \u0440\u0435\u0441\u0443\u0440\u0441\u043e\u0432 (\u0434\u0430\u043b\u0435\u0435 \u0432 \u0441\u0442\u0430\u0442\u044c\u0435 \u0432\u044b \u0438\u0445 \u0443\u0432\u0438\u0434\u0438\u0442\u0435);   <\/li>\n<li>\u041a\u0430\u0436\u0434\u043e\u043c\u0443 \u0440\u0435\u0441\u0443\u0440\u0441\u0443 (\u0440\u0430\u0437\u043c\u0435\u0440\u0443, \u0441\u0442\u0438\u043b\u044e, \u0446\u0432\u0435\u0442\u0443) \u043f\u0440\u0438\u0441\u0432\u0430\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u043f\u0441\u0435\u0432\u0434\u043e\u043d\u0438\u043c;  <\/li>\n<li>\u0414\u0438\u0437\u0430\u0439\u043d\u0435\u0440 \u0432 \u043c\u0430\u043a\u0435\u0442\u0435 \u0443\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u0438\u043c\u0435\u043d\u043d\u043e \u043f\u0441\u0435\u0432\u0434\u043e\u043d\u0438\u043c. \u041f\u043e \u044d\u0442\u043e\u043c\u0443 \u043f\u0441\u0435\u0432\u0434\u043e\u043d\u0438\u043c\u0443 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0441\u0442 \u043d\u0430\u0445\u043e\u0434\u0438\u0442 \u0440\u0435\u0441\u0443\u0440\u0441 (\u0440\u0430\u0437\u043c\u0435\u0440, \u0441\u0442\u0438\u043b\u044c) \u0438 \u0443\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u0435\u0433\u043e \u0432 \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0435.  <\/li>\n<\/ol>\n<h1><font color=\"#2196F3\">\u0421\u0432\u043e\u0439\u0441\u0442\u0432\u0430 \u0441\u0442\u0438\u043b\u0435\u0439<\/font><\/h1>\n<p>  \u041f\u0440\u0435\u0436\u0434\u0435 \u0447\u0435\u043c \u043c\u044b \u0437\u0430\u0439\u043c\u0435\u043c\u0441\u044f \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u043e\u0439 \u0441\u0442\u0438\u043b\u0435\u0439, \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430 \u044d\u0442\u043e\u0433\u043e \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0430 \u043f\u043e\u0431\u043b\u0438\u0436\u0435 \u2014 \u0447\u0442\u043e\u0431\u044b \u0432\u043e\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u0438\u043c \u0441 \u043c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u043e\u0439 \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u044c\u044e.<\/p>\n<h4><font color=\"#E64A19\">\u041d\u0430\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u0435 \u0441\u0442\u0438\u043b\u0435\u0439<\/font><\/h4>\n<p>  \u0421\u0442\u0438\u043b\u0438 \u043c\u043e\u0433\u0443\u0442 \u043d\u0430\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u0434\u0440\u0443\u0433 \u043e\u0442 \u0434\u0440\u0443\u0433\u0430 \u0434\u0432\u0443\u043c\u044f \u0441\u043f\u043e\u0441\u043e\u0431\u0430\u043c\u0438. \u0412\u043e\u0442 \u043f\u0435\u0440\u0432\u044b\u0439:  <\/p>\n<pre><code class=\"xml\">&lt;style name=&quot;Theme&quot;&gt;    &lt;item name=&quot;android:isLightTheme&quot;&gt;false&lt;\/item&gt;    &lt;item name=&quot;android:colorBackground&quot;&gt;@color\/bright_foreground_dark&lt;\/item&gt; &lt;\/style&gt;  &lt;style name=&quot;Theme.Material&quot;&gt;    &lt;item name=&quot;android:colorBackground&quot;&gt;@color\/foreground_material_dark&lt;\/item&gt; &lt;\/style&gt;<\/code><\/pre>\n<p>  Theme.Material \u0432 \u0442\u0430\u043a\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u0443\u043d\u0430\u0441\u043b\u0435\u0434\u0443\u0435\u0442 \u0443 \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0439 \u0442\u0435\u043c\u044b Theme \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u0430 isLightTheme \u0438 \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 colorBackground.<\/p>\n<p>  \u0412\u0442\u043e\u0440\u043e\u0439 \u0441\u043f\u043e\u0441\u043e\u0431 \u2014 \u0443\u043a\u0430\u0437\u0430\u0442\u044c \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044f \u044f\u0432\u043d\u043e.<\/p>\n<pre><code class=\"xml\">&lt;style name=&quot;Theme.Material&quot;&gt;    &lt;item name=&quot;android:isLightTheme&quot;&gt;false&lt;\/item&gt; &lt;\/style&gt;  &lt;style name=&quot;Theme.AppCompat.Light.NoActionBar&quot;&gt;    &lt;item name=&quot;android:isLightTheme&quot;&gt;true&lt;\/item&gt; &lt;\/style&gt;  &lt;style name=&quot;Theme.Material.Sbrf&quot; parent=&quot;Theme.AppCompat.Light.NoActionBar&quot;&gt; &lt;\/style&gt;<\/code><\/pre>\n<p>  \u0412 \u0442\u0430\u043a\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 Theme.Material.Sbrf \u0443\u043d\u0430\u0441\u043b\u0435\u0434\u0443\u0435\u0442 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u0430 isLightTheme \u0443 Theme.AppCompat.Light.NoActionBar.<\/p>\n<h4><font color=\"#E64A19\">\u0421\u0441\u044b\u043b\u043a\u0438 \u043d\u0430 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u043e\u0432<\/font><\/h4>\n<p>  \u0421\u0442\u0438\u043b\u0438 \u043d\u0438\u0437\u043a\u043e\u0433\u043e \u0443\u0440\u043e\u0432\u043d\u044f (TextAppearance \u0438 Widget-\u0441\u0442\u0438\u043b\u0438) \u043c\u043e\u0433\u0443\u0442 \u0441\u0441\u044b\u043b\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u0430, \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d\u043d\u043e\u0433\u043e \u0442\u0435\u043c\u043e\u0439.   <\/p>\n<blockquote><p>\u0414\u043e\u043f\u0443\u0441\u0442\u0438\u043c, \u0432 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438 \u0435\u0441\u0442\u044c 2 \u0442\u0435\u043c\u044b: \u043a\u0440\u0430\u0441\u043d\u0430\u044f \u0438 \u0436\u0435\u043b\u0442\u0430\u044f. \u041d\u0430\u043c \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e, \u0447\u0442\u043e\u0431\u044b \u043d\u0430 \u044d\u043a\u0440\u0430\u043d\u0430\u0445 \u0441 \u0436\u0435\u043b\u0442\u043e\u0439 \u0442\u0435\u043c\u043e\u0439 \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0439 TextAppearance \u0437\u0430\u0434\u0430\u0432\u0430\u043b \u0441\u0432\u043e\u0438\u043c TextView \u0436\u0435\u043b\u0442\u044b\u0439 \u0431\u044d\u043a\u0433\u0440\u0430\u0443\u043d\u0434, \u0430 \u043d\u0430 \u044d\u043a\u0440\u0430\u043d\u0430\u0445 \u0441 \u043a\u0440\u0430\u0441\u043d\u043e\u0439 \u0442\u0435\u043c\u043e\u0439 \u2014 \u043a\u0440\u0430\u0441\u043d\u044b\u0439 \u0431\u044d\u043a\u0433\u0440\u0430\u0443\u043d\u0434.  <\/p><\/blockquote>\n<p>  <\/p>\n<pre><code class=\"xml\">&lt;style name=&quot;TextAppearance.Example&quot; parent=&quot;TextAppearance.AppCompat.Title&quot;&gt;    &lt;item name=&quot;android:textColor&quot;&gt;?attr\/colorPrimary&lt;\/item&gt; &lt;\/style&gt;     &lt;style name=&quot;Theme.Example&quot; parent=&quot;Theme.AppCompat.Light.NoActionBar&quot;&gt;    &lt;\/style&gt;     &lt;style name=&quot;Theme.Example.Red&quot;&gt;        &lt;item name=&quot;colorPrimary&quot;&gt;@color\/color_primary_red&lt;\/item&gt;        &lt;item name=&quot;colorPrimaryDark&quot;&gt;@color\/color_primary_red_dark&lt;\/item&gt;    &lt;\/style&gt;     &lt;style name=&quot;Theme.Example.Yellow&quot;&gt;        &lt;item name=&quot;colorPrimary&quot;&gt;@color\/color_primary_yellow&lt;\/item&gt;        &lt;item name=&quot;colorPrimaryDark&quot;&gt;@color\/color_primary_yellow_dark&lt;\/item&gt;    &lt;\/style&gt;<\/code><\/pre>\n<blockquote><p>\u041f\u0443\u0441\u0442\u044c TextAppearance.Example \u043f\u0440\u043e\u0441\u0442\u0430\u0432\u043b\u0435\u043d \u043d\u0430 \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0439 TextView.   <\/p><\/blockquote>\n<p>  <\/p>\n<pre><code class=\"xml\">&lt;TextView    android:layout_width=&quot;wrap_content&quot;    android:layout_height=&quot;wrap_content&quot;    android:layout_gravity=&quot;center&quot;    android:textAppearance=&quot;@style\/TextAppearance.Example&quot;    android:text=&quot;Test Text&quot;\/&gt;<\/code><\/pre>\n<blockquote><p>\u0422\u043e\u0433\u0434\u0430 \u043f\u0440\u0438 \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u0438 TextAppearance \u0434\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u0432\u0438\u0434\u0436\u0435\u0442\u0430 \u0410\u043d\u0434\u0440\u043e\u0438\u0434 \u043f\u043e\u0434\u0441\u0442\u0430\u0432\u0438\u0442 \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f textColor \u0438\u043c\u0435\u043d\u043d\u043e \u0442\u043e \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 colorPrimary, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u043f\u0440\u043e\u043f\u0438\u0441\u0430\u043d\u043e \u0432 \u0434\u0430\u043d\u043d\u043e\u0439 \u0442\u0435\u043c\u0435.  <\/p><\/blockquote>\n<div style=\"text-align:center;\"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/4e8\/866\/5da\/4e88665dadd4c066a65cb131452ccb40.png\" \/><\/div>\n<h1><font color=\"#2196F3\">\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430 \u0441\u0442\u0438\u043b\u0435\u0439 \u0438 \u0442\u0435\u043c<\/font><\/h1>\n<p>  <\/p>\n<h4><font color=\"#E64A19\">\u041e\u0441\u043d\u043e\u0432\u043d\u044b\u0435 \u0446\u0432\u0435\u0442\u0430 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f<\/font><\/h4>\n<p>  \u0420\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u044b, \u0443\u043a\u0430\u0437\u044b\u0432\u0430\u044e\u0449\u0438\u0435 \u043e\u0441\u043d\u043e\u0432\u043d\u044b\u0435 \u0446\u0432\u0435\u0442\u0430 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f.<\/p>\n<table>\n<tr>\n<td><b>\u0410\u0442\u0440\u0438\u0431\u0443\u0442<\/b>  <\/td>\n<td><b>\u041d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435<\/b>  <\/td>\n<\/tr>\n<tr>\n<td>colorPrimary  <\/td>\n<td>\u0413\u043b\u0430\u0432\u043d\u044b\u0439 \u0446\u0432\u0435\u0442 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f. \u041e\u0431\u044b\u0447\u043d\u043e \u0432 \u043d\u0435\u0433\u043e \u043a\u0440\u0430\u0441\u044f\u0442 AppBar  <\/td>\n<\/tr>\n<tr>\n<td>colorPrimaryDark  <\/td>\n<td>\u0411\u043e\u043b\u0435\u0435 \u0442\u0435\u043c\u043d\u0430\u044f \u0432\u0435\u0440\u0441\u0438\u044f \u0433\u043b\u0430\u0432\u043d\u043e\u0433\u043e \u0446\u0432\u0435\u0442\u0430 \u2014 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u0434\u043b\u044f \u0441\u0442\u0430\u0442\u0443\u0441-\u0431\u0430\u0440\u0430  <\/td>\n<\/tr>\n<tr>\n<td>colorAccent  <\/td>\n<td>\u0410\u043a\u0446\u0435\u043d\u0442\u043d\u044b\u0439 \u0446\u0432\u0435\u0442 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f. \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u043a\u043e\u0441\u0432\u0435\u043d\u043d\u044b\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c \u0434\u043b\u044f \u043a\u043d\u043e\u043f\u043e\u043a, SeekBar, ProgressBar  <\/td>\n<\/tr>\n<tr>\n<td>android:colorBackground  <\/td>\n<td>\u0414\u0435\u0444\u043e\u043b\u0442\u043d\u044b\u0439 \u0446\u0432\u0435\u0442 \u0444\u043e\u043d\u0430  <\/td>\n<\/tr>\n<tr>\n<td>android:colorForeground  <\/td>\n<td>\u041f\u0440\u043e\u0442\u0438\u0432\u043e\u043f\u043e\u043b\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0432\u0442\u043e\u0440\u0438\u0447\u043d\u043e\u043c\u0443 \u0446\u0432\u0435\u0442\u0443 \u0444\u043e\u043d\u0430  <\/td>\n<\/tr>\n<tr>\n<td>android:colorForegroundInverse  <\/td>\n<td>\u0412\u0442\u043e\u0440\u0438\u0447\u043d\u044b\u0439 \u0446\u0432\u0435\u0442 \u0444\u043e\u043d\u0430  <\/td>\n<\/tr>\n<tr>\n<td>dividerHorizontal  <\/td>\n<td>\u0426\u0432\u0435\u0442 \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0440\u0430\u0437\u0434\u0435\u043b\u0438\u0442\u0435\u043b\u044f  <\/td>\n<\/tr>\n<tr>\n<td>dividerVertical  <\/td>\n<td>\u0426\u0432\u0435\u0442 \u0432\u0435\u0440\u0442\u0438\u043a\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0440\u0430\u0437\u0434\u0435\u043b\u0438\u0442\u0435\u043b\u044f  <\/td>\n<\/tr>\n<\/table>\n<p>  \u0423 \u0421\u0431\u0435\u0440\u0431\u0430\u043d\u043a\u0430 \u0435\u0441\u0442\u044c \u0431\u0440\u0435\u043d\u0434\u0431\u0443\u043a, \u0432 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0438\u0438 \u0441 \u043a\u043e\u0442\u043e\u0440\u044b\u043c \u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f \u043e\u0444\u043e\u0440\u043c\u043b\u044f\u0442\u044c \u0432\u0441\u0451: \u043f\u0435\u0447\u0430\u0442\u043d\u0443\u044e \u043f\u0440\u043e\u0434\u0443\u043a\u0446\u0438\u044e, \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442-\u0440\u0435\u043a\u043b\u0430\u043c\u0443, \u0441\u0430\u0439\u0442\u044b, \u0432\u0438\u0437\u0438\u0442\u043a\u0438, \u043f\u0430\u043a\u0435\u0442\u044b \u0438 \u0442.\u0434. \u041e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0435 \u0446\u0432\u0435\u0442\u0430 \u0440\u0435\u0433\u043b\u0430\u043c\u0435\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u044b, \u0438\u0445 \u00ab\u0431\u043b\u0438\u0436\u0430\u0439\u0448\u0438\u0435 \u0430\u043d\u0430\u043b\u043e\u0433\u0438\u00bb \u2014 \u0442\u043e\u0436\u0435. \u0412 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0438\u0438 \u0441 \u0431\u0440\u0435\u043d\u0434\u0431\u0443\u043a\u043e\u043c \u0413\u043b\u0430\u0432\u043d\u044b\u043c \u0446\u0432\u0435\u0442\u043e\u043c (colorPrimary) \u0434\u043b\u044f \u043d\u0430\u0448\u0435\u0433\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0441\u0442\u0430\u043b \u0437\u0435\u043b\u0451\u043d\u044b\u0439, \u0430 \u0410\u043a\u0446\u0435\u043d\u0442\u043d\u044b\u043c (colorAccent) \u2014 \u043e\u0440\u0430\u043d\u0436\u0435\u0432\u044b\u0439. \u041a\u0440\u043e\u043c\u0435 \u0442\u043e\u0433\u043e, colorPrimary \u043e\u0442\u043d\u043e\u0441\u0438\u043b\u0441\u044f \u043a \u043f\u043e\u0437\u0438\u0442\u0438\u0432\u043d\u044b\u043c \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f\u043c (\u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043d\u0438\u0435, \u043f\u043e\u043a\u0443\u043f\u043a\u0430), \u0430 colorAccent, \u043a\u0430\u043a \u043f\u0440\u0430\u0432\u0438\u043b\u043e, \u2014 \u043a \u043d\u0435\u0433\u0430\u0442\u0438\u0432\u043d\u044b\u043c (\u043e\u0442\u043c\u0435\u043d\u0430). <\/p>\n<h4><font color=\"#E64A19\">\u0421\u0442\u0438\u043b\u0438\u0437\u0430\u0446\u0438\u044f TextView<\/font><\/h4>\n<p>  \u041d\u0430\u0441\u0442\u0430\u043b\u043e \u0432\u0440\u0435\u043c\u044f \u0440\u0430\u0437\u043e\u0431\u0440\u0430\u0442\u044c\u0441\u044f \u0441 \u0446\u0432\u0435\u0442\u0430\u043c\u0438 \u0434\u043b\u044f \u0442\u0435\u043a\u0441\u0442\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u044e\u0442\u0441\u044f \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u043e\u0439 AppCompat. \u0412\u0441\u0435\u0433\u043e \u0435\u0441\u0442\u044c \u0434\u0432\u0435 \u0442\u0435\u043c\u044b (\u0442\u0451\u043c\u043d\u0430\u044f \u0438 \u0441\u0432\u0435\u0442\u043b\u0430\u044f), \u0432 \u043a\u0430\u0436\u0434\u043e\u0439 \u0438\u0437 \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0435\u0441\u0442\u044c \u0434\u0432\u0435 \u0433\u0440\u0443\u043f\u043f\u044b \u0446\u0432\u0435\u0442\u043e\u0432: \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u044b\u0435 \u0438 \u0438\u043d\u0432\u0435\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0435. \u0414\u043b\u044f \u0442\u0451\u043c\u043d\u043e\u0439 \u0442\u0435\u043c\u044b (\u043d\u0430\u0441\u043b\u0435\u0434\u043d\u0438\u0446\u044b Theme.AppCompat) \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u044b\u043c\u0438 \u0431\u0443\u0434\u0443\u0442 \u0441\u0432\u0435\u0442\u043b\u044b\u0435 \u043e\u0442\u0442\u0435\u043d\u043a\u0438, \u0438\u043d\u0432\u0435\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u043c\u0438 \u2014 \u0442\u0451\u043c\u043d\u044b\u0435. \u0414\u043b\u044f \u0441\u0432\u0435\u0442\u043b\u043e\u0439 \u0442\u0435\u043c\u044b (\u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0442\u0430\u043a\u0436\u0435 \u043d\u0430\u0441\u043b\u0435\u0434\u0443\u0435\u0442 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u0443 Theme.AppCompat), \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e, \u043d\u0430\u043e\u0431\u043e\u0440\u043e\u0442.<\/p>\n<p>  \u0417\u0430\u0434\u0430\u043d\u043d\u044b\u0435 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u043e\u0439 \u0446\u0432\u0435\u0442\u0430 \u0438\u043c\u0435\u044e\u0442 \u0441\u0432\u043e\u0438 \u00ab\u043d\u0430\u0437\u0432\u0430\u043d\u0438\u044f\u00bb \u0438 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f:  <\/p>\n<ul>\n<li>textColorPrimary \u2014 \u043d\u0430\u0438\u0431\u043e\u043b\u0435\u0435 \u00ab\u0441\u043e\u0447\u043d\u0430\u044f\u00bb \u0444\u043e\u0440\u043c\u0430 \u0446\u0432\u0435\u0442\u0430.  <\/li>\n<li>textColorSecondary \u2014 \u0447\u0443\u0442\u044c \u0431\u043e\u043b\u0435\u0435 \u0431\u043b\u0435\u0434\u043d\u0430\u044f \u0444\u043e\u0440\u043c\u0430 \u0446\u0432\u0435\u0442\u0430.  <\/li>\n<li>textColorTertiary \u2014 \u0435\u0449\u0435 \u0431\u043e\u043b\u0435\u0435 \u0431\u043b\u0435\u0434\u043d\u0430\u044f \u0444\u043e\u0440\u043c\u0430.  <\/li>\n<li>textColorHint \u2014 \u0446\u0432\u0435\u0442 \u043f\u043e\u0434\u0441\u043a\u0430\u0437\u043e\u043a \u0432 EditText.  <\/li>\n<li>textColorLink \u2014 \u0446\u0432\u0435\u0442 \u0441\u0441\u044b\u043b\u043e\u043a.  <\/li>\n<li>textColorHighlight \u2014 \u0446\u0432\u0435\u0442 \u0444\u043e\u043d\u0430 \u0432\u044b\u0434\u0435\u043b\u0435\u043d\u043d\u043e\u0433\u043e \u0442\u0435\u043a\u0441\u0442\u0430.  <\/li>\n<li>textColorPrimaryActivated \u2014 \u0432 \u043e\u0431\u044b\u0447\u043d\u043e\u043c \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0438 \u0442\u043e \u0436\u0435, \u0447\u0442\u043e \u0438 textColorPrimary, \u0432 \u0430\u043a\u0442\u0438\u0432\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u043c \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0438 \u2014 textColorPrimaryInverse  <\/li>\n<li>textColorSecondaryActivated \u2014 \u0430\u043d\u0430\u043b\u043e\u0433\u0438\u0447\u043d\u043e textColorPrimaryActivated, \u0442\u043e\u043b\u044c\u043a\u043e \u0441\u043e \u0432\u0442\u043e\u0440\u0438\u0447\u043d\u044b\u043c \u0446\u0432\u0435\u0442\u043e\u043c.  <\/li>\n<\/ul>\n<p>  \u041a\u0440\u043e\u043c\u0435 \u0442\u043e\u0433\u043e, \u0435\u0441\u0442\u044c \u0446\u0432\u0435\u0442\u0430 \u0441 \u00ab\u0436\u0443\u0442\u043a\u043e\u0432\u0430\u0442\u044b\u043c\u0438\u00bb \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u044f\u043c\u0438 \u0442\u0438\u043f\u0430 textColorPrimaryDisableOnly (\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442\u0441\u044f \u0434\u043b\u044f \u0442\u0435\u043a\u0441\u0442\u0430 CompoundButton\u2019\u043e\u0432: \u0440\u0430\u0434\u0438\u043e\u043a\u043d\u043e\u043f\u043a\u0438, \u0447\u0435\u043a\u0431\u043e\u043a\u0441\u044b), \u0438\u043b\u0438 textColorPrimaryNoDisable, textColorSecondaryDisableOnly, textColorSecondaryNoDisable \u2014 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0445 \u0442\u0440\u0435\u0445 \u0432 \u0441\u0442\u0438\u043b\u044f\u0445 \u0438 Text Appearance \u043e\u0431\u043d\u0430\u0440\u0443\u0436\u0438\u0442\u044c \u043d\u0435 \u0443\u0434\u0430\u043b\u043e\u0441\u044c.<\/p>\n<p>  \u041c\u044b \u0441\u043e\u0441\u0442\u0430\u0432\u0438\u043b\u0438 \u0442\u0430\u0431\u043b\u0438\u0446\u0443 \u0446\u0432\u0435\u0442\u043e\u0432, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u044b\u0445 \u0432 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438. \u041a\u0430\u0436\u0434\u043e\u043c\u0443 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u0443 \u043c\u044b \u043f\u043e\u0441\u0442\u0430\u0432\u0438\u043c \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435\u043c ColorStateList \u2014 \u043f\u0430\u0440\u0443 \u0438\u0437 \u0446\u0432\u0435\u0442\u043e\u0432 \u0434\u043b\u044f \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u043e\u0433\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430 \u0438 \u043d\u0435\u0434\u043e\u0441\u0442\u0443\u043f\u043d\u043e\u0433\u043e:<\/p>\n<table>\n<tr>\n<td><b>\u0410\u0442\u0440\u0438\u0431\u0443\u0442<\/b>  <\/td>\n<td><b>\u0410\u0426\u0432\u0435\u0442 \u043e\u0431\u044b\u0447\u043d\u043e\u0433\u043e \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f<\/b>  <\/td>\n<td><b>\u0410\u0426\u0432\u0435\u0442 \u043d\u0435\u0434\u043e\u0441\u0442\u0443\u043f\u043d\u043e\u0433\u043e \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f (disabled-\u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432)<\/b>  <\/td>\n<\/tr>\n<tr>\n<td>textColorPrimary  <\/td>\n<td>#E6000000 (90% \u0447\u0435\u0440\u043d\u043e\u0433\u043e)  <\/td>\n<td>#44000000 (26% \u0447\u0435\u0440\u043d\u043e\u0433\u043e)  <\/td>\n<\/tr>\n<tr>\n<td>textColorSecondary  <\/td>\n<td>#CC000000 (80% \u0447\u0435\u0440\u043d\u043e\u0433\u043e)  <\/td>\n<td>#44000000 (26% \u0447\u0435\u0440\u043d\u043e\u0433\u043e)  <\/td>\n<\/tr>\n<tr>\n<td>textColorTertiary  <\/td>\n<td>#88000000 (53% \u0447\u0435\u0440\u043d\u043e\u0433\u043e)  <\/td>\n<td>#44000000 (26% \u0447\u0435\u0440\u043d\u043e\u0433\u043e)  <\/td>\n<\/tr>\n<tr>\n<td>textColorHint  <\/td>\n<td>#61000000 (38% \u0447\u0435\u0440\u043d\u043e\u0433\u043e)  <\/td>\n<td>#19000000 (10% \u0447\u0435\u0440\u043d\u043e\u0433\u043e)  <\/td>\n<\/tr>\n<tr>\n<td>textColorPrimaryInverse  <\/td>\n<td>#FFFFFFFF (100% \u0431\u0435\u043b\u043e\u0433\u043e)  <\/td>\n<td>#44FFFFFF (26% \u0431\u0435\u043b\u043e\u0433\u043e)  <\/td>\n<\/tr>\n<tr>\n<td>textColorSecondaryInverse  <\/td>\n<td>#E8FFFFFF (91% \u0431\u0435\u043b\u043e\u0433\u043e)  <\/td>\n<td>#44FFFFFF (26% \u0431\u0435\u043b\u043e\u0433\u043e)  <\/td>\n<\/tr>\n<tr>\n<td>textColorTertiaryInverse  <\/td>\n<td>#96FFFFFF (59% \u0431\u0435\u043b\u043e\u0433\u043e)  <\/td>\n<td>#44FFFFFF (26% \u0431\u0435\u043b\u043e\u0433\u043e)  <\/td>\n<\/tr>\n<tr>\n<td>textColorHintInverse  <\/td>\n<td>#61FFFFFF (38% \u0431\u0435\u043b\u043e\u0433\u043e)  <\/td>\n<td>#19FFFFFF (10% \u0431\u0435\u043b\u043e\u0433\u043e)  <\/td>\n<\/tr>\n<\/table>\n<p>  \u0414\u043b\u044f \u043d\u0430\u0433\u043b\u044f\u0434\u043d\u043e\u0433\u043e \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u043e\u0439 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0438 AppCompat \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u043d\u0435 \u0442\u043e\u043b\u044c\u043a\u043e \u0441 \u0446\u0432\u0435\u0442\u0430\u043c\u0438, \u043d\u043e \u0438 \u0441 \u0440\u0430\u0437\u043c\u0435\u0440\u043e\u043c \u0448\u0440\u0438\u0444\u0442\u0430 \u0438 \u0435\u0433\u043e \u043d\u0430\u0447\u0435\u0440\u0442\u0430\u043d\u0438\u0435\u043c. \u0414\u0430\u043d\u043d\u044b\u0439 \u043d\u0430\u0431\u043e\u0440 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u043e\u0432 \u043d\u0430\u0437\u044b\u0432\u0430\u0435\u0442\u0441\u044f TextAppearance.   <\/p>\n<table>\n<tr>\n<td><b>\u041d\u0430\u0437\u0432\u0430\u043d\u0438\u0435<\/b>  <\/td>\n<td><b>\u0410\u0426\u0432\u0435\u0442 \u0442\u0435\u043a\u0441\u0442\u0430<\/b>  <\/td>\n<td><b>\u0410\u0420\u0430\u0437\u043c\u0435\u0440 \u0448\u0440\u0438\u0444\u0442\u0430<\/b>  <\/td>\n<td><b>\u0410\u0413\u0430\u0440\u043d\u0438\u0442\u0443\u0440\u0430 \u0448\u0440\u0438\u0444\u0442\u0430<\/b>  <\/td>\n<\/tr>\n<tr>\n<td>Caption  <\/td>\n<td>Secondary  <\/td>\n<td>12sp  <\/td>\n<td>Regular  <\/td>\n<\/tr>\n<tr>\n<td>Body1  <\/td>\n<td>Primary  <\/td>\n<td>14sp  <\/td>\n<td>Regular  <\/td>\n<\/tr>\n<tr>\n<td>Body2  <\/td>\n<td>Primary  <\/td>\n<td>14sp  <\/td>\n<td>Medium  <\/td>\n<\/tr>\n<tr>\n<td>Button  <\/td>\n<td>Primary  <\/td>\n<td>14sp  <\/td>\n<td>Medium  <\/td>\n<\/tr>\n<tr>\n<td>Subhead  <\/td>\n<td>Primary  <\/td>\n<td>16sp  <\/td>\n<td>Regular  <\/td>\n<\/tr>\n<tr>\n<td>Menu  <\/td>\n<td>Primary  <\/td>\n<td>16sp  <\/td>\n<td>Medium  <\/td>\n<\/tr>\n<tr>\n<td>Title  <\/td>\n<td>Primary  <\/td>\n<td>20sp  <\/td>\n<td>Medium  <\/td>\n<\/tr>\n<tr>\n<td>Headline  <\/td>\n<td>Primary  <\/td>\n<td>24sp  <\/td>\n<td>Regular  <\/td>\n<\/tr>\n<tr>\n<td>Display1  <\/td>\n<td>Secondary  <\/td>\n<td>34sp  <\/td>\n<td>Regular  <\/td>\n<\/tr>\n<tr>\n<td>Display2  <\/td>\n<td>Secondary  <\/td>\n<td>45sp  <\/td>\n<td>Regular  <\/td>\n<\/tr>\n<tr>\n<td>Display3  <\/td>\n<td>Secondary  <\/td>\n<td>56sp  <\/td>\n<td>Regular  <\/td>\n<\/tr>\n<tr>\n<td>Display4  <\/td>\n<td>Secondary  <\/td>\n<td>112sp  <\/td>\n<td>Light  <\/td>\n<\/tr>\n<\/table>\n<p>  \u0425\u043e\u0442\u044c \u0432 \u0442\u0430\u0431\u043b\u0438\u0446\u0435 \u044d\u0442\u043e \u0438 \u043d\u0435 \u0443\u043a\u0430\u0437\u0430\u043d\u043e, \u043d\u043e \u0434\u043b\u044f Title \u0438 \u0434\u043b\u044f Menu \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u044b \u0442\u0430\u043a\u0436\u0435 \u0438\u043d\u0432\u0435\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0435 Text Appearance.<\/p>\n<p>  \u041d\u0430\u0433\u043b\u044f\u0434\u043d\u044b\u0435 \u043f\u0440\u0438\u043c\u0435\u0440\u044b \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e \u0441\u0444\u043e\u0440\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0445 Text Appearance \u043c\u043e\u0436\u043d\u043e \u0443\u0432\u0438\u0434\u0435\u0442\u044c \u0432 <a href=\"https:\/\/www.google.com\/design\/spec\/style\/typography.html#typography-styles\">\u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438 \u0433\u0430\u0439\u0434\u043b\u0430\u0439\u043d\u043e\u0432<\/a> <a href=\"https:\/\/www.google.com\/design\/spec\/style\/typography.html#typography-styles\">Google Material Design<\/a>. \u041d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 \u044d\u0442\u0438\u0445 \u0441\u0442\u0438\u043b\u0435\u0439 \u0438 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0438 \u0438\u0437 \u0433\u0430\u0439\u0434\u043b\u0430\u0439\u043d\u043e\u0432 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0438 \u0441\u043e\u0432\u043c\u0435\u0441\u0442\u043d\u043e \u0441 \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u0430\u043c\u0438 \u0441\u043e\u0437\u0434\u0430\u043b\u0438 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0435 \u0441\u0435\u043c\u0435\u0439\u0441\u0442\u0432\u043e Text Appearance:<\/p>\n<table>\n<tr>\n<td><b>\u041d\u0430\u0437\u0432\u0430\u043d\u0438\u0435<\/b>  <\/td>\n<td><b>\u0426\u0432\u0435\u0442 \u0442\u0435\u043a\u0441\u0442\u0430<\/b>  <\/td>\n<td><b>\u0420\u0430\u0437\u043c\u0435\u0440 \u0448\u0440\u0438\u0444\u0442\u0430<\/b>  <\/td>\n<td><b>\u0413\u0430\u0440\u043d\u0438\u0442\u0443\u0440\u0430 \u0448\u0440\u0438\u0444\u0442\u0430<\/b>  <\/td>\n<\/tr>\n<tr>\n<td>Caption  <\/td>\n<td>Tertiary  <\/td>\n<td>12sp  <\/td>\n<td>Regular  <\/td>\n<\/tr>\n<tr>\n<td>Hint  <\/td>\n<td>Hint  <\/td>\n<td>14sp  <\/td>\n<td>Regular  <\/td>\n<\/tr>\n<tr>\n<td>Subheader  <\/td>\n<td>Tertiary  <\/td>\n<td>14sp  <\/td>\n<td>Medium  <\/td>\n<\/tr>\n<tr>\n<td>Button  <\/td>\n<td>Primary  <\/td>\n<td>14sp  <\/td>\n<td>Medium  <\/td>\n<\/tr>\n<tr>\n<td>Body0  <\/td>\n<td>Tertiary  <\/td>\n<td>14sp  <\/td>\n<td>Regular  <\/td>\n<\/tr>\n<tr>\n<td>Body1  <\/td>\n<td>Secondary  <\/td>\n<td>14sp  <\/td>\n<td>Regular  <\/td>\n<\/tr>\n<tr>\n<td>Body2  <\/td>\n<td>Primary  <\/td>\n<td>16sp  <\/td>\n<td>Regular  <\/td>\n<\/tr>\n<tr>\n<td>Body3  <\/td>\n<td>Secondary  <\/td>\n<td>16sp  <\/td>\n<td>Medium  <\/td>\n<\/tr>\n<tr>\n<td>Input1  <\/td>\n<td>Primary  <\/td>\n<td>20sp  <\/td>\n<td>Regular  <\/td>\n<\/tr>\n<tr>\n<td>Input2  <\/td>\n<td>Tertiary  <\/td>\n<td>20sp  <\/td>\n<td>Regular  <\/td>\n<\/tr>\n<tr>\n<td>Title  <\/td>\n<td>Primary  <\/td>\n<td>20sp  <\/td>\n<td>Medium  <\/td>\n<\/tr>\n<tr>\n<td>Headline  <\/td>\n<td>Primary  <\/td>\n<td>24sp  <\/td>\n<td>Regular  <\/td>\n<\/tr>\n<tr>\n<td>Display1  <\/td>\n<td>Primary  <\/td>\n<td>32sp  <\/td>\n<td>Regular  <\/td>\n<\/tr>\n<tr>\n<td>Display2  <\/td>\n<td>Tertiary  <\/td>\n<td>32sp  <\/td>\n<td>Regular  <\/td>\n<\/tr>\n<\/table>\n<p>  \u0418\u0437 \u043a\u0430\u0436\u0434\u043e\u0433\u043e TextAppearance, \u043f\u0440\u0438\u0432\u0435\u0434\u0435\u043d\u043d\u043e\u0433\u043e \u0432\u044b\u0448\u0435 (\u0437\u0430 \u0438\u0441\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435\u043c Button), \u043c\u044b \u0444\u043e\u0440\u043c\u0438\u0440\u0443\u0435\u043c Inverse, Primary \u0438 Accent-\u0432\u0430\u0440\u0438\u0430\u043d\u0442\u044b (\u0434\u043b\u044f \u0446\u0432\u0435\u0442\u0430 \u0442\u0435\u043a\u0441\u0442\u0430 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442\u0441\u044f \u0437\u0430\u0434\u0430\u043d\u043d\u044b\u0435 \u0440\u0430\u043d\u0435\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u043e\u0432 textColor*Inverse, colorPrimary, colorAccent).<\/p>\n<p>  \u041a\u043e\u0433\u0434\u0430 \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u044b \u043f\u0435\u0440\u0435\u0434\u0430\u044e\u0442 \u043d\u0430\u043c \u043c\u0430\u043a\u0435\u0442\u044b, \u0442\u043e \u043d\u0430\u043f\u0440\u043e\u0442\u0438\u0432 \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u044b\u0445 \u043f\u043e\u043b\u0435\u0439 (TextView) \u043e\u043d\u0438 \u0443\u043a\u0430\u0437\u044b\u0432\u0430\u044e\u0442 \u0441\u043e\u043a\u0440\u0430\u0449\u0435\u043d\u043d\u043e\u0435 \u0438\u043c\u044f \u00abTitle Default\u00bb \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u0435\u0442 TextAppearance.Material.Sbrf.Title, \u0430 \u00abSubheader Inverse\u00bb \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u0435\u0442 TextAppearance.Material.Sbrf.Subheader.Inverse. <\/p>\n<div style=\"text-align:center;\"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/0f8\/70a\/23a\/0f870a23a384ec22fcd7391b5e491704.png\" \/><\/div>\n<h4><font color=\"#E64A19\">\u0421\u0442\u0438\u043b\u0438\u0437\u0430\u0446\u0438\u044f EditText<\/font><\/h4>\n<p>  \u0421 \u0446\u0432\u0435\u0442\u0430\u043c\u0438 \u0438 \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u0435\u043c \u0442\u0435\u043a\u0441\u0442\u0430 \u043c\u044b \u0431\u043e\u043b\u0435\u0435-\u043c\u0435\u043d\u0435\u0435 \u0440\u0430\u0437\u043e\u0431\u0440\u0430\u043b\u0438\u0441\u044c, \u0438 \u043e\u0441\u0442\u0430\u043b\u043e\u0441\u044c \u0435\u0449\u0451 \u043e\u0434\u043d\u043e \u043c\u0435\u0441\u0442\u043e, \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u043d\u0430\u0434\u043e \u0432\u0441\u0451 \u043f\u0440\u0438\u0432\u0435\u0441\u0442\u0438 \u0432 \u043f\u043e\u0440\u044f\u0434\u043e\u043a: \u0440\u0435\u0447\u044c \u0438\u0434\u0451\u0442 \u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430\u0445 EditText \u0438 TextInputLayout. \u041f\u0440\u043e\u0431\u043b\u0435\u043c\u0430 \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e \u00ab\u0442\u0435\u043c\u0430 \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e\u00bb \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u043d\u0435\u0430\u043a\u043a\u0443\u0440\u0430\u0442\u043d\u043e, \u0438 \u0435\u0451 \u043d\u0430\u0434\u043e \u043f\u0440\u0438\u0447\u0435\u0441\u0430\u0442\u044c \u043f\u043e \u0444\u0435\u043d-\u0448\u0443\u044e. \ud83d\ude42 <\/p>\n<div style=\"text-align:center;\"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/46e\/6b9\/a33\/46e6b9a3393d41cac6b681f589a70c97.png\" \/><\/div>\n<p>  \u0414\u043b\u044f \u043d\u0435\u0432\u043d\u0438\u043c\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0445 \u043f\u043e\u044f\u0441\u043d\u0438\u043c:   <\/p>\n<ol>\n<li>\u041b\u0438\u043d\u0438\u044f EditText \u0432 \u043d\u0435\u0441\u0444\u043e\u043a\u0443\u0441\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u043c \u0438 \u0437\u0430\u0434\u0438\u0441\u0435\u0439\u0431\u043b\u0435\u043d\u043d\u043e\u043c \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0438 \u0434\u043e\u043b\u0436\u043d\u0430 \u0431\u044b\u0442\u044c \u0431\u043b\u0435\u0434\u043d\u0435\u0435;  <\/li>\n<li>\u041b\u0438\u043d\u0438\u044f EditText \u0432 \u0441\u0444\u043e\u043a\u0443\u0441\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u043c \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0438 \u0434\u043e\u043b\u0436\u043d\u0430 \u0431\u044b\u0442\u044c \u0441\u043f\u043b\u043e\u0448\u043d\u043e\u0439 \u0437\u0435\u043b\u0451\u043d\u043e\u0439 (colorPrimary), \u0430 \u043d\u0435 \u0447\u0435\u0440\u043d\u043e\u0439-\u043e\u0440\u0430\u043d\u0436\u0435\u0432\u043e\u0439;  <\/li>\n<li>\u041e\u0448\u0438\u0431\u043a\u0430 \u0432\u044b\u0434\u0435\u043b\u044f\u0435\u0442\u0441\u044f \u043e\u0440\u0430\u043d\u0436\u0435\u0432\u044b\u043c \u0446\u0432\u0435\u0442\u043e\u043c (colorAccent), \u0430 \u043d\u0435 \u043a\u0440\u0430\u0441\u043d\u044b\u043c;.  <\/li>\n<li>\u0420\u0430\u0437\u043c\u0435\u0440 \u0448\u0440\u0438\u0444\u0442\u0430 EditText-\u0430 \u0434\u043e\u043b\u0436\u0435\u043d \u0431\u044b\u0442\u044c \u043a\u0440\u0443\u043f\u043d\u0435\u0435.  <\/li>\n<\/ol>\n<p>  \u0412\u043d\u0443\u0442\u0440\u0438 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 AppCompat \u043c\u044b \u043e\u0431\u043d\u0430\u0440\u0443\u0436\u0438\u043b\u0438 \u0447\u0442\u043e \u043f\u0440\u0438 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0438 View \u0438\u0437 \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0438 AppCompatActivity \u043f\u043e\u0434\u043c\u0435\u043d\u044f\u0435\u0442 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u044b\u0435 \u0432\u0438\u0434\u0436\u0435\u0442\u044b \u043d\u0430 \u0438\u0445 AppCompat-\u043d\u0430\u0441\u043b\u0435\u0434\u043d\u0438\u043a\u043e\u0432. \u0414\u0435\u043b\u0430\u0435\u0442\u0441\u044f \u044d\u0442\u043e, \u0441\u0443\u0434\u044f \u043f\u043e \u0432\u0441\u0435\u043c\u0443, \u0434\u043b\u044f \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0438 background tinting \u0438 \u043f\u043e\u0434\u0442\u044f\u0433\u0438\u0432\u0430\u043d\u0438\u044f \u0441\u0442\u0438\u043b\u0435\u0439 \u0438\u0437 AppCompat-\u0442\u0435\u043c. \u0412 \u0447\u0430\u0441\u0442\u043d\u043e\u0441\u0442\u0438, EditText \u0437\u0430\u043c\u0435\u043d\u044f\u0435\u0442\u0441\u044f \u043d\u0430 AppCompatEditText. (\u0421\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u043d\u043e, \u0435\u0441\u043b\u0438 \u0432\u0430\u043c \u043d\u0443\u0436\u0435\u043d \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u044b\u0439 \u0432\u0438\u0434\u0436\u0435\u0442, \u0442\u043e \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u043f\u043e\u0434\u043a\u043b\u0430\u0441\u0441 \u043d\u0443\u0436\u043d\u043e \u043d\u0435 \u043d\u0435\u043f\u043e\u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u0438\u0437 EditText, \u0430 \u0438\u0437 AppCompatEditText).<\/p>\n<p>  \u0421\u0442\u0438\u043b\u044c AppCompatEditText-\u0443 \u0437\u0430\u0434\u0430\u0435\u0442\u0441\u044f \u0432 \u0442\u0435\u043c\u0435 \u0447\u0435\u0440\u0435\u0437 \u0430\u0442\u0440\u0438\u0431\u0443\u0442 editTextStyle. \u041f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e \u0441\u0442\u0438\u043b\u044c \u2014 Widget.AppCompat.EditText, \u0437\u0430\u0434\u0430\u044e\u0449\u0438\u0439 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u044b\u0439 TextAppearance, \u0444\u043e\u043d \u0438 \u0446\u0432\u0435\u0442 \u0442\u0435\u043a\u0441\u0442\u0430 (\u0442\u043e \u0435\u0441\u0442\u044c, \u0446\u0432\u0435\u0442 \u0438\u0437 TextAppearance \u0438\u0433\u043d\u043e\u0440\u0438\u0440\u0443\u0435\u0442\u0441\u044f).<\/p>\n<p>  \u0412\u0437\u0433\u043b\u044f\u043d\u0435\u043c \u043d\u0430 \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0443 \u0431\u044d\u043a\u0433\u0440\u0430\u0443\u043d\u0434\u0430 EditText-\u0430 \u0434\u043b\u044f \u0432\u0435\u0440\u0441\u0438\u0438 5.0 (\u0434\u043b\u044f \u0441\u0442\u0430\u0440\u044b\u0445 \u0432\u0435\u0440\u0441\u0438\u0439 background \u0432 \u0446\u0435\u043b\u043e\u043c \u043f\u043e\u0445\u043e\u0436, \u0440\u0430\u0437\u043d\u0438\u0446\u0430 \u0442\u043e\u043b\u044c\u043a\u043e \u0432 \u0442\u043e\u043c, \u0433\u0434\u0435 \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442 \u0435\u0433\u043e \u043f\u043e\u0434\u043a\u0440\u0430\u0448\u0438\u0432\u0430\u043d\u0438\u0435 (tinting) \u2014 \u0432 \u0441\u0430\u043c\u043e\u0439 \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0435, \u043a\u0430\u043a \u043d\u0430 5.x, \u0438\u043b\u0438 \u0432 \u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0442\u043e\u0440\u0435 \u0432\u0438\u0434\u0436\u0435\u0442\u0430 \u043d\u0430 \u0431\u043e\u043b\u0435\u0435 \u0440\u0430\u043d\u043d\u0438\u0445 \u0432\u0435\u0440\u0441\u0438\u044f\u0445).<\/p>\n<pre><code class=\"xml\">&lt;inset xmlns:android=&quot;http:\/\/schemas.android.com\/apk\/res\/android&quot;       android:insetLeft=&quot;@dimen\/edit_text_inset_horizontal_material&quot;       android:insetRight=&quot;@dimen\/edit_text_inset_horizontal_material&quot;       android:insetTop=&quot;@dimen\/edit_text_inset_top_material&quot;       android:insetBottom=&quot;@dimen\/edit_text_inset_bottom_material&quot;&gt;    &lt;selector&gt;        &lt;item android:state_enabled=&quot;false&quot;&gt;            &lt;nine-patch android:src=&quot;@drawable\/textfield_default_mtrl_alpha&quot;                android:tint=&quot;?attr\/colorControlNormal&quot;                android:alpha=&quot;?attr\/disabledAlpha&quot; \/&gt;        &lt;\/item&gt;        &lt;item android:state_pressed=&quot;false&quot; android:state_focused=&quot;false&quot;&gt;            &lt;nine-patch android:src=&quot;@drawable\/textfield_default_mtrl_alpha&quot;                android:tint=&quot;?attr\/colorControlNormal&quot; \/&gt;        &lt;\/item&gt;        &lt;item&gt;            &lt;nine-patch android:src=&quot;@drawable\/textfield_activated_mtrl_alpha&quot;                android:tint=&quot;?attr\/colorControlActivated&quot; \/&gt; &lt;\/item&gt; &lt;\/selector&gt; &lt;\/inset&gt;<\/code><\/pre>\n<p>  \u0410 \u0432\u043e\u0442 \u0441\u0430\u043c\u0438 \u0440\u0435\u0441\u0443\u0440\u0441\u044b textfield_default_mtrl_alpha \u0438 textfield_activated_mtrl_alpha:<\/p>\n<div style=\"text-align:center;\"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/dae\/2c1\/e48\/dae2c1e48361badac06918b8ef94c645.png\" \/><\/div>\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/p>\n<div style=\"text-align:center;\"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/9ae\/08b\/21f\/9ae08b21f08fc653e44fe30be5a3920d.png\" \/><\/div>\n<p>  \u041a\u0430\u043a \u0432\u0438\u0434\u043d\u043e \u0438\u0437 \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0438, \u0442\u043e\u043d\u043a\u0430\u044f \u043b\u0438\u043d\u0438\u044f \u043f\u043e\u0434\u043a\u0440\u0430\u0448\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u0446\u0432\u0435\u0442\u043e\u043c, \u044f\u0432\u043b\u044f\u044e\u0449\u0438\u043c\u0441\u044f \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435\u043c \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u0430 colorControlNormal. \u0417\u0430\u043c\u0435\u043d\u0438\u043c \u044d\u0442\u043e\u0442 \u0446\u0432\u0435\u0442.<\/p>\n<pre><code class=\"xml\">&lt;color name=&quot;color_control_normal&quot;&gt;#1A000000&lt;\/color&gt;  &lt;style name=&quot;Theme.Material.Sbrf&quot; parent=&quot;@style\/Theme.AppCompat.Light.NoActionBar&quot;&gt; &lt;item name=&quot;colorControlNormal&quot;&gt;@color\/color_control_normal&lt;\/item&gt; &lt;\/style&gt;<\/code><\/pre>\n<p>  \u0417\u0430 \u0441\u0444\u043e\u043a\u0443\u0441\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u0435 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435 (\u0430 \u0442\u0430\u043a\u0436\u0435 \u0437\u0430 \u0446\u0432\u0435\u0442 \u043a\u0443\u0440\u0441\u043e\u0440\u0430 \u0438 text-select-handle-\u043e\u0432) \u043e\u0442\u0432\u0435\u0447\u0430\u0435\u0442 colorControlActivated \u2014 \u0438\u0437\u043c\u0435\u043d\u0438\u043c \u0438 \u0435\u0433\u043e, \u043f\u0443\u0441\u0442\u044c \u043e\u043d \u0438\u043c\u0435\u0435\u0442 \u0442\u043e \u0436\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435, \u0447\u0442\u043e \u0438 colorPrimary:<\/p>\n<pre><code class=\"xml\">&lt;style name=&quot;Theme.Material.Sbrf&quot; parent=&quot;@style\/Theme.AppCompat.Light.NoActionBar&quot;&gt; &lt;item name=&quot;colorControlActivated&quot;&gt;?attr\/colorPrimary&lt;\/item&gt; &lt;\/style&gt;<\/code><\/pre>\n<p>  \u0420\u0430\u0437\u043c\u0435\u0440 \u0448\u0440\u0438\u0444\u0442\u0430 EditText-\u0430 \u2014 \u0437\u0430\u0434\u0430\u0451\u0442\u0441\u044f \u0447\u0435\u0440\u0435\u0437 TextAppearance.<\/p>\n<pre><code class=\"xml\">&lt;style name=&quot;TextAppearance.Material.Sbrf.EditText&quot; parent=&quot;@style\/TextAppearance.Material.Sbrf.Input1&quot;&gt; &lt;\/style&gt;  &lt;style name=&quot;Widget.Material.Sbrf.EditText&quot; parent=&quot;@style\/Widget.AppCompat.EditText&quot;&gt; &lt;item name=&quot;android:textAppearance&quot;&gt;@style\/TextAppearance.Material.Sbrf.EditText&lt;\/item&gt; &lt;\/style&gt;  &lt;style name=&quot;Theme.Material.Sbrf&quot; parent=&quot;@style\/Theme.AppCompat.Light.NoActionBar&quot;&gt; &lt;item name=&quot;editTextStyle&quot;&gt;@style\/Widget.Material.Sbrf.EditText&lt;\/item&gt; &lt;\/style&gt;<\/code><\/pre>\n<p>  \u0420\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442:  <\/p>\n<div style=\"text-align:center;\"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/865\/632\/918\/86563291840f4cd0910442574714a6bf.png\" \/><\/div>\n<p>  \u0421\u043e \u0441\u0442\u0438\u043b\u0438\u0437\u0430\u0446\u0438\u0435\u0439 EditText \u043f\u043e\u043a\u043e\u043d\u0447\u0435\u043d\u043e. \u041d\u0430\u0441\u0442\u0430\u043b\u043e \u0432\u0440\u0435\u043c\u044f TextInputLayout. \u041f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e \u043e\u043d \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u0435\u0442 \u043a \u0441\u0435\u0431\u0435 \u0441\u0442\u0438\u043b\u044c Widget.Design.TextInputLayout, \u0438\u0437\u0432\u043b\u0435\u043a\u0430\u044f \u0438\u0437 \u043d\u0435\u0433\u043e \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u044b:  <\/p>\n<ul>\n<li>hintTextAppearance \u2014 TextAppearance \u043f\u043b\u0430\u0432\u0430\u044e\u0449\u0435\u0433\u043e \u043b\u0435\u0439\u0431\u043b\u0430 (\u043d\u0430 \u043d\u0430\u0448\u0435\u043c \u0441\u043a\u0440\u0438\u043d\u0435 \u0432 \u043d\u0435\u043c \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u043e \u0441\u043b\u043e\u0432\u043e \u00ab\u041f\u043e\u0434\u0441\u043a\u0430\u0437\u043a\u0430\u00bb) \u0432 \u0441\u0444\u043e\u043a\u0443\u0441\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u043c \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0438;  <\/li>\n<li>android:textColorHint \u2014 \u0446\u0432\u0435\u0442 \u043f\u043b\u0430\u0432\u0430\u044e\u0449\u0435\u0433\u043e \u043b\u0435\u0439\u0431\u043b\u0430 \u0432 \u043d\u0435\u0441\u0444\u043e\u043a\u0443\u0441\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u043c \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0438, \u0446\u0432\u0435\u0442 \u043f\u043e\u0434\u0441\u043a\u0430\u0437\u043a\u0438 \u0432 EditText. \u0415\u0441\u043b\u0438 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u0430 \u0443 TextInputLayout \u043d\u0435 \u0443\u043a\u0430\u0437\u0430\u043d\u043e, \u0442\u043e \u043f\u043e\u0434\u0442\u044f\u043d\u0435\u0442\u0441\u044f \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u044d\u0442\u043e\u0433\u043e \u0436\u0435 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u0430 \u0443 EditText;  <\/li>\n<li>android:hint \u2014 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u0442\u0435\u043a\u0441\u0442 \u043f\u043b\u0430\u0432\u0430\u044e\u0449\u0435\u0433\u043e \u043b\u0435\u0439\u0431\u043b\u0430, \u043f\u0435\u0440\u0435\u0433\u0440\u0443\u0436\u0430\u0435\u0442 \u043f\u043e\u0434\u0441\u043a\u0430\u0437\u043a\u0443 \u0441\u0430\u043c\u043e\u0433\u043e EditText;  <\/li>\n<li>hintAnimationEnabled \u2014 \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u0442\u044c \u043b\u0438 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u044e \u043f\u0440\u0438 \u00ab\u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0435\u00bb \u043f\u043e\u0434\u0441\u043a\u0430\u0437\u043a\u0438 \u0438\u0437 EditText-\u0430 \u0432 \u043f\u043b\u0430\u0432\u0430\u044e\u0449\u0438\u0439 \u043b\u0435\u0439\u0431\u043b.  <\/li>\n<li>errorTextAppearance \u2014 TextAppearance \u043b\u0435\u0439\u0431\u043b\u0430 \u0441 \u043e\u0448\u0438\u0431\u043a\u043e\u0439. \u0412 \u0434\u0430\u043d\u043d\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u043f\u043e\u0434\u043a\u0440\u0430\u0448\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u043b\u0438\u043d\u0438\u044f EditText-\u0430;  <\/li>\n<li>errorEnabled \u2014 \u0441\u043b\u0435\u0434\u0443\u0435\u0442 \u043b\u0438 \u043f\u0440\u0438 \u043e\u0442\u0440\u0438\u0441\u043e\u0432\u043a\u0435 TextInputLayout \u0437\u0430\u0440\u0430\u043d\u0435\u0435 \u0437\u0430\u043a\u043b\u0430\u0434\u044b\u0432\u0430\u0442\u044c \u043c\u0435\u0441\u0442\u043e \u043f\u043e\u0434 \u043b\u0435\u0439\u0431\u043b \u0441 \u043e\u0448\u0438\u0431\u043a\u043e\u0439;  <\/li>\n<li>counterTextAppearance \u2014 TextAppearance \u0441\u0447\u0435\u0442\u0447\u0438\u043a\u0430 \u0434\u043b\u0438\u043d\u044b \u0442\u0435\u043a\u0441\u0442\u0430.  <\/li>\n<li>counterEnabled \u2014 \u0441\u043b\u0435\u0434\u0443\u0435\u0442 \u043b\u0438 \u043f\u0440\u0438 \u043e\u0442\u0440\u0438\u0441\u043e\u0432\u043a\u0435 TextInputLayout \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0442\u044c \u0441\u0447\u0435\u0442\u0447\u0438\u043a \u0434\u043b\u0438\u043d\u044b \u0442\u0435\u043a\u0441\u0442\u0430.  <\/li>\n<li>counterMaxLength \u2014 \u043c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u043e \u0434\u043e\u043f\u0443\u0441\u0442\u0438\u043c\u0430\u044f \u0434\u043b\u0438\u043d\u0430 \u0442\u0435\u043a\u0441\u0442\u0430.  <\/li>\n<li>counterOverflowTextAppearance \u2014 TextAppearance \u0438\u043d\u0434\u0438\u043a\u0430\u0442\u043e\u0440\u0430 \u043e\u0448\u0438\u0431\u043a\u0438 \u043f\u0440\u0435\u0432\u044b\u0448\u0435\u043d\u0438\u044f \u0434\u043b\u0438\u043d\u044b \u0442\u0435\u043a\u0441\u0442\u0430.  <\/li>\n<\/ul>\n<p>  \u0421\u043e\u0441\u0442\u0430\u0432\u0438\u043c \u0442\u0430\u0431\u043b\u0438\u0446\u0443 \u0441\u0432\u043e\u0439\u0441\u0442\u0432 TextAppearance \u0432\u0441\u043f\u043e\u043c\u043e\u0433\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0445 TextView. \u0412\u0441\u0435 \u043e\u043d\u0438 \u043d\u0430\u0441\u043b\u0435\u0434\u0443\u044e\u0442\u0441\u044f \u043e\u0442 TextAppearance.AppCompat.Caption (textColorSecondary, 12sp, regular), \u0438\u0437\u043c\u0435\u043d\u044f\u0435\u0442\u0441\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u0446\u0432\u0435\u0442. <\/p>\n<table>\n<tr>\n<td><b>\u041d\u0430\u0437\u0432\u0430\u043d\u0438\u0435<br \/>  <\/b>\u0426\u0432\u0435\u0442 \u0442\u0435\u043a\u0441\u0442\u0430  <\/td>\n<td>?attr\/colorControlActivated  <\/td>\n<\/tr>\n<tr>\n<td>TextAppearance.Design.Error  <\/td>\n<td>#FFDD2C00  <\/td>\n<\/tr>\n<tr>\n<td>TextAppearance.Design.Counter  <\/td>\n<td>?attr\/colorControlActivated  <\/td>\n<\/tr>\n<tr>\n<td>TextAppearance.Design.Counter.Overflow  <\/td>\n<td>#FFDD2C00<\/p>\n<\/td>\n<\/tr>\n<\/table>\n<p>  \u0414\u0430\u043b\u044c\u0448\u0435 \u0432\u0441\u0451 \u043f\u0440\u043e\u0441\u0442\u043e: \u0437\u0430\u043c\u0435\u043d\u0438\u043c \u0446\u0432\u0435\u0442 \u0442\u0435\u043a\u0441\u0442\u0430 \u043d\u0430 colorAccent:<\/p>\n<pre><code class=\"xml\">&lt;style name=&quot;TextAppearance.Material.Sbrf.Error&quot; parent=&quot;@style\/TextAppearance.Material.Sbrf.Caption&quot;&gt; &lt;item name=&quot;android:textColor&quot;&gt;?attr\/colorAccent&lt;\/item&gt; &lt;\/style&gt;<\/code><\/pre>\n<p>  \u041f\u0440\u0438\u043c\u0435\u043d\u0438\u043c \u044d\u0442\u043e\u0442 TextAppearance \u0432 \u0441\u0442\u0438\u043b\u0435 TextInputLayout:<\/p>\n<pre><code class=\"xml\">&lt;style name=&quot;Widget.Material.Sbrf.TextInputLayout&quot; parent=&quot;@style\/Widget.Design.TextInputLayout&quot;&gt; &lt;item name=&quot;errorTextAppearance&quot;&gt;@style\/TextAppearance.Material.Sbrf.Error&lt;\/item&gt; &lt;\/style&gt;<\/code><\/pre>\n<p>  \u041f\u0440\u0438\u043c\u0435\u043d\u0438\u043c \u0441\u0432\u0435\u0436\u0435\u0441\u043e\u0437\u0434\u0430\u043d\u043d\u044b\u0439 \u0441\u0442\u0438\u043b\u044c \u043a TextInputLayout \u0432 \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0435. \u0412\u043e\u0442 \u0447\u0442\u043e \u0443 \u043d\u0430\u0441 \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u043e\u0441\u044c:<\/p>\n<div style=\"text-align:center;\"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/b51\/4f7\/d00\/b514f7d00b545caef1c3aca6b59efd10.png\" \/><\/div>\n<p>  \u041d\u0430\u043f\u043e\u0441\u043b\u0435\u0434\u043e\u043a \u0432\u043d\u0435\u0441\u0435\u043c \u0432\u0430\u0436\u043d\u043e\u0435 \u0443\u043b\u0443\u0447\u0448\u0435\u043d\u0438\u0435. \u041e\u0431\u044b\u0447\u043d\u043e \u0434\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0432\u0438\u0434\u0436\u0435\u0442\u0430 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442 \u0430\u0442\u0440\u0438\u0431\u0443\u0442 \u0432 \u0442\u0435\u043c\u0435, \u043f\u043e \u043a\u043e\u0442\u043e\u0440\u043e\u043c\u0443 \u043e\u043d \u0432 \u0441\u0432\u043e\u0435\u043c \u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0442\u043e\u0440\u0435 \u043c\u043e\u0436\u0435\u0442 \u0432\u0437\u044f\u0442\u044c \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0439 \u0434\u043b\u044f \u0434\u0430\u043d\u043d\u043e\u0439 \u0442\u0435\u043c\u044b \u0441\u0442\u0438\u043b\u044c. TextInputLayout (\u043a\u0430\u043a \u0438 \u0434\u0440\u0443\u0433\u0438\u0435 \u0432\u0438\u0434\u0436\u0435\u0442\u044b \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 Design) \u0442\u0430\u043a\u043e\u0433\u043e \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u0430 \u0432 \u0442\u0435\u043c\u0435 \u043d\u0435 \u0438\u043c\u0435\u0435\u0442. \u0412\u0432\u0435\u0434\u0435\u043c \u0435\u0433\u043e \u043d\u0430 \u0441\u0442\u043e\u0440\u043e\u043d\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f:<\/p>\n<pre><code class=\"xml\">&lt;declare-styleable name=&quot;Theme.Material.Sbrf&quot;&gt; &lt;attr name=&quot;textInputLayoutStyle&quot; format=&quot;reference&quot;\/&gt; &lt;\/declare-styleable&gt;<\/code><\/pre>\n<p>  \u0412\u043d\u0435\u0434\u0440\u0438\u043c \u0435\u0433\u043e \u0432 \u0442\u0435\u043c\u0443:<\/p>\n<pre><code class=\"xml\">&lt;style name=&quot;Theme.Material.Sbrf&quot; parent=&quot;@style\/Theme.AppCompat.Light.NoActionBar&quot;&gt; &lt;item name=&quot;textInputLayoutStyle&quot;&gt;@style\/Widget.Material.Sbrf.TextInputLayout&lt;\/item&gt; &lt;\/style&gt;<\/code><\/pre>\n<p>  \u0422\u0435\u043f\u0435\u0440\u044c \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u043f\u043e \u044d\u0442\u043e\u043c\u0443 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u0443 \u043f\u043e\u0434\u0442\u044f\u0433\u0438\u0432\u0430\u0442\u044c \u0441\u0442\u0438\u043b\u044c \u0432\u0438\u0434\u0436\u0435\u0442\u0430 \u0432 \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0435:<\/p>\n<pre><code class=\"xml\">&lt;android.support.design.widget.TextInputLayout style=&quot;?attr\/textInputLayoutStyle&quot; android:layout_width=&quot;match_parent&quot; android:layout_height=&quot;wrap_content&quot;&gt; <\/code><\/pre>\n<h4><font color=\"#E64A19\">\u0421\u0442\u0438\u043b\u0438\u0437\u0430\u0446\u0438\u044f AppBar-\u0430<\/font><\/h4>\n<p>  \u0421 \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u044b\u043c\u0438 \u043f\u043e\u043b\u044f\u043c\u0438, \u0448\u0440\u0438\u0444\u0442\u0430\u043c\u0438 \u0438 \u0446\u0432\u0435\u0442\u0430\u043c\u0438 \u043c\u044b \u0441\u043f\u0440\u0430\u0432\u0438\u043b\u0438\u0441\u044c. \u041e\u0441\u0442\u0430\u043b\u0430\u0441\u044c \u0435\u0449\u0451 \u043f\u0430\u0440\u0430 \u0432\u0430\u0436\u043d\u044b\u0445 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432, \u0432 \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u043d\u0430\u0434\u043e \u043d\u0430\u0432\u0435\u0441\u0442\u0438 \u043f\u043e\u0440\u044f\u0434\u043e\u043a: AppBar \u0438 Toolbar. \u0412 \u0442\u0438\u043f\u0438\u0447\u043d\u043e\u043c Activity \u043f\u0440\u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0438 Material-\u0434\u0438\u0437\u0430\u0439\u043d\u0430 \u0432\u0435\u0440\u0445\u043d\u044f\u044f \u043f\u0430\u043d\u0435\u043b\u044c \u043f\u043e \u0441\u0442\u0438\u043b\u044e \u043e\u0442\u043b\u0438\u0447\u0430\u0435\u0442\u0441\u044f \u043e\u0442 \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0430 Activity: \u043e\u043d\u0430 \u043e\u0442\u043b\u0438\u0447\u0430\u0435\u0442\u0441\u044f \u0434\u0440\u0443\u0433\u0438\u043c \u0444\u043e\u043d\u043e\u043c, \u0434\u0440\u0443\u0433\u0438\u043c \u0446\u0432\u0435\u0442\u043e\u043c \u0442\u0435\u043a\u0441\u0442\u0430. Google \u043f\u0440\u0435\u0434\u043f\u043e\u043b\u0430\u0433\u0430\u0435\u0442, \u0447\u0442\u043e \u043c\u044b \u0434\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u0431\u0443\u0434\u0435\u043c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u043e\u043c actionBarTheme. \u0421 \u043d\u0438\u043c \u0438 \u0431\u0443\u0434\u0435\u043c \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c.<\/p>\n<p>  \u0410\u0442\u0440\u0438\u0431\u0443\u0442 actionBarTheme \u0441\u0441\u044b\u043b\u0430\u0435\u0442\u0441\u044f \u043d\u0430 ThemeOverlay \u2014 \u0441\u0432\u043e\u0435\u0433\u043e \u0440\u043e\u0434\u0430 \u043c\u0438\u043d\u0438-\u0442\u0435\u043c\u0443, \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u0435\u043c\u0443\u044e \u043a \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e\u043c\u0443 ViewGroup, \u0435\u0433\u043e \u0434\u043e\u0447\u0435\u0440\u043d\u0438\u043c \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430\u043c, \u0438\u0445 \u0434\u043e\u0447\u0435\u0440\u043d\u0438\u043c \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430\u043c \u0438 \u0442\u0430\u043a \u0434\u0430\u043b\u0435\u0435. \u041f\u0440\u0438 \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u0438 ThemeOverlay \u043e\u0434\u043d\u043e\u0438\u043c\u0435\u043d\u043d\u044b\u0435 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u044b \u0442\u0435\u043c\u044b Activity \u043f\u043e\u043b\u0443\u0447\u0430\u044e\u0442 \u043d\u043e\u0432\u043e\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435. \u0414\u043b\u044f \u0431\u043e\u043b\u044c\u0448\u0435\u0439 \u043d\u0430\u0433\u043b\u044f\u0434\u043d\u043e\u0441\u0442\u0438 \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c 3 \u0441\u043a\u0440\u0438\u043d\u0448\u043e\u0442\u0430: \u043d\u0430 \u043f\u0435\u0440\u0432\u043e\u043c \u043a \u0432\u0435\u0440\u0445\u043d\u0435\u043c\u0443 \u0431\u0430\u0440\u0443 \u0438 \u0432\u0438\u0434\u0436\u0435\u0442\u0430\u043c \u0432 \u043d\u0435\u043c \u043d\u0435 \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u044e\u0442\u0441\u044f \u043d\u0438 \u0441\u0442\u0438\u043b\u044c, \u043d\u0438 ThemeOverlay, \u043d\u0430 \u0432\u0442\u043e\u0440\u043e\u043c \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u044e\u0442\u0441\u044f \u0437\u0435\u043b\u0451\u043d\u044b\u0439 \u0441\u0442\u0438\u043b\u044c \u0438 ThemeOverlay \u0441 \u0431\u0435\u043b\u044b\u043c \u0442\u0435\u043a\u0441\u0442\u043e\u043c, \u043d\u0430 \u0442\u0440\u0435\u0442\u044c\u0435\u043c \u2014 \u0431\u0435\u043b\u044b\u0439 \u0441\u0442\u0438\u043b\u044c \u0438 ThemeOverlay \u0441 \u0437\u0435\u043b\u0451\u043d\u044b\u043c \u0442\u0435\u043a\u0441\u0442\u043e\u043c.<\/p>\n<div style=\"text-align:center;\"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/9f2\/c77\/c12\/9f2c77c126586ea7faaa7f0f40a646b6.png\" \/><\/div>\n<p>  <b>\u0426\u0432\u0435\u0442 \u0444\u043e\u043d\u0430 AppBarLayout.<\/b> \u0412 \u0440\u0435\u0441\u0443\u0440\u0441\u0430\u0445 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 Design \u0443\u043a\u0430\u0437\u0430\u043d\u043e, \u0447\u0442\u043e Background \u044d\u0442\u043e\u0433\u043e \u0432\u0438\u0434\u0436\u0435\u0442\u0430 \u043a\u0440\u0430\u0441\u0438\u0442\u0441\u044f \u0432 \u043f\u0435\u0440\u0432\u0438\u0447\u043d\u044b\u0439 \u0446\u0432\u0435\u0442 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f (colorPrimary). \u0421\u043e\u0437\u0434\u0430\u0434\u0438\u043c \u0441\u0442\u0438\u043b\u0438 \u0434\u043b\u044f AppBarLayout:<\/p>\n<pre><code class=\"xml\">&lt;style name=&quot;Widget.Material.Sbrf.AppBarLayout&quot; parent=&quot;@style\/Widget.Design.AppBarLayout&quot;&gt; &lt;\/style&gt;  &lt;style name=&quot;Widget.Material.Sbrf.AppBarLayout.Colored&quot;&gt; &lt;\/style&gt;  &lt;style name=&quot;Widget.Material.Sbrf.AppBarLayout.White&quot;&gt;    &lt;item name=&quot;android:background&quot;&gt;?android:attr\/colorForegroundInverse&lt;\/item&gt; &lt;\/style&gt;<\/code><\/pre>\n<p>  \u041f\u043e \u0430\u043d\u0430\u043b\u043e\u0433\u0438\u0438 \u0441 TextInputLayout \u0441\u043e\u0437\u0434\u0430\u0434\u0438\u043c \u0432 \u0442\u0435\u043c\u0435 \u0430\u0442\u0440\u0438\u0431\u0443\u0442 appBarLayoutStyle, \u0447\u0442\u043e\u0431\u044b \u043f\u043e \u043d\u0435\u043c\u0443 \u0432 \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0435 \u043f\u043e\u043b\u0443\u0447\u0430\u0442\u044c \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0439 \u0441\u0442\u0438\u043b\u044c \u0432\u0438\u0434\u0436\u0435\u0442\u0430.<\/p>\n<p>  <b>\u0421\u0442\u0438\u043b\u044c TabLayout.<\/b> \u0420\u0435\u0448\u0430\u0435\u0442\u0441\u044f \u0430\u043d\u0430\u043b\u043e\u0433\u0438\u0447\u043d\u043e \u0437\u0430\u0434\u0430\u0447\u0435 \u0441 AppBarLayout.<\/p>\n<p>  <b>\u0426\u0432\u0435\u0442 \u0438\u043a\u043e\u043d\u043e\u043a \u0432 toolbar\u2019\u0435 <\/b>\u0437\u0430\u0434\u0430\u0435\u0442\u0441\u044f \u043f\u043e\u0441\u0440\u0435\u0434\u0441\u0442\u0432\u043e\u043c \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u0430 colorControlNormal. \u041e\u0434\u043d\u0430\u043a\u043e, \u0437\u0434\u0435\u0441\u044c \u0435\u0441\u0442\u044c \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043d\u0430\u0434\u043e \u0440\u0435\u0448\u0438\u0442\u044c. \u0426\u0432\u0435\u0442 colorControlNorman \u043c\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043b\u0438 \u0434\u043b\u044f \u043b\u0438\u043d\u0438\u0438 EditText-\u0430 \u0432 \u043d\u0435\u0441\u0444\u043e\u043a\u0443\u0441\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u043c \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0438 (\u0430\u0432\u0442\u043e\u043c\u0430\u0442\u043e\u043c \u0446\u0432\u0435\u0442 \u0442\u0430\u043a\u0436\u0435 \u043f\u0440\u0438\u043c\u0435\u043d\u0438\u043b\u0441\u044f \u0434\u043b\u044f \u0446\u0432\u0435\u0442\u0430 \u043d\u0435\u0437\u0430\u043f\u043e\u043b\u043d\u0435\u043d\u043d\u043e\u0433\u043e \u043f\u0440\u043e\u0433\u0440\u0435\u0441\u0441\u0430 \u0432 \u0434\u0435\u0442\u0435\u0440\u043c\u0438\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u043c ProgressBar \u0438 \u0432 SeekBar). ThemeOverlay \u0441 \u0431\u0435\u043b\u044b\u043c \u0442\u0435\u043a\u0441\u0442\u043e\u043c \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u0442 colorControlNormal \u043a\u0430\u043a #FFFFFF (\u0431\u0435\u043b\u044b\u0439). ThemeOverlay \u0441 \u0437\u0435\u043b\u0451\u043d\u044b\u043c \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u0442 colorControlNormal \u043a\u0430\u043a ?attr\/colorPrimary (\u0443 \u043d\u0430\u0441 \u043e\u043d, \u043a\u0430\u043a \u0432\u044b \u043f\u043e\u043c\u043d\u0438\u0442\u0435, \u0437\u0435\u043b\u0451\u043d\u044b\u0439).<br \/>  \u041e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u043c ThemeOverlay.<\/p>\n<pre><code class=\"xml\">&lt;style name=&quot;Theme.Material.Sbrf&quot; parent=&quot;@style\/Theme.AppCompat.Light.NoActionBar&quot;&gt;    &lt;item name=&quot;colorControlNormal&quot;&gt;@color\/color_control_normal&lt;\/item&gt;    &lt;item name=&quot;appBarLayoutStyle&quot;&gt;@style\/Widget.Material.Sbrf.AppBarLayout&lt;\/item&gt; &lt;\/style&gt;  &lt;style name=&quot;Theme.Material.Sbrf.Colored&quot;&gt; &lt;i&gt;&lt;\/i&gt;   &lt;item name=&quot;actionBarTheme&quot;&gt;@style\/ThemeOverlay.Material.Sbrf.ActionBar.Colored&lt;\/item&gt;    &lt;item name=&quot;appBarLayoutStyle&quot;&gt;@style\/Widget.Material.Sbrf.AppBarLayout.Colored&lt;\/item&gt; &lt;\/style&gt;  &lt;style name=&quot;Theme.Material.Sbrf.WhiteActionBar&quot;&gt; &lt;i&gt;&lt;\/i&gt;   &lt;item name=&quot;actionBarTheme&quot;&gt;@style\/ThemeOverlay.Material.Sbrf.ActionBar.White&lt;\/item&gt;    &lt;item name=&quot;appBarLayoutStyle&quot;&gt;@style\/Widget.Material.Sbrf.AppBarLayout.White&lt;\/item&gt; &lt;\/style&gt;  &lt;style name=&quot;ThemeOverlay.Material.Sbrf&quot; parent=&quot;@style\/ThemeOverlay.AppCompat.Light&quot;&gt;    &lt;item name=&quot;colorControlNormal&quot;&gt;@color\/color_control_normal&lt;\/item&gt; &lt;\/style&gt;  &lt;style name=&quot;ThemeOverlay.Material.Sbrf.ActionBar&quot;&gt; &lt;i&gt;&lt;\/i&gt;   &lt;item name=&quot;searchViewStyle&quot;&gt;@style\/Widget.AppCompat.SearchView.ActionBar&lt;\/item&gt; &lt;\/style&gt;  &lt;style name=&quot;ThemeOverlay.Material.Sbrf.ActionBar.Colored&quot;&gt; &lt;i&gt;&lt;\/i&gt;   &lt;item name=&quot;colorControlNormal&quot;&gt;?android:attr\/textColorPrimaryInverse&lt;\/item&gt; &lt;\/style&gt;  &lt;style name=&quot;ThemeOverlay.Material.Sbrf.ActionBar.White&quot;&gt; &lt;i&gt;&lt;\/i&gt;   &lt;item name=&quot;android:colorForeground&quot;&gt;@color\/color_foreground&lt;\/item&gt;    &lt;item name=&quot;android:colorForegroundInverse&quot;&gt;@color\/color_foreground_inverse&lt;\/item&gt;    &lt;item name=&quot;colorControlNormal&quot;&gt;?attr\/colorPrimary&lt;\/item&gt; &lt;\/style&gt;<\/code><\/pre>\n<p>  \u0418 \u043f\u0440\u0438\u043c\u0435\u043d\u0438\u043c \u0438\u0445 \u0432 \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0435:<\/p>\n<pre><code class=\"xml\">&lt;android.support.design.widget.AppBarLayout    android:id=&quot;@+id\/app_bar_layout&quot;    style=&quot;?attr\/appBarLayoutStyle&quot;    android:layout_width=&quot;match_parent&quot;    android:layout_height=&quot;wrap_content&quot;    app:theme=&quot;?attr\/actionBarTheme&quot;&gt;     &lt;android.support.v7.widget.Toolbar        android:id=&quot;@+id\/toolbar&quot;        android:layout_width=&quot;match_parent&quot;        android:layout_height=&quot;wrap_content&quot;\/&gt;  &lt;i&gt;&lt;\/i&gt;   &lt;android.support.design.widget.TabLayout        android:id=&quot;@+id\/tab_layout&quot;        style=&quot;?attr\/tabLayoutStyle&quot;        android:layout_width=&quot;match_parent&quot;        android:layout_height=&quot;wrap_content&quot;        android:clipToPadding=&quot;false&quot;        android:paddingLeft=&quot;0dp&quot;        app:tabMode=&quot;fixed&quot;\/&gt; &lt;\/android.support.design.widget.AppBarLayout&gt; <\/code><\/pre>\n<p>  <b>\u041e\u0442\u0441\u0442\u0443\u043f \u0442\u0435\u043a\u0441\u0442\u0430 \u0432 toolbar\u2019\u0435 \u043e\u0442 \u043b\u0435\u0432\u043e\u0433\u043e \u043a\u0440\u0430\u044f.<\/b> Google Material Guidelines \u043f\u0440\u0435\u0434\u043f\u0438\u0441\u044b\u0432\u0430\u044e\u0442 \u0435\u0433\u043e \u0432\u044b\u0441\u0442\u0430\u0432\u043b\u044f\u0442\u044c \u0432 72dp, \u0435\u0441\u043b\u0438 \u0435\u0441\u0442\u044c \u043a\u043d\u043e\u043f\u043a\u0430 Up, \u0438 16dp, \u0435\u0441\u043b\u0438 \u0435\u0451 \u043d\u0435\u0442. \u041a\u0430\u043a \u0432\u0430\u0440\u0438\u0430\u043d\u0442, \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u0432 \u0434\u0432\u0443\u0445 \u0440\u0430\u0437\u043d\u044b\u0445 \u0442\u0435\u043c\u0430\u0445 \u0434\u043b\u044f \u0442\u0430\u043a\u0438\u0445 Activity \u043f\u0440\u043e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0434\u0432\u0430 \u0440\u0430\u0437\u043d\u044b\u0445 \u0441\u0442\u0438\u043b\u044f toolbar\u2019\u0430 \u0441 \u0434\u0432\u0443\u043c\u044f \u0440\u0430\u0437\u043d\u044b\u043c\u0438 \u043e\u0442\u0441\u0442\u0443\u043f\u0430\u043c\u0438. \u041c\u044b \u0440\u0435\u0448\u0438\u043b\u0438 \u043d\u0435 \u043c\u0435\u043d\u044f\u0442\u044c \u0432\u0435\u0441\u044c \u0441\u0442\u0438\u043b\u044c \u0438\u0437-\u0437\u0430 \u043e\u0434\u043d\u043e\u0433\u043e \u043d\u0435\u0437\u043d\u0430\u0447\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0433\u043e \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0430, \u0430 \u043c\u0435\u043d\u044f\u0442\u044c \u0441\u0430\u043c \u044d\u0442\u043e\u0442 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440.<\/p>\n<p>  \u0417\u0430\u0432\u0435\u0434\u0435\u043c \u043d\u043e\u0432\u044b\u0439 \u0430\u0442\u0440\u0438\u0431\u0443\u0442 \u0432 \u0442\u0435\u043c\u0435:<\/p>\n<pre><code class=\"xml\">   &lt;&lt;b&gt;declare-styleable name=&quot;Theme.Material.Sbrf&quot;&lt;\/b&gt;&gt;        &lt;&lt;b&gt;attr name=&quot;toolbarContentInsetStart&quot; format=&quot;dimension&quot;&lt;\/b&gt;\/&gt;    &lt;\/&lt;b&gt;declare-styleable&lt;\/b&gt;&gt;<\/code><\/pre>\n<p>  \u041e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u043c \u043d\u043e\u0432\u044b\u0439 \u0441\u0442\u0438\u043b\u044c toolbar\u2019\u0430:<\/p>\n<pre><code class=\"xml\">&lt;style name=&quot;Widget.Material.Sbrf.Toolbar&quot; parent=&quot;@style\/Widget.AppCompat.Toolbar&quot;&gt;    &lt;item name=&quot;contentInsetLeft&quot;&gt;?attr\/toolbarContentInsetStart&lt;\/item&gt;    &lt;item name=&quot;contentInsetStart&quot;&gt;?attr\/toolbarContentInsetStart&lt;\/item&gt; &lt;\/style&gt;<\/code><\/pre>\n<p>  \u041e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u043c \u043d\u043e\u0432\u044b\u0439 \u0430\u0442\u0440\u0438\u0431\u0443\u0442 \u0432 2 \u0442\u0435\u043c\u0430\u0445, \u0432 \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0439 \u0442\u0435\u043c\u0435 \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u043c \u0441\u0442\u0438\u043b\u044c toolbar\u2019\u0430.<\/p>\n<pre><code class=\"xml\">&lt;style name=&quot;Theme.Material.Sbrf&quot; parent=&quot;@style\/Theme.AppCompat.Light.NoActionBar&quot;&gt; &lt;item name=&quot;toolbarContentInsetStart&quot;&gt;72dp&lt;\/item&gt; &lt;item name=&quot;toolbarStyle&quot;&gt;@style\/Widget.Material.Sbrf.Toolbar&lt;\/item&gt; &lt;\/style&gt; &lt;style name=&quot;Theme.Material.Sbrf.Colored&quot;&gt;   &lt;i&gt;&lt;!-- \u0417\u0434\u0435\u0441\u044c \u043c\u044b \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u043c \u0440\u0430\u0437\u043b\u0438\u0447\u043d\u044b\u0435 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u044b, \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u0447\u043d\u044b\u0435 \u0434\u043b\u044f \u0434\u0430\u043d\u043d\u043e\u0439 \u0442\u0435\u043c\u044b --&gt;&lt;\/i&gt; &lt;\/style&gt;  &lt;style name=&quot;Theme.Material.Sbrf.Colored.IconlessList&quot;&gt; &lt;i&gt;&lt;\/i&gt;   &lt;item name=&quot;toolbarContentInsetStart&quot;&gt;16dp&lt;\/item&gt; &lt;\/style&gt;<\/code><\/pre>\n<p>  \u0422\u0435\u043f\u0435\u0440\u044c, \u0432 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0442 \u0443\u043a\u0430\u0437\u0430\u043d\u043d\u043e\u0439 \u0442\u0435\u043c\u044b, \u0442\u0435\u043a\u0441\u0442 \u0431\u0443\u0434\u0435\u0442 \u0438\u043c\u0435\u0442\u044c \u0440\u0430\u0437\u043b\u0438\u0447\u043d\u044b\u0439 \u043e\u0442\u0441\u0442\u0443\u043f \u043e\u0442 \u043b\u0435\u0432\u043e\u0433\u043e \u043a\u0440\u0430\u044f. \u0422\u043e, \u0447\u0442\u043e \u0438 \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043b\u043e\u0441\u044c \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u043f\u043e \u0433\u0430\u0439\u0434\u043b\u0430\u0439\u043d\u0430\u043c.<\/p>\n<p>  <b>\u0426\u0432\u0435\u0442 \u0442\u0435\u043a\u0441\u0442\u0430 \u0432 toolbar\u2019\u0435.<\/b> \u0412 \u0441\u0442\u0438\u043b\u044f\u0445 AppCompat \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e \u0437\u0430\u0434\u0430\u043d \u0446\u0432\u0435\u0442 \u0434\u043b\u044f \u0442\u0435\u043a\u0441\u0442\u0430: textColorPrimary. \u0412 \u0441\u0430\u043c\u043e\u0439 \u0442\u0435\u043c\u0435 textColorPrimary \u0437\u0430\u0432\u0435\u0434\u0451\u043d \u043a\u0430\u043a 90% \u0447\u0435\u0440\u043d\u044b\u0439. \u0437\u0435\u043b\u0451\u043d\u044b\u0439 ThemeOverlay \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u0442 textColorPrimary \u043a\u0430\u043a 100% \u0431\u0435\u043b\u044b\u0439. \u0411\u0435\u043b\u044b\u0439 ThemeOverlay \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u0442 \u0435\u0433\u043e \u043a\u0430\u043a ?attr\/colorPrimary. <\/p>\n<p>  <b>\u041e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u0438\u044f ThemeOverlay.<\/b> \u041d\u0435 \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u044e\u0442\u0441\u044f \u043a View \u0444\u0440\u0430\u0433\u043c\u0435\u043d\u0442\u043e\u0432, \u043b\u0435\u0436\u0430\u0449\u0438\u0445 \u0432\u043d\u0443\u0442\u0440\u0438 AppBarLayout.<\/p>\n<h1><font color=\"#2196F3\">\u0417\u0430\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435<\/font><\/h1>\n<p>  \u041f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0441\u0442\u0430\u043b\u043e \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u043e \u0432 Google Play \u043d\u0430 \u0434\u043d\u044f\u0445, \u0438 \u0441\u0430\u043c\u043e\u0435 \u0432\u0440\u0435\u043c\u044f \u043f\u043e\u0434\u0432\u0435\u0441\u0442\u0438 \u0438\u0442\u043e\u0433\u0438 \u043d\u0430\u0448\u0438\u0445 \u0440\u0435\u0444\u043e\u0440\u043c. <\/p>\n<p>  \u041c\u044b \u0437\u043d\u0430\u0447\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0441\u043e\u043a\u0440\u0430\u0442\u0438\u043b\u0438 \u0432\u0440\u0435\u043c\u044f, \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0435 \u043d\u0430 \u0432\u0451\u0440\u0441\u0442\u043a\u0443 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f: \u0431\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u044f \u0443\u043d\u0438\u0444\u0438\u0446\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u043c TextAppearance, \u043e\u0442\u0441\u0442\u0443\u043f\u0430\u043c \u0438 \u0441\u0442\u0438\u043b\u044f\u043c \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u043d\u043e\u0432\u044b\u0445 \u044d\u043a\u0440\u0430\u043d\u043e\u0432 \u0438 \u0440\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0441\u0442\u0430\u0440\u044b\u0445 \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442 \u0431\u044b\u0441\u0442\u0440\u043e \u0438 \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e. \u0411\u043e\u043b\u044c\u0448\u0435 \u043d\u0438\u043a\u0430\u043a\u0438\u0445 \u0431\u0435\u0441\u0441\u043c\u044b\u0441\u043b\u0435\u043d\u043d\u044b\u0445 \u0442\u0440\u0430\u0442 \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u043d\u0430 \u0440\u0443\u0447\u043d\u043e\u0435 \u0438\u0437\u043c\u0435\u0440\u0435\u043d\u0438\u0435 \u043e\u0442\u0441\u0442\u0443\u043f\u043e\u0432, \u043d\u0430 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0443 \u0446\u0432\u0435\u0442\u043e\u0432 \u0432 ColorPicker-\u0435 (\u043e\u0442\u0442\u0443\u0434\u0430 \u0435\u0449\u0435 \u043f\u043e\u0434\u0438 \u0434\u043e\u0441\u0442\u0430\u043d\u044c \u0430\u043b\u044c\u0444\u0430-\u043a\u0430\u043d\u0430\u043b \u0434\u043b\u044f \u0446\u0432\u0435\u0442\u0430): \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u043b \u043d\u0430 \u043f\u0441\u0435\u0432\u0434\u043e\u043d\u0438\u043c\u0430 \u0440\u0435\u0441\u0443\u0440\u0441\u0430 \u0432 \u043c\u0430\u043a\u0435\u0442\u0435, \u0432\u044b\u0431\u0440\u0430\u043b \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0439 \u0440\u0435\u0441\u0443\u0440\u0441, \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0448\u044c \u0434\u0430\u043b\u044c\u0448\u0435. <\/p>\n<p>  \u041f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0441\u0442\u044b \u043f\u043e\u043d\u0438\u043c\u0430\u044e\u0442, \u043e\u0442 \u0447\u0435\u0433\u043e \u043e\u0442\u0442\u0430\u043b\u043a\u0438\u0432\u0430\u044e\u0442\u0441\u044f \u0438 \u0447\u0442\u043e \u043f\u043e\u0434\u0440\u0430\u0437\u0443\u043c\u0435\u0432\u0430\u044e\u0442 \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u044b \u043f\u0440\u0438 \u0440\u0435\u0448\u0435\u043d\u0438\u0438 UX-\u0437\u0430\u0434\u0430\u0447. \u041e\u043d\u0438 \u0443\u0447\u0438\u0442\u044b\u0432\u0430\u044e\u0442 \u044d\u0442\u043e \u043f\u0440\u0438 \u0441\u0442\u0438\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0432\u0438\u0434\u0436\u0435\u0442\u0430. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0435\u0441\u043b\u0438 \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440 \u043e\u0442\u0440\u0438\u0441\u043e\u0432\u0430\u043b \u0437\u0435\u043b\u0451\u043d\u0443\u044e \u043a\u043d\u043e\u043f\u043a\u0443 \u043d\u0430 \u043c\u0430\u043a\u0435\u0442\u0435, \u0442\u043e \u0432 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438 \u0434\u043e\u043b\u0436\u0435\u043d \u0431\u044b\u0442\u044c \u043d\u0435 \u0431\u0435\u0437\u043b\u0438\u043a\u0438\u0439 \u043a\u0438\u0440\u043f\u0438\u0447-\u0437\u0430\u0433\u043b\u0443\u0448\u043a\u0430, \u0430 \u043a\u043d\u043e\u043f\u043a\u0430, \u0440\u0435\u0430\u0433\u0438\u0440\u0443\u044e\u0449\u0430\u044f \u043d\u0430 \u043d\u0430\u0436\u0430\u0442\u0438\u0435. \u0414\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u044b \u043e\u0441\u043e\u0437\u043d\u0430\u044e\u0442, \u043a\u0430\u043a\u043e\u0439 \u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u0434\u043b\u044f \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u044b \u0410\u043d\u0434\u0440\u043e\u0438\u0434 \u0440\u043e\u0434\u043d\u043e\u0439, \u0430 \u043a\u0430\u043a\u043e\u0439 \u2014 \u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f \u0441\u0438\u043b\u044c\u043d\u043e \u0434\u043e\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0442\u044c \u0438 \u0441\u043b\u043e\u0436\u043d\u043e \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0442\u044c. <\/p>\n<p>  \u041d\u0430\u043b\u0430\u0436\u0435\u043d\u043d\u043e\u0435 \u0432\u0437\u0430\u0438\u043c\u043e\u043f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u043c\u0435\u0436\u0434\u0443 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0441\u0442\u0430\u043c\u0438 \u0438 \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u0430\u043c\u0438 \u043f\u043e\u0437\u0432\u043e\u043b\u0438\u043b\u043e \u0432\u044b\u0434\u0430\u0432\u0430\u0442\u044c \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u0431\u044b\u0441\u0442\u0440\u0435\u0435 \u0438 \u043d\u0430\u0434\u0435\u0436\u043d\u0435\u0435. \u041f\u0440\u0430\u0432\u043a\u0438 \u0432 \u0432\u0435\u0440\u0441\u0442\u043a\u0443 \u0432\u043d\u043e\u0441\u0438\u043b\u0438\u0441\u044c \u043f\u043e \u0449\u0435\u043b\u0447\u043a\u0443 \u043f\u0430\u043b\u044c\u0446\u0435\u0432: \u0447\u0435\u0433\u043e \u0441\u0442\u043e\u0438\u0442 \u043e\u0434\u043d\u0430 \u0442\u043e\u043b\u044c\u043a\u043e \u0437\u0430\u043c\u0435\u043d\u0430 \u0437\u0435\u043b\u0451\u043d\u043e\u0433\u043e \u0430\u043f\u043f\u0431\u0430\u0440\u0430 \u043d\u0430 \u0431\u0435\u043b\u044b\u0439 (\u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u043d\u043e\u0432\u044b\u0439 \u0441\u0442\u0438\u043b\u044c AppBarLayout, \u043d\u043e\u0432\u044b\u0439 ThemeOverlay, \u0441\u043e\u0435\u0434\u0438\u043d\u0438\u0442\u044c \u0438\u0445 \u0432 \u043e\u0434\u043d\u043e\u0439 \u0442\u0435\u043c\u0435 \u0438 \u043d\u0430\u0437\u043d\u0430\u0447\u0438\u0442\u044c \u0435\u0451 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u0434\u043b\u044f \u0432\u0441\u0435\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430).<\/p>\n<p>  \u0415\u0441\u0442\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u043e, \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0438\u0434\u0435\u0438 \u043e\u043a\u0430\u0437\u0430\u043b\u0438\u0441\u044c \u043d\u0435\u0443\u0434\u0430\u0447\u043d\u044b\u043c\u0438. \u041c\u044b \u0441\u0434\u0435\u043b\u0430\u043b\u0438 \u043d\u0435\u0432\u0435\u0440\u043d\u043e\u0435 \u043f\u0440\u0435\u0434\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u0435, \u0447\u0442\u043e \u043d\u0430\u043c \u0445\u0432\u0430\u0442\u0438\u0442 5 \u043c\u0438\u043d\u0438\u043c\u0430\u043b\u044c\u043d\u044b\u0445 \u0432\u044b\u0441\u043e\u0442 \u044f\u0447\u0435\u0435\u043a; \u043d\u0430 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0435 \u0436\u0435 \u043e\u043a\u0430\u0437\u0430\u043b\u043e\u0441\u044c, \u0447\u0442\u043e \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u044b \u043f\u0440\u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0438 \u043d\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442 \u0442\u0430\u043a\u0443\u044e \u0445\u0430\u0440\u0430\u043a\u0442\u0435\u0440\u0438\u0441\u0442\u0438\u043a\u0443, \u0430 \u043e\u0442\u0442\u0430\u043b\u043a\u0438\u0432\u0430\u044e\u0442\u0441\u044f \u043d\u0435\u043f\u043e\u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u043e\u0442 \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0430. \u0421\u0438\u0441\u0442\u0435\u043c\u0430 \u0438\u043c\u0435\u043d\u043e\u0432\u0430\u043d\u0438\u0439 \u043e\u0442\u0441\u0442\u0443\u043f\u043e\u0432 \u043e\u043a\u0430\u0437\u0430\u043b\u043e\u0441\u044c \u043d\u0435\u0443\u0434\u0430\u0447\u043d\u043e\u0439 \u0438 \u043d\u0435 \u043d\u0430\u0433\u043b\u044f\u0434\u043d\u043e\u0439.<\/p>\n<p>  \u041d\u0435\u0441\u043c\u043e\u0442\u0440\u044f \u043d\u0430 \u044d\u0442\u043e, \u043e\u0441\u043d\u043e\u0432\u043d\u0430\u044f \u043c\u0430\u0441\u0441\u0430 \u043f\u0440\u0438\u043d\u044f\u0442\u044b\u0445 \u043f\u0440\u0430\u0432\u0438\u043b \u043e\u043a\u0430\u0437\u0430\u043b\u0430\u0441\u044c \u0447\u0440\u0435\u0437\u0432\u044b\u0447\u0430\u0439\u043d\u043e \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0439 \u043d\u0430 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0435. \u0421 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043d\u043e\u0432\u044b\u0445 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u043e\u0432 \u043c\u044b \u0441\u043e\u0437\u0434\u0430\u043b\u0438 \u0433\u0430\u0440\u043c\u043e\u043d\u0438\u0447\u043d\u043e\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0432 \u0441\u0442\u0438\u043b\u0435 Material. \u041f\u0440\u0438\u0433\u043b\u0430\u0448\u0430\u0435\u043c \u0432\u0441\u0435\u0445 \u0432 <a href=\"https:\/\/play.google.com\/store\/apps\/details?id=ru.sberbankmobile\">Google Play<\/a>, \u0433\u0434\u0435 \u043c\u043e\u0436\u043d\u043e \u043d\u0430 \u0434\u0435\u043b\u0435 \u043e\u0446\u0435\u043d\u0438\u0442\u044c \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u044b \u043d\u0430\u0448\u0435\u0439 \u0440\u0430\u0431\u043e\u0442\u044b. <\/p>\n<p>  \u0421\u043f\u0430\u0441\u0438\u0431\u043e \u0437\u0430 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435, \u0432 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u043c \u0432\u044b\u043f\u0443\u0441\u043a\u0435 \u043c\u044b \u0440\u0430\u0441\u0441\u043a\u0430\u0436\u0435\u043c \u043f\u0440\u043e \u043f\u0440\u043e\u0446\u0435\u0441\u0441 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430 \u043d\u0430\u0448\u0435\u0433\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f.               <\/p>\n<div class=\"clear\"><\/div>\n<p> \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b \u0441\u0442\u0430\u0442\u044c\u0438 <a href=\"http:\/\/habrahabr.ru\/post\/273945\/\"> http:\/\/habrahabr.ru\/post\/273945\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>       \u041f\u0440\u0438\u0432\u0435\u0442, \u0425\u0430\u0431\u0440\u0430\u0445\u0430\u0431\u0440! \u041d\u0435 \u0442\u0430\u043a \u0434\u0430\u0432\u043d\u043e \u043c\u044b \u043f\u043e\u0434\u0432\u043e\u0434\u0438\u043b\u0438 \u0438\u0442\u043e\u0433\u0438 \u043a\u043e\u043d\u043a\u0443\u0440\u0441\u0430 \u043f\u043e <a href=\"http:\/\/habrahabr.ru\/company\/google\/blog\/272621\/\">Material Design<\/a>, \u0438 \u0432 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u044f\u0445 \u043d\u0430\u0441 \u043f\u0440\u043e\u0441\u0438\u043b\u0438 \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u0440\u0435\u0430\u043b\u044c\u043d\u043e \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u044b\u0435 \u0438 \u043a\u0440\u0430\u0441\u0438\u0432\u044b\u0435 Material-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f. \u0427\u0442\u043e \u0436\u0435, \u0432\u0441\u0442\u0440\u0435\u0447\u0430\u0439\u0442\u0435: \u00ab\u0421\u0431\u0435\u0440\u0431\u0430\u043d\u043a \u041e\u043d\u043b\u0430\u0439\u043d\u00bb \u0432 \u043d\u043e\u0432\u043e\u043c, \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u043c \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0435. \u041f\u0440\u043e \u043f\u0440\u043e\u0446\u0435\u0441\u0441 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u0435\u0435 \u0443\u0437\u043d\u0430\u0442\u044c \u043e\u0442 \u0441\u0430\u043c\u0438\u0445 \u0441\u043e\u0437\u0434\u0430\u0442\u0435\u043b\u0435\u0439. <\/p>\n<div style=\"text-align:center;\"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/aeb\/b04\/83f\/aebb0483fdc5ace158ba6e94c5154da7.png\" \/><\/div>\n<p>  <b>\u041c\u044b \u043f\u0435\u0440\u0435\u0434\u0430\u0451\u043c \u0441\u043b\u043e\u0432\u043e \u043a\u043e\u043c\u0430\u043d\u0434\u0435 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432 Android-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0421\u0431\u0435\u0440\u0431\u0430\u043d\u043a\u0430, \u0447\u0442\u043e\u0431\u044b \u0432\u044b \u0443\u0441\u043b\u044b\u0448\u0430\u043b\u0438 \u043e\u0431 \u043e\u043f\u044b\u0442\u0435 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0442\u0430\u043a\u043e\u0439 \u0441\u043b\u043e\u0436\u043d\u043e\u0439 \u0448\u0442\u0443\u043a\u0438, \u043a\u0430\u043a UI \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u0433\u043e \u0431\u0430\u043d\u043a-\u043a\u043b\u0438\u0435\u043d\u0442\u0430, \u0438\u0437 \u043f\u0435\u0440\u0432\u044b\u0445 \u0443\u0441\u0442.<\/b> \u0411<i><b>\u043e<\/b><\/i>\u043b\u044c\u0448\u0443\u044e \u0447\u0430\u0441\u0442\u044c \u043f\u043e\u0441\u0442\u0430 \u043d\u0430\u043f\u0438\u0441\u0430\u043b  <a href=\"http:\/\/habrahabr.ru\/users\/freeuser\/\" class=\"user_link\">freeuser<\/a>, \u0442\u0430\u043a \u0447\u0442\u043e \u0441\u043f\u0430\u0441\u0438\u0431\u043e \u0433\u043e\u0432\u043e\u0440\u0438\u0442\u0435 \u0435\u043c\u0443. \ud83d\ude09  <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-271061","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/271061","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=271061"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/271061\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=271061"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=271061"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=271061"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}