{"id":2149,"date":"2015-06-06T14:46:18","date_gmt":"2015-06-06T14:46:18","guid":{"rendered":"http:\/\/www.fandroid.info\/?p=2149"},"modified":"2015-11-23T09:36:29","modified_gmt":"2015-11-23T09:36:29","slug":"android-design-support-library-podderzhka-komponentov-material-design-v-prilozheniyah-s-android-2-1-do-android-5-s-primerami","status":"publish","type":"post","link":"https:\/\/www.fandroid.info\/android-design-support-library-podderzhka-komponentov-material-design-v-prilozheniyah-s-android-2-1-do-android-5-s-primerami\/","title":{"rendered":"Android Design Support Library — \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432 Material Design \u0432 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f\u0445 \u0441 Android 2.1 \u0434\u043e Android 5+ (\u0441 \u043f\u0440\u0438\u043c\u0435\u0440\u0430\u043c\u0438)"},"content":{"rendered":"
Android 5.0 Lollipop<\/strong>\u00a0— \u043e\u0434\u0438\u043d \u0438\u0437 \u0441\u0430\u043c\u044b\u0445 \u0437\u043d\u0430\u0447\u0438\u043c\u044b\u0445 \u0440\u0435\u043b\u0438\u0437\u043e\u0432 \u0441\u0438\u0441\u0442\u0435\u043c\u044b Android<\/strong> , \u0432 \u043d\u0435\u043c\u0430\u043b\u043e\u0439 \u0441\u0442\u0435\u043f\u0435\u043d\u0438 \u0431\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u044f\u00a0\u0432\u0432\u0435\u0434\u0435\u043d\u0438\u044e \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u0438\u00a0Material Design<\/strong>, \u043d\u043e\u0432\u043e\u0433\u043e \u044f\u0437\u044b\u043a\u0430 \u0434\u0438\u0437\u0430\u0439\u043d\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u0440\u0435\u043e\u0431\u0440\u0430\u0437\u0438\u043b Android<\/strong>. \u00a0 \u041f\u043e\u0434\u0440\u043e\u0431\u043d\u044b\u0435 \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438<\/a>\u00a0 \u043f\u043e\u043c\u043e\u0433\u0430\u044e\u0442 \u043d\u0430\u0447\u0430\u0442\u044c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u00a0Material Design<\/strong>, \u043d\u043e \u043d\u0435 \u0440\u0435\u0448\u0430\u044e\u0442\u00a0\u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432, \u0441\u0432\u044f\u0437\u0430\u043d\u043d\u044b\u0435 \u0441\u00a0\u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0435\u043d\u0438\u0435\u043c \u043e\u0431\u0440\u0430\u0442\u043d\u043e\u0439 \u0441\u043e\u0432\u043c\u0435\u0441\u0442\u0438\u043c\u043e\u0441\u0442\u0438 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439.<\/p>\n \u041d\u043e\u0432\u0430\u044f \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0438 \u00a0Android Design Support Library \u00a0<\/strong>\u0434\u0435\u043b\u0430\u0435\u0442 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b\u043c\u00a0\u0432\u0435\u0441\u044c \u043d\u0430\u0431\u043e\u0440\u00a0\u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0434\u0438\u0437\u0430\u0439\u043d\u0430 \u0434\u043b\u044f \u0432\u0441\u0435\u0445 \u0432\u0435\u0440\u0441\u0438\u0439, \u043d\u0430\u0447\u0438\u043d\u0430\u044f \u0441\u00a0Android 2.1<\/strong> \u0438 \u0432\u044b\u0448\u0435:<\/p>\n \u041e\u0431\u043d\u043e\u0432\u0438\u0442\u0435 Android Support Repository<\/strong> \u0432 SDK \u043c\u0435\u043d\u0435\u0434\u0436\u0435\u0440\u0435. \u0414\u043b\u044f \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u044f\u00a0Android Design Support Library<\/strong> \u0432 \u0432\u0430\u0448 \u043f\u0440\u043e\u0435\u043a\u0442 \u0434\u043e\u0431\u0430\u0432\u044c\u0442\u0435 \u0441\u0442\u0440\u043e\u043a\u0443 \u0432 \u0441\u0435\u043a\u0446\u0438\u044e \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0435\u0439 \u0444\u0430\u0439\u043b\u0430 build.gradle<\/strong>:<\/p>\n \u0422\u0430\u043a \u043a\u0430\u043a \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u044c\u043d\u043e\u0433\u043e\u00a0\u0434\u0438\u0437\u0430\u0439\u043d\u0430\u00a0\u0437\u0430\u0432\u0438\u0441\u0438\u0442 \u043e\u0442 Support v4 \u0438 AppCompat Support Libraries, \u0442\u0435 \u0431\u0443\u0434\u0443\u0442 \u0432\u043a\u043b\u044e\u0447\u0430\u0442\u044c\u0441\u044f \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u043f\u0440\u0438 \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u0438 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438\u00a0com.android.support:design:22.2.0<\/span><\/em>.<\/p>\n \u0412\u0441\u0435 \u043d\u043e\u0432\u044b\u0435 \u0432\u0438\u0434\u0436\u0435\u0442\u044b, \u043f\u0435\u0440\u0435\u0447\u0438\u0441\u043b\u0435\u043d\u043d\u044b\u0435 \u0432 \u044d\u0442\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435, \u0434\u043e\u043b\u0436\u043d\u044b \u0431\u044b\u0442\u044c \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b \u0432 \u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440\u0435 \u043c\u0430\u043a\u0435\u0442\u043e\u0432 Android Studio\u00a0 (\u043d\u0430 \u0432\u043a\u043b\u0430\u0434\u043a\u0435 CustomView), \u0434\u043b\u044f \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432 \u0434\u043e\u0441\u0442\u0443\u043f\u0435\u043d \u043f\u0440\u0435\u0434\u0432\u0430\u0440\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440.<\/p>\n Navigation drawer<\/a>\u00a0\u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0432\u0430\u0436\u043d\u044b\u043c \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u043c\u00a0\u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438 \u0432\u0430\u0448\u0435\u0433\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f, \u043e\u043d\u00a0\u043e\u0440\u0438\u0435\u043d\u0442\u0438\u0440\u0443\u0435\u0442 \u0438 \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0438\u0440\u0443\u0435\u0442 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f, \u0447\u0442\u043e \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e \u0432\u0430\u0436\u043d\u043e \u0434\u043b\u044f \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439-\u043d\u043e\u0432\u0438\u0447\u043a\u043e\u0432.\u00a0 <\/span><\/a><\/p>\n \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435\u00a0 \u041e\u0431\u0440\u0430\u0442\u0438\u0442\u0435 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u043d\u0430\u00a0\u0434\u0432\u0430 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u0430 NavigationView<\/strong>:<\/p>\n NavigationView<\/strong>\u00a0\u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0432\u0430\u0435\u0442 \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u0441\u043e\u00a0\u0441\u0442\u0440\u043e\u043a\u043e\u0439 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f\u00a0(status bar)<\/strong>, \u043a\u0430\u043a \u043d\u0430 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0430\u0445 \u0441 \u0432\u0435\u0440\u0441\u0438\u0435\u0439\u00a0API21+.<\/p>\n \u041f\u0440\u0438\u043c\u0435\u0440 \u043f\u0440\u043e\u0441\u0442\u043e\u0433\u043e \u043c\u0435\u043d\u044e \u0434\u043b\u044f\u00a0Navigation Drawer<\/strong>\u00a0\u0441 \u043e\u0442\u043c\u0435\u0447\u0430\u0435\u043c\u044b\u043c\u0438 \u043f\u0443\u043d\u043a\u0442\u0430\u043c\u0438:<\/p>\n \u041e\u0442\u043c\u0435\u0447\u0435\u043d\u043d\u044b\u0439 \u0432 \u043f\u0430\u043d\u0435\u043b\u0438 \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438 \u043f\u0443\u043d\u043a\u0442 \u043c\u0435\u043d\u044e \u043e\u0441\u0442\u0430\u0435\u0442\u0441\u044f \u0432\u044b\u0434\u0435\u043b\u0435\u043d\u043d\u044b\u043c, \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0432\u0430\u044f \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0435\u0439, \u043a\u0430\u043a\u043e\u0439 \u043f\u0443\u043d\u043a\u0442 \u0432\u044b\u0431\u0440\u0430\u043d.<\/p>\n \u0412\u044b \u0442\u0430\u043a\u0436\u0435 \u043c\u043e\u0436\u0435\u0442\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043f\u043e\u0434\u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0438 \u0432 \u043c\u0435\u043d\u044e \u043d\u0430 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0435 \u0433\u0440\u0443\u043f\u043f\u044b \u043f\u0443\u043d\u043a\u0442\u043e\u0432:<\/p>\n \u0412\u044b \u0431\u0443\u0434\u0435\u0442\u0435 \u043f\u043e\u043b\u0443\u0447\u0430\u0442\u044c \u043e\u0431\u0440\u0430\u0442\u043d\u044b\u0435 \u0432\u044b\u0437\u043e\u0432\u044b \u0434\u043b\u044f \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u044b\u0445 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432, \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0432 \u0441\u043b\u0443\u0448\u0430\u0442\u0435\u043b\u044c\u00a0 \u0414\u0430\u0436\u0435 \u0434\u043b\u044f \u0441\u043a\u0440\u043e\u043c\u043d\u043e\u0433\u043e\u00a0\n
\u041a\u0430\u043a \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u0442\u044c\u00a0Android Design Support Library \u0432 \u043f\u0440\u043e\u0435\u043a\u0442 Android Studio<\/h3>\n
\u00a0compile 'com.android.support:design:22.2.0'<\/pre>\n
Navigation View<\/h3>\n
NavigationView<\/a><\/code> \u0434\u0435\u043b\u0430\u0435\u0442 \u044d\u0442\u043e \u043f\u0440\u043e\u0449\u0435, \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0432\u0430\u044f \u043a\u0430\u0440\u043a\u0430\u0441 \u0434\u043b\u044f \u043f\u0430\u043d\u0435\u043b\u0438 \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438, \u0430 \u0442\u0430\u043a\u0436\u0435 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c\u00a0\u043d\u043e\u0432\u044b\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438 \u0447\u0435\u0440\u0435\u0437 \u0440\u0435\u0441\u0443\u0440\u0441\u044b \u043c\u0435\u043d\u044e.<\/p>\n
NavigationView<\/code>\u00a0\u043a\u0430\u043a\u00a0
DrawerLayout<\/code> \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0432\u00a0\u043c\u0430\u043a\u0435\u0442\u0435, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440:<\/p>\n
<android.support.v4.widget.DrawerLayout\r\n xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"\r\n xmlns:app=\"http:\/\/schemas.android.com\/apk\/res-auto\"\r\n android:layout_width=\"match_parent\"\r\n android:layout_height=\"match_parent\"\r\n android:fitsSystemWindows=\"true\">\r\n\r\n <!-- your content layout -->\r\n\r\n <android.support.design.widget.NavigationView\r\n android:layout_width=\"wrap_content\"\r\n android:layout_height=\"match_parent\"\r\n android:layout_gravity=\"start\"\r\n app:headerLayout=\"@layout\/drawer_header\"\r\n app:menu=\"@menu\/drawer\"\/>\r\n<\/android.support.v4.widget.DrawerLayout><\/pre>\n
\n
<group android:checkableBehavior=\"single\">\r\n \u00a0 \u00a0 <item\r\n \u00a0 \u00a0 \u00a0 \u00a0 android:id=\"@+id\/navigation_item_1\"\r\n \u00a0 \u00a0 \u00a0 \u00a0 android:checked=\"true\"\r\n \u00a0 \u00a0 \u00a0 \u00a0 android:icon=\"@drawable\/ic_android\"\r\n \u00a0 \u00a0 \u00a0 \u00a0 android:title=\"@string\/navigation_item_1\"\/>\r\n \u00a0 \u00a0 <item\r\n \u00a0 \u00a0 \u00a0 \u00a0 android:id=\"@+id\/navigation_item_2\"\r\n \u00a0 \u00a0 \u00a0 \u00a0 android:icon=\"@drawable\/ic_android\"\r\n \u00a0 \u00a0 \u00a0 \u00a0 android:title=\"@string\/navigation_item_2\"\/>\r\n<\/group><\/pre>\n
<item\r\n \u00a0 \u00a0 android:id=\"@+id\/navigation_subheader\"\r\n \u00a0 \u00a0 android:title=\"@string\/navigation_subheader\">\r\n \u00a0 \u00a0 <menu>\r\n\u00a0 \u00a0 \u00a0 \u00a0 <item\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 android:id=\"@+id\/navigation_sub_item_1\"\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 android:icon=\"@drawable\/ic_android\"\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 android:title=\"@string\/navigation_sub_item_1\"\/>\r\n\u00a0 \u00a0 \u00a0 \u00a0 <item\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 android:id=\"@+id\/navigation_sub_item_2\"\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 android:icon=\"@drawable\/ic_android\"\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 android:title=\"@string\/navigation_sub_item_2\"\/>\r\n\u00a0 \u00a0 <\/menu>\r\n <\/item><\/pre>\n
OnNavigationItemSelectedListener<\/code> , \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0449\u0438\u0439 \u043c\u0435\u0442\u043e\u0434\u00a0
setNavigationItemSelectedListener()<\/code>. \u042d\u0442\u043e \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442\u00a0\u043e\u0431\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0442\u044c \u0441\u043e\u0431\u044b\u0442\u0438\u044f \u0432\u044b\u0431\u043e\u0440\u0430
MenuItem<\/code><\/a>\u00a0, \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u044f \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u0441\u0442\u0430\u0442\u0443\u0441\u0430 \u043e\u0442\u043c\u0435\u0447\u0435\u043d\u043d\u044b\u0445 \u043f\u0443\u043d\u043a\u0442\u043e\u0432, \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0443 \u043d\u043e\u0432\u043e\u0433\u043e \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0430, \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u043d\u043e\u0435 \u0437\u0430\u043a\u0440\u044b\u0442\u0438\u0435\u00a0Navigation<\/strong> Drawer<\/strong>, \u0438\u043b\u0438 \u043b\u044e\u0431\u044b\u0435 \u0434\u0440\u0443\u0433\u0438\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043c\u043e\u0433\u0443\u0442 \u043f\u043e\u0442\u0440\u0435\u0431\u043e\u0432\u0430\u0442\u044c\u0441\u044f.<\/p>\n
Floating Labels \u0434\u043b\u044f EditText<\/h3>\n
EditText<\/code><\/a>\u00a0\u043d\u0430\u0448\u043b\u043e\u0441\u044c \u0443\u043b\u0443\u0447\u0448\u0435\u043d\u0438\u0435 \u0432 \u0434\u0443\u0445\u0435 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0434\u0438\u0437\u0430\u0439\u043d\u0430.
EditText<\/code>\u00a0\u0441\u043a\u0440\u044b\u0432\u0430\u0435\u0442 \u0442\u0435\u043a\u0441\u0442 \u043f\u043e\u0434\u0441\u043a\u0430\u0437\u043a\u0438 (hint)<\/strong>\u00a0\u0441\u0440\u0430\u0437\u0443\u00a0\u043f\u043e\u0441\u043b\u0435 \u0442\u043e\u0433\u043e, \u043a\u0430\u043a \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u00a0\u043d\u0430\u0447\u0438\u043d\u0430\u0435\u0442 \u0432\u0432\u043e\u0434\u0438\u0442\u044c \u0442\u0435\u043a\u0441\u0442.\u00a0\u0412\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0442\u0435\u043f\u0435\u0440\u044c \u043e\u0431\u0435\u0440\u043d\u0443\u0442\u044c
EditText<\/code>\u00a0\u0432
TextInputLayout<\/a><\/code>, \u0438\u00a0\u0442\u0435\u043a\u0441\u0442 \u043f\u043e\u0434\u0441\u043a\u0430\u0437\u043a\u0438 \u043e\u0442\u043e\u0431\u0440\u0430\u0437\u0438\u0442\u0441\u044f \u0432\u00a0floating label<\/a>\u00a0\u0432\u044b\u0448\u0435
EditText<\/code>, \u0434\u0435\u043c\u043e\u043d\u0441\u0442\u0440\u0438\u0440\u0443\u044f \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044e \u043f\u043e\u0434\u0441\u043a\u0430\u0437\u043a\u0443 \u0432\u043e \u0432\u0440\u0435\u043c\u044f \u0432\u0432\u043e\u0434\u0430.<\/p>\n