{"id":1756,"date":"2015-04-21T18:59:08","date_gmt":"2015-04-21T18:59:08","guid":{"rendered":"http:\/\/www.fandroid.info\/?p=1756"},"modified":"2016-08-19T11:56:16","modified_gmt":"2016-08-19T08:56:16","slug":"animatsiya-perehoda-mezhdu-activity-v-android-5-0-lollipop-s-ispolzovaniem-recyclerview-material-design","status":"publish","type":"post","link":"https:\/\/www.fandroid.info\/animatsiya-perehoda-mezhdu-activity-v-android-5-0-lollipop-s-ispolzovaniem-recyclerview-material-design\/","title":{"rendered":"\u0410\u043d\u0438\u043c\u0430\u0446\u0438\u044f \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0430 \u043c\u0435\u0436\u0434\u0443 Activity \u0432 Android &#8212; 5+ \u0441 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435\u043c RecyclerView (Material Design)"},"content":{"rendered":"<h3>\u0412\u0432\u0435\u0434\u0435\u043d\u0438\u0435<\/h3>\n<p>\u041e\u0434\u043d\u0438\u043c \u0438\u0437 \u043d\u0430\u0438\u0431\u043e\u043b\u0435\u0435 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u044b\u0445 \u0430\u0441\u043f\u0435\u043a\u0442\u043e\u0432 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0434\u0438\u0437\u0430\u0439\u043d\u0430 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u0430\u044f \u043f\u0440\u0435\u0435\u043c\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u044c \u043e\u043a\u043e\u043d \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f. \u0421 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u0445 \u0441\u0442\u0440\u043e\u043a \u043a\u043e\u0434\u0430 \u043d\u043e\u0432\u044b\u0435 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u044b <strong>API Lollipop<\/strong>\u00a0\u043f\u043e\u0437\u0432\u043e\u043b\u044f\u044e\u0442 \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u044b\u0439 \u044d\u0444\u0444\u0435\u043a\u0442 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0430 \u043c\u0435\u0436\u0434\u0443 \u0434\u0432\u0443\u043c\u044f <strong>activity<\/strong>, \u0431\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u044f \u0431\u0435\u0441\u0448\u043e\u0432\u043d\u043e\u0439 \u0438 \u043d\u0435\u043f\u0440\u0435\u0440\u044b\u0432\u043d\u043e\u0439 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438 . \u042d\u0442\u043e \u043b\u043e\u043c\u0430\u0435\u0442 \u0433\u0440\u0430\u043d\u0438\u0446\u044b \u043a\u043b\u0430\u0441\u0441\u0438\u0447\u0435\u0441\u043a\u043e\u0433\u043e \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u044f \u043f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0438\u0445 \u0432\u0435\u0440\u0441\u0438\u0439 Android \u0438 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044e \u043f\u043e\u043d\u044f\u0442\u044c, \u043a\u0430\u043a \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u044f\u0442 \u043e\u0442 \u043e\u0434\u043d\u043e\u0439 \u0442\u043e\u0447\u043a\u0438 \u043a \u0434\u0440\u0443\u0433\u043e\u0439.<\/p>\n<p><iframe loading=\"lazy\" width=\"700\" height=\"525\" src=\"https:\/\/www.youtube.com\/embed\/etQFrKm6nLE?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p>\u0412 \u044d\u0442\u043e\u043c \u0443\u0440\u043e\u043a\u0435 \u044f \u043f\u043e\u043a\u0430\u0436\u0443 \u0432\u0430\u043c \u043a\u0430\u043a \u0434\u043e\u0431\u0438\u0442\u044c\u0441\u044f \u044d\u0442\u043e\u0433\u043e \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0430, \u0434\u0435\u043b\u0430\u044f \u043f\u0440\u0438\u043c\u0435\u0440 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f, \u0432 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0438\u0438 \u0441 \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u0430\u043c\u0438 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0434\u0438\u0437\u0430\u0439\u043d\u0430 Google.<\/p>\n<h3 class=\"nolinks\">\u041d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u044b\u0435 \u0443\u0441\u043b\u043e\u0432\u0438\u044f<\/h3>\n<p>\u0412 \u044d\u0442\u043e\u043c \u0443\u0447\u0435\u0431\u043d\u0438\u043a\u0435 \u044f \u0431\u0443\u0434\u0443 \u0441\u0447\u0438\u0442\u0430\u0442\u044c, \u0447\u0442\u043e \u0432\u044b \u0443\u0436\u0435 \u0437\u043d\u0430\u043a\u043e\u043c\u044b \u0441 Android \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u043e\u0439 \u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0435 Android Studio. \u041d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u044b \u0431\u0430\u0437\u043e\u0432\u044b\u0435 \u0437\u043d\u0430\u043d\u0438\u044f \u043e\u0431 \u0438\u043d\u0442\u0435\u043d\u0442\u0430\u0445, \u0436\u0438\u0437\u043d\u0435\u043d\u043d\u043e\u043c \u0446\u0438\u043a\u043b\u0435 \u0430\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u0438 \u0438 \u043d\u043e\u0432\u043e\u043c \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0435 <strong>RecyclerView<\/strong>, \u043f\u043e\u044f\u0432\u0438\u0432\u0448\u0435\u043c\u0441\u044f \u0441 <strong>API 21<\/strong>, \u0432 \u0438\u044e\u043d\u0435 2014 \u0433\u043e\u0434\u0430. \u042f \u043d\u0435 \u0441\u043e\u0431\u0438\u0440\u0430\u044e\u0441\u044c \u043f\u043e\u0433\u0440\u0443\u0436\u0430\u0442\u044c\u0441\u044f \u0432 \u0434\u0435\u0442\u0430\u043b\u0438 \u044d\u0442\u043e\u0433\u043e \u043a\u043b\u0430\u0441\u0441\u0430, \u043d\u043e, \u0435\u0441\u043b\u0438 \u0432\u044b \u0437\u0430\u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043e\u0432\u0430\u043d\u044b, \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u043d\u0430\u0439\u0442\u0438 \u0431\u043e\u043b\u044c\u0448\u043e\u0435 \u043e\u0431\u044a\u044f\u0441\u043d\u0435\u043d\u0438\u0435 <a href=\"http:\/\/code.tutsplus.com\/tutorials\/getting-started-with-recyclerview-and-cardview-on-android--cms-23465\">\u0432 \u0443\u0447\u0435\u0431\u043d\u0438\u043a\u0435 Tuts +<\/a>.<\/p>\n<h3 class=\"nolinks\"><span class=\"sectionnum\">1.<\/span>\u00a0\u0421\u043e\u0437\u0434\u0430\u0435\u043c Activity<\/h3>\n<p>\u0411\u0430\u0437\u043e\u0432\u0430\u044f \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u043f\u0440\u043e\u0441\u0442\u0430. \u0421\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442 \u0434\u0432\u0430 \u0432\u0438\u0434\u0430 <strong>activity<\/strong>, \u043e\u0434\u0438\u043d \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439, <strong>MainActivity.java<\/strong>, \u0437\u0430\u0434\u0430\u0447\u0430 \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e &#8212; \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u0441\u043f\u0438\u0441\u043a\u0430 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432, \u0438 \u0432\u0442\u043e\u0440\u043e\u0439, <strong>DetailActivity.java<\/strong>, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0431\u0443\u0434\u0435\u0442 \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u0434\u0435\u0442\u0430\u043b\u0438 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430, \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u043e\u0433\u043e \u0432 \u0441\u043f\u0438\u0441\u043a\u0435 <strong>MainActivity.java<\/strong>.<\/p>\n<h4>\u0428\u0430\u0433 1:\u00a0<strong>RecyclerView<\/strong><\/h4>\n<p>\u0427\u0442\u043e\u0431\u044b \u043e\u0442\u043e\u0431\u0440\u0430\u0437\u0438\u0442\u044c \u0441\u043f\u0438\u0441\u043e\u043a \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432, \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u0432\u0438\u0434 <strong>activity\u00a0<\/strong>\u0431\u0443\u0434\u0435\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c <strong>RecyclerView<\/strong>. \u041f\u0435\u0440\u0432\u043e\u0435, \u0447\u0442\u043e \u0432\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c: \u0434\u043e\u0431\u0430\u0432\u044c\u0442\u0435 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0443\u044e \u0441\u0442\u0440\u043e\u043a\u0443 \u0432 \u0440\u0430\u0437\u0434\u0435\u043b\u0435 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0435\u0439 \u0432 build.grade \u0444\u0430\u0439\u043b \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0434\u043b\u044f \u0432\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u044f \u043e\u0431\u0440\u0430\u0442\u043d\u043e\u0439 \u0441\u043e\u0432\u043c\u0435\u0441\u0442\u0438\u043c\u043e\u0441\u0442\u0438:<\/p>\n<pre class=\"lang:default decode:true \">compile 'com.android.support:recyclerview-v7:+'<\/pre>\n<h4>\u0428\u0430\u0433 2: \u041e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u0434\u0430\u043d\u043d\u044b\u0445<\/h4>\n<p>\u0414\u043b\u044f \u043a\u0440\u0430\u0442\u043a\u043e\u0441\u0442\u0438 \u043c\u044b \u043d\u0435 \u0441\u043e\u0437\u0434\u0430\u0435\u043c\u00a0\u0431\u0430\u0437\u0443 \u0434\u0430\u043d\u043d\u044b\u0445 \u0438\u043b\u0438 \u0430\u043d\u0430\u043b\u043e\u0433\u0438\u0447\u043d\u044b\u0439 \u0438\u0441\u0442\u043e\u0447\u043d\u0438\u043a \u0434\u0430\u043d\u043d\u044b\u0445 \u0434\u043b\u044f \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f. \u0412\u043c\u0435\u0441\u0442\u043e \u044d\u0442\u043e\u0433\u043e, \u043c\u044b \u0431\u0443\u0434\u0435\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0439 \u043a\u043b\u0430\u0441\u0441, <code class=\"inline\">Contact<\/code>. \u041a\u0430\u0436\u0434\u044b\u0439 \u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u0431\u0443\u0434\u0435\u0442 \u0438\u043c\u0435\u0442\u044c \u0438\u043c\u044f, \u0446\u0432\u0435\u0442 \u0438 \u043e\u0441\u043d\u043e\u0432\u043d\u0443\u044e \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u043d\u0443\u044e \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044e, \u0441\u0432\u044f\u0437\u0430\u043d\u043d\u0443\u044e \u0441 \u043d\u0435\u0439. \u0412\u043e\u0442 \u043a\u0430\u043a \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u043a\u043b\u0430\u0441\u0441\u0430 <code class=\"inline\">Contact<\/code>:<\/p>\n<pre class=\"lang:default decode:true \">public class Contact {\r\n\u00a0\r\n\u00a0\u00a0\u00a0\u00a0\/\/ The fields associated to the person\r\n\u00a0\u00a0\u00a0\u00a0private final String mName, mPhone, mEmail, mCity, mColor;\r\n\u00a0\r\n\u00a0\u00a0\u00a0\u00a0Contact(String name, String color, String phone, String email, String city) {\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0mName = name; mColor = color; mPhone = phone; mEmail = email; mCity = city;\r\n\u00a0\u00a0\u00a0\u00a0}\r\n\u00a0\r\n\u00a0\u00a0\u00a0\u00a0\/\/ This method allows to get the item associated to a particular id,\r\n\u00a0\u00a0\u00a0\u00a0\/\/ uniquely generated by the method getId defined below\r\n\u00a0\u00a0\u00a0\u00a0public static Contact getItem(int id) {\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0for (Contact item : CONTACTS) {\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0if (item.getId() == id) {\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0return item;\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0return null;\r\n\u00a0\u00a0\u00a0\u00a0}\r\n\u00a0\r\n\u00a0\u00a0\u00a0\u00a0\/\/ since mName and mPhone combined are surely unique,\r\n\u00a0\u00a0\u00a0\u00a0\/\/ we don't need to add another id field\r\n\u00a0\u00a0\u00a0\u00a0public int getId() {\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0return mName.hashCode() + mPhone.hashCode();\r\n\u00a0\u00a0\u00a0\u00a0}\r\n\u00a0\r\n\u00a0\u00a0\u00a0\u00a0public static enum Field {\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0NAME, COLOR, PHONE, EMAIL, CITY\r\n\u00a0\u00a0\u00a0\u00a0}\r\n\u00a0\u00a0\u00a0\u00a0public String get(Field f) {\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0switch (f) {\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0case COLOR: return mColor;\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0case PHONE: return mPhone;\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0case EMAIL: return mEmail;\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0case CITY: return mCity;\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0case NAME: default: return mName;\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}\r\n\u00a0\u00a0\u00a0\u00a0}\r\n\u00a0\r\n}<\/pre>\n<p>\u041d\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u0437\u0430\u043f\u043e\u043b\u043d\u0438\u0442\u044c \u0435\u0433\u043e \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u043c\u0438 \u0434\u0430\u043d\u043d\u044b\u043c\u0438. \u0412 \u0432\u0435\u0440\u0445\u043d\u0435\u0439 \u0447\u0430\u0441\u0442\u0438 \u043a\u043b\u0430\u0441\u0441\u0430 \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u0430 \u0434\u043e\u0431\u0430\u0432\u044c\u0442\u0435 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u0444\u0440\u0430\u0433\u043c\u0435\u043d\u0442 \u043a\u043e\u0434\u0430 \u0434\u043b\u044f \u0437\u0430\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f \u043d\u0430\u0431\u043e\u0440\u0430 \u0434\u0430\u043d\u043d\u044b\u0445.<\/p>\n<pre class=\"lang:default decode:true \">public static final Contact[] CONTACTS = new Contact[] {\r\n    new Contact(\"John\", \"#33b5e5\", \"+01 123456789\", \"john@example.com\", \"Venice\"),\r\n    new Contact(\"Valter\", \"#ffbb33\", \"+01 987654321\", \"valter@example.com\", \"Bologna\"),\r\n    new Contact(\"Eadwine\", \"#ff4444\", \"+01 123456789\", \"eadwin@example.com\", \"Verona\"),\r\n    new Contact(\"Teddy\", \"#99cc00\", \"+01 987654321\", \"teddy@example.com\", \"Rome\"),\r\n    new Contact(\"Ives\", \"#33b5e5\", \"+01 11235813\", \"ives@example.com\", \"Milan\"),\r\n    new Contact(\"Alajos\", \"#ffbb33\", \"+01 123456789\", \"alajos@example.com\", \"Bologna\"),\r\n    new Contact(\"Gianluca\", \"#ff4444\", \"+01 11235813\", \"me@gian.lu\", \"Padova\"),\r\n    new Contact(\"Fane\", \"#99cc00\", \"+01 987654321\", \"fane@example.com\", \"Venice\"),\r\n};<\/pre>\n<h4 class=\"nolinks\">\u0428\u0430\u0433 3:\u00a0\u041e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u043e\u0441\u043d\u043e\u0432\u043d\u044b\u0445 \u043c\u0430\u043a\u0435\u0442\u043e\u0432<\/h4>\n<p>\u041c\u0430\u043a\u0435\u0442 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 <strong>activity<\/strong> \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043f\u0440\u043e\u0441\u0442\u044b\u043c, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u0441\u043f\u0438\u0441\u043e\u043a \u0437\u0430\u043f\u043e\u043b\u043d\u0438\u0442 \u0432\u0435\u0441\u044c \u044d\u043a\u0440\u0430\u043d. \u041c\u0430\u043a\u0435\u0442 \u0432\u043a\u043b\u044e\u0447\u0430\u0435\u0442 \u0432 \u0441\u0435\u0431\u044f \u043a\u043e\u0440\u043d\u0435\u0432\u043e\u0439 <strong>RelativeLayout<\/strong> \u2014 \u043d\u043e \u044d\u0442\u043e \u0442\u0430\u043a \u0436\u0435 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c <strong>LinearLayout<\/strong> \u0442\u043e\u0436\u0435 \u2014 \u0438 <strong>RecyclerView<\/strong> \u043a\u0430\u043a \u0435\u0435 \u0435\u0434\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u043f\u043e\u0442\u043e\u043c\u043e\u043a.<\/p>\n<pre class=\"lang:default decode:true \">&lt;RelativeLayout xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"\r\n    android:layout_width=\"match_parent\"\r\n    android:layout_height=\"match_parent\"\r\n    android:background=\"#f5f5f5\"&gt;\r\n \r\n    &lt;android.support.v7.widget.RecyclerView\r\n        android:layout_width=\"match_parent\"\r\n        android:layout_height=\"match_parent\"\r\n        android:id=\"@+id\/rv\" \/&gt;\r\n \r\n&lt;\/RelativeLayout&gt;<\/pre>\n<p>\u041f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u00a0<strong>RecyclerView<\/strong> \u0443\u043f\u043e\u0440\u044f\u0434\u043e\u0447\u0438\u0432\u0430\u0435\u0442 \u0434\u043e\u0447\u0435\u0440\u043d\u0438\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u0438 \u043d\u0438\u0447\u0435\u0433\u043e \u0431\u043e\u043b\u044c\u0448\u0435, \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u043c\u0430\u043a\u0435\u0442 \u043e\u0434\u043d\u043e\u0433\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430 \u0441\u043f\u0438\u0441\u043a\u0430. \u041c\u044b \u0445\u043e\u0442\u0438\u043c \u0438\u043c\u0435\u0442\u044c \u0446\u0432\u0435\u0442\u043d\u043e\u0439 \u043a\u0440\u0443\u0436\u043e\u043a \u0441\u043b\u0435\u0432\u0430 \u043e\u0442 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430 \u0441\u043f\u0438\u0441\u043a\u0430 \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u043e\u0432, \u0442\u0430\u043a \u0447\u0442\u043e \u0432\u044b \u0441\u043d\u0430\u0447\u0430\u043b\u0430 \u0434\u043e\u043b\u0436\u043d\u044b \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c <strong>drawable\u00a0circle.xml<\/strong>.<\/p>\n<pre class=\"lang:default decode:true \">&lt;shape\r\n    xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"\r\n    android:shape=\"oval\"&gt;\r\n    &lt;solid\r\n        android:color=\"#000\"\/&gt;\r\n    &lt;size\r\n        android:width=\"32dp\"\r\n        android:height=\"32dp\"\/&gt;\r\n&lt;\/shape&gt;<\/pre>\n<p>\u0422\u0435\u043f\u0435\u0440\u044c \u0443 \u0432\u0430\u0441 \u0435\u0441\u0442\u044c \u0432\u0441\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b, \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u044b\u0435 \u0434\u043b\u044f \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u044f \u043c\u0430\u043a\u0435\u0442\u0430 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430 \u0441\u043f\u0438\u0441\u043a\u0430.<\/p>\n<pre class=\"lang:default decode:true \">&lt;RelativeLayout xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"\r\n    android:layout_width=\"match_parent\"\r\n    android:layout_height=\"82dp\"\r\n    android:padding=\"@dimen\/activity_horizontal_margin\"\r\n    android:background=\"?android:selectableItemBackground\"\r\n    android:clickable=\"true\"\r\n    android:focusable=\"true\"\r\n    android:orientation=\"vertical\" &gt;\r\n \r\n    &lt;View\r\n        android:id=\"@+id\/CONTACT_circle\"\r\n        android:layout_width=\"40dp\"\r\n        android:layout_height=\"40dp\"\r\n        android:background=\"@drawable\/circle\"\r\n        android:layout_centerVertical=\"true\"\r\n        android:layout_alignParentLeft=\"true\"\/&gt;\r\n \r\n    &lt;LinearLayout\r\n        android:layout_width=\"wrap_content\"\r\n        android:layout_height=\"wrap_content\"\r\n        android:layout_centerVertical=\"true\"\r\n        android:layout_toRightOf=\"@+id\/CONTACT_circle\"\r\n        android:layout_marginLeft=\"@dimen\/activity_horizontal_margin\"\r\n        android:orientation=\"vertical\"&gt;\r\n \r\n        &lt;TextView\r\n            android:id=\"@+id\/CONTACT_name\"\r\n            android:layout_width=\"wrap_content\"\r\n            android:layout_height=\"wrap_content\"\r\n            android:text=\"Jonh Doe\"\r\n            android:textColor=\"#000\"\r\n            android:textSize=\"18sp\"\/&gt;\r\n \r\n        &lt;TextView\r\n            android:id=\"@+id\/CONTACT_phone\"\r\n            android:layout_width=\"wrap_content\"\r\n            android:layout_height=\"wrap_content\"\r\n            android:text=\"+01 123456789\"\r\n            android:textColor=\"#9f9f9f\"\r\n            android:textSize=\"15sp\"\/&gt;\r\n \r\n    &lt;\/LinearLayout&gt;\r\n \r\n&lt;\/RelativeLayout&gt;<\/pre>\n<h4>\u0428\u0430\u0433 4: \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u0434\u0430\u043d\u043d\u044b\u0445 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e RecyclerView<\/h4>\n<p>\u0422\u0435\u043f\u0435\u0440\u044c \u043d\u0443\u0436\u043d\u043e \u043d\u0430\u043f\u0438\u0441\u0430\u0442\u044c <strong>RecyclerView.ViewHolder<\/strong> \u0438 <strong>RecyclerView.Adapter<\/strong>\u00a0\u00a0\u0438 \u043e\u0431\u044a\u044f\u0432\u0438\u0442\u044c \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u044b\u0435 \u043e\u0431\u044a\u0435\u043a\u0442\u044b \u0432\u00a0\u043c\u0435\u0442\u043e\u0434\u0435\u00a0<strong>oncreate<\/strong> \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 <strong>activity<\/strong>.<\/p>\n<p><strong>RecyclerView.ViewHolder<\/strong> \u0434\u043e\u043b\u0436\u0435\u043d \u043e\u0431\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0442\u044c \u043a\u043b\u0438\u043a\u0438, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c\u00a0\u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a.<\/p>\n<pre class=\"lang:default decode:true \">public class RecyclerClickListener implements RecyclerView.OnItemTouchListener {\r\n \r\n    private OnItemClickListener mListener;\r\n    GestureDetector mGestureDetector;\r\n \r\n    public interface OnItemClickListener {\r\n        public void onItemClick(View view, int position);\r\n    }\r\n \r\n    public RecyclerClickListener(Context context, OnItemClickListener listener) {\r\n        mListener = listener;\r\n        mGestureDetector = new GestureDetector(context, new GestureDetector.SimpleOnGestureListener() {\r\n            @Override public boolean onSingleTapUp(MotionEvent e) {\r\n                return true;\r\n            }\r\n        });\r\n    }\r\n \r\n    @Override public boolean onInterceptTouchEvent(RecyclerView view, MotionEvent e) {\r\n        View childView = view.findChildViewUnder(e.getX(), e.getY());\r\n        if (childView != null &amp;&amp; mListener != null &amp;&amp; mGestureDetector.onTouchEvent(e)) {\r\n            mListener.onItemClick(childView, view.getChildPosition(childView));\r\n            return true;\r\n        }\r\n        return false;\r\n    }\r\n \r\n    @Override public void onTouchEvent(RecyclerView view, MotionEvent motionEvent) { }\r\n \r\n}<\/pre>\n<p>\u0421\u043e\u0437\u0434\u0430\u0434\u0438\u043c \u043a\u043b\u0430\u0441\u0441\u00a0<strong>DataManager<\/strong>, \u0443\u043d\u0430\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u043d\u043d\u044b\u0439 \u043e\u0442<strong>\u00a0\u00a0RecyclerView.Adapter<\/strong>. \u041e\u043d \u043e\u0442\u0432\u0435\u0447\u0430\u0435\u0442 \u0437\u0430 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0443 \u0434\u0430\u043d\u043d\u044b\u0445 \u0438 \u0437\u0430\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u0435 \u043d\u0438\u043c\u0438\u00a0\u0441\u043f\u0438\u0441\u043a\u0430. \u0417\u0434\u0435\u0441\u044c \u043c\u044b \u0442\u0430\u043a\u0436\u0435 \u00a0\u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0438\u0440\u0443\u0435\u043c\u00a0<strong>RecyclerView.ViewHolder<\/strong>.<\/p>\n<pre class=\"lang:default decode:true \">public class DataManager extends RecyclerView.Adapter&lt;DataManager.RecyclerViewHolder&gt; {\r\n \r\n    public static class RecyclerViewHolder extends RecyclerView.ViewHolder {\r\n \r\n        TextView mName, mPhone;\r\n        View mCircle;\r\n \r\n        RecyclerViewHolder(View itemView) {\r\n            super(itemView);\r\n            mName = (TextView) itemView.findViewById(R.id.CONTACT_name);\r\n            mPhone = (TextView) itemView.findViewById(R.id.CONTACT_phone);\r\n            mCircle = itemView.findViewById(R.id.CONTACT_circle);\r\n        }\r\n    }\r\n \r\n    @Override\r\n    public RecyclerViewHolder onCreateViewHolder(ViewGroup viewGroup, int i) {\r\n        View v = LayoutInflater.from(viewGroup.getContext()).inflate(R.layout.contact_item, viewGroup, false);\r\n        return new RecyclerViewHolder(v);\r\n    }\r\n \r\n    @Override\r\n    public void onBindViewHolder(RecyclerViewHolder viewHolder, int i) {\r\n        \/\/ get the single element from the main array\r\n        final Contact contact = Contact.CONTACTS[i];\r\n        \/\/ Set the values\r\n        viewHolder.mName.setText(contact.get(Contact.Field.NAME));\r\n        viewHolder.mPhone.setText(contact.get(Contact.Field.PHONE));\r\n        \/\/ Set the color of the shape\r\n        GradientDrawable bgShape = (GradientDrawable) viewHolder.mCircle.getBackground();\r\n        bgShape.setColor(Color.parseColor(contact.get(Contact.Field.COLOR)));\r\n    }\r\n \r\n    @Override\r\n    public int getItemCount() {\r\n        return Contact.CONTACTS.length;\r\n    }\r\n}<\/pre>\n<p>\u041d\u0430\u043a\u043e\u043d\u0435\u0446, \u0434\u043e\u0431\u0430\u0432\u044c\u0442\u0435 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u043a\u043e\u0434 \u0432 \u043c\u0435\u0442\u043e\u0434 <strong>oncreate<\/strong>, \u043d\u0438\u0436\u0435 <strong>setContentView<\/strong>. \u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u0432\u0438\u0434 <strong>activity\u00a0<\/strong>\u0433\u043e\u0442\u043e\u0432.<\/p>\n<pre class=\"lang:default decode:true \">RecyclerView rv = (RecyclerView) findViewById(R.id.rv); \/\/ layout reference\r\n \r\nLinearLayoutManager llm = new LinearLayoutManager(this);\r\nrv.setLayoutManager(llm);\r\nrv.setHasFixedSize(true); \/\/ to improve performance\r\n \r\nrv.setAdapter(new DataManager()); \/\/ the data manager is assigner to the RV\r\nrv.addOnItemTouchListener( \/\/ and the click is handled\r\n    new RecyclerClickListener(this, new RecyclerClickListener.OnItemClickListener() {\r\n        @Override public void onItemClick(View view, int position) {\r\n            \/\/ STUB:\r\n            \/\/ The click on the item must be handled\r\n        }\r\n    }));<\/pre>\n<p>\u0422\u0430\u043a \u0431\u0443\u0434\u0435\u0442 \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u0442\u044c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043f\u043e\u0441\u043b\u0435 \u0437\u0430\u043f\u0443\u0441\u043a\u0430.<\/p>\n<p><a href=\"\/wp-content\/uploads\/2015\/04\/first_activity-600-wide.jpg\"><span itemprop=\"image\" itemscope itemtype=\"https:\/\/schema.org\/ImageObject\"><img itemprop=\"url image\" loading=\"lazy\" class=\"aligncenter wp-image-1844 size-full\" src=\"\/wp-content\/uploads\/2015\/04\/first_activity-600-wide.jpg\" alt=\"first_activity-600-wide\" width=\"600\" height=\"461\" \/><meta itemprop=\"width\" content=\"600\"><meta itemprop=\"height\" content=\"461\"><\/span><\/a><\/p>\n<p>&nbsp;<\/p>\n<h3 class=\"nolinks\"><b>2. \u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435\u00a0Details Activity<\/b><\/h3>\n<h3 class=\"nolinks\">\u0428\u0430\u0433 1: \u041c\u0430\u043a\u0435\u0442<\/h3>\n<p>\u0412\u0442\u043e\u0440\u0430\u044f\u00a0<strong>activity<\/strong> \u0433\u043e\u0440\u0430\u0437\u0434\u043e \u043f\u0440\u043e\u0449\u0435. \u041e\u043d\u0430 \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u0435\u0442 \u0438\u0434\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0442\u043e\u0440 \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u0430 \u0438 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0435\u0442\u00a0\u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u0443\u044e \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044e.<\/p>\n<p>\u0421 \u0442\u043e\u0447\u043a\u0438 \u0437\u0440\u0435\u043d\u0438\u044f \u0434\u0438\u0437\u0430\u0439\u043d\u0430, \u043c\u0430\u043a\u0435\u0442 \u044d\u0442\u043e\u0439 <strong>activity<\/strong> \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043a\u0440\u0438\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u043c, \u043f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u044d\u0442\u043e \u043d\u0430\u0438\u0431\u043e\u043b\u0435\u0435 \u0432\u0430\u0436\u043d\u0430\u044f \u0447\u0430\u0441\u0442\u044c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f. \u041d\u043e \u0447\u0442\u043e \u043a\u0430\u0441\u0430\u0435\u0442\u0441\u044f XML, \u0442\u043e \u044d\u0442\u043e \u0442\u0440\u0438\u0432\u0438\u0430\u043b\u044c\u043d\u043e. \u041c\u0430\u043a\u0435\u0442 &#8212; \u044d\u0442\u043e \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u044d\u043a\u0437\u0435\u043c\u043f\u043b\u044f\u0440\u043e\u0432\u00a0<strong>TextView\u00a0<\/strong>\u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u043d\u044b\u0445 \u0432 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u043e\u043c \u043f\u043e\u0440\u044f\u0434\u043a\u0435, \u0441 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435\u043c\u00a0<a title=\"Linear layout \u2014 \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e\u0441\u0442\u0438 \u043c\u0430\u043a\u0435\u0442\u043e\u0432 \u044d\u043a\u0440\u0430\u043d\u043e\u0432 android \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439\" href=\"\/linear-layout-osobennosti-maketov-ekranov-android-prilozhenij\/\" target=\"_blank\"><strong>LinearLayout<\/strong> <\/a>\u0438 <a title=\"Relative Layout \u2014 \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e\u0441\u0442\u0438 \u043c\u0430\u043a\u0435\u0442\u043e\u0432 \u044d\u043a\u0440\u0430\u043d\u043e\u0432 android \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439\" href=\"\/relative-layout-osobennosti-maketov-ekranov-android-prilozhenij\/\" target=\"_blank\"><strong>RelativeLayout<\/strong><\/a>. \u041a\u043e\u0434 \u043c\u0430\u043a\u0435\u0442\u0430 \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u0442\u0430\u043a:<\/p>\n<pre class=\"lang:default decode:true \">&lt;LinearLayout xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"\r\n    xmlns:tools=\"http:\/\/schemas.android.com\/tools\" android:layout_width=\"match_parent\"\r\n    android:layout_height=\"match_parent\"\r\n    android:orientation=\"vertical\"&gt;\r\n    \r\n    &lt;ImageView\r\n        android:layout_width=\"match_parent\"\r\n        android:layout_height=\"200dp\"\r\n        android:scaleType=\"centerCrop\"\r\n        android:src=\"@mipmap\/material_wallpaper\"\/&gt;\r\n \r\n    &lt;RelativeLayout\r\n        android:layout_width=\"match_parent\"\r\n        android:layout_height=\"82dp\"\r\n        android:padding=\"@dimen\/activity_vertical_margin\"&gt;\r\n \r\n        &lt;View\r\n            android:id=\"@+id\/DETAILS_circle\"\r\n            android:layout_width=\"48dp\"\r\n            android:layout_height=\"48dp\"\r\n            android:background=\"@drawable\/circle\"\r\n            android:layout_centerVertical=\"true\"\r\n            android:layout_alignParentLeft=\"true\"\/&gt;\r\n \r\n        &lt;TextView\r\n            android:id=\"@+id\/DETAILS_name\"\r\n            android:layout_width=\"wrap_content\"\r\n            android:layout_height=\"wrap_content\"\r\n            android:text=\"Jonh Doe\"\r\n            android:layout_toRightOf=\"@+id\/DETAILS_circle\"\r\n            android:layout_marginLeft=\"@dimen\/activity_horizontal_margin\"\r\n            android:layout_centerVertical=\"true\"\r\n            android:textColor=\"#000\"\r\n            android:textSize=\"25sp\"\/&gt;\r\n \r\n    &lt;\/RelativeLayout&gt;\r\n \r\n    &lt;LinearLayout\r\n        android:layout_width=\"wrap_content\"\r\n        android:layout_height=\"wrap_content\"\r\n        android:layout_centerVertical=\"true\"\r\n        android:padding=\"@dimen\/activity_horizontal_margin\"\r\n        android:orientation=\"vertical\"&gt;\r\n        \r\n        &lt;RelativeLayout\r\n            android:layout_width=\"match_parent\"\r\n            android:layout_height=\"wrap_content\"&gt;\r\n \r\n            &lt;TextView\r\n                android:id=\"@+id\/DETAILS_phone_label\"\r\n                android:layout_width=\"wrap_content\"\r\n                android:layout_height=\"wrap_content\"\r\n                android:text=\"Phone:\"\r\n                android:textColor=\"#000\"\r\n                android:textSize=\"20sp\"\/&gt;\r\n            \r\n            &lt;TextView\r\n                android:id=\"@+id\/DETAILS_phone\"\r\n                android:layout_width=\"wrap_content\"\r\n                android:layout_height=\"wrap_content\"\r\n                android:layout_toRightOf=\"@+id\/DETAILS_phone_label\"\r\n                android:layout_marginLeft=\"@dimen\/activity_horizontal_margin\"\r\n                android:text=\"+01 123456789\"\r\n                android:textColor=\"#9f9f9f\"\r\n                android:textSize=\"20sp\"\/&gt;\r\n            \r\n        &lt;\/RelativeLayout&gt;\r\n \r\n        &lt;RelativeLayout\r\n            android:layout_width=\"match_parent\"\r\n            android:layout_height=\"wrap_content\"\r\n            android:layout_marginTop=\"@dimen\/activity_vertical_margin\"&gt;\r\n \r\n            &lt;TextView\r\n                android:id=\"@+id\/DETAILS_email_label\"\r\n                android:layout_width=\"wrap_content\"\r\n                android:layout_height=\"wrap_content\"\r\n                android:text=\"Email:\"\r\n                android:textColor=\"#000\"\r\n                android:textSize=\"20sp\"\/&gt;\r\n \r\n            &lt;TextView\r\n                android:id=\"@+id\/DETAILS_email\"\r\n                android:layout_width=\"wrap_content\"\r\n                android:layout_height=\"wrap_content\"\r\n                android:layout_toRightOf=\"@+id\/DETAILS_email_label\"\r\n                android:layout_marginLeft=\"@dimen\/activity_horizontal_margin\"\r\n                android:text=\"jonh.doe@example.com\"\r\n                android:textColor=\"#9f9f9f\"\r\n                android:textSize=\"20sp\"\/&gt;\r\n \r\n        &lt;\/RelativeLayout&gt;\r\n \r\n        &lt;RelativeLayout\r\n            android:layout_width=\"match_parent\"\r\n            android:layout_height=\"wrap_content\"\r\n            android:layout_marginTop=\"@dimen\/activity_vertical_margin\"&gt;\r\n \r\n            &lt;TextView\r\n                android:id=\"@+id\/DETAILS_city_label\"\r\n                android:layout_width=\"wrap_content\"\r\n                android:layout_height=\"wrap_content\"\r\n                android:text=\"City:\"\r\n                android:textColor=\"#000\"\r\n                android:textSize=\"20sp\"\/&gt;\r\n \r\n            &lt;TextView\r\n                android:id=\"@+id\/DETAILS_city\"\r\n                android:layout_width=\"wrap_content\"\r\n                android:layout_height=\"wrap_content\"\r\n                android:layout_toRightOf=\"@+id\/DETAILS_city_label\"\r\n                android:layout_marginLeft=\"@dimen\/activity_horizontal_margin\"\r\n                android:text=\"Rome\"\r\n                android:textColor=\"#9f9f9f\"\r\n                android:textSize=\"20sp\"\/&gt;\r\n \r\n        &lt;\/RelativeLayout&gt;\r\n    &lt;\/LinearLayout&gt;\r\n&lt;\/LinearLayout&gt;<\/pre>\n<h4>\u0428\u0430\u0433 2: \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0430 \u0438 \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u0435 ID \u0447\u0435\u0440\u0435\u0437\u00a0<b>Intent Extras<\/b><\/h4>\n<p>\u041f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u044d\u0442\u0438 \u0434\u0432\u0430 \u0432\u0438\u0434\u0430 \u0434\u0435\u044f\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u0441\u0432\u044f\u0437\u0430\u043d\u044b \u0441 <strong>i<\/strong><b>ntent<\/b>, \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u0432\u0442\u043e\u0440\u043e\u0439 <strong>activity <\/strong>\u0434\u0430\u043d\u043d\u044b\u0435\u00a0\u043e \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u0435, \u0434\u043b\u044f \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u043c\u044b \u0445\u043e\u0442\u0438\u043c \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u0443\u044e \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044e.<\/p>\n<p>\u041e\u0434\u043d\u0438\u043c \u0438\u0437 \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u043e\u0432 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u043f\u043e\u0437\u0438\u0446\u0438\u0438 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u0439 \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u0441\u0441\u044b\u043b\u043a\u0438. \u041f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430 \u0432 \u0441\u043f\u0438\u0441\u043a\u0435 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u0435\u0442 \u043f\u043e\u0437\u0438\u0446\u0438\u0438 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430 \u0432 \u043c\u0430\u0441\u0441\u0438\u0432\u0435, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043d\u0435 \u0434\u043e\u043b\u0436\u043d\u043e \u0431\u044b\u0442\u044c \u043d\u0438\u0447\u0435\u0433\u043e \u043f\u043b\u043e\u0445\u043e\u0433\u043e \u0432 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0438 \u0435\u0435 \u0432 \u0432\u0438\u0434\u0435 \u0443\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u043e\u0439 \u0441\u0441\u044b\u043b\u043a\u0438.<\/p>\n<p>\u042d\u0442\u043e \u0431\u0443\u0434\u0435\u0442 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c, \u043d\u043e \u0435\u0441\u043b\u0438 \u043f\u043e \u043a\u0430\u043a\u0438\u043c-\u0442\u043e \u043f\u0440\u0438\u0447\u0438\u043d\u0430\u043c \u043d\u0430\u0431\u043e\u0440 \u0434\u0430\u043d\u043d\u044b\u0445 \u0431\u0443\u0434\u0435\u0442 \u0438\u0437\u043c\u0435\u043d\u0435\u043d \u0432\u043e \u0432\u0440\u0435\u043c\u044f \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f, \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0435 \u0431\u0443\u0434\u0435\u0442 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u043e\u0432\u0430\u0442\u044c \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u0443\u044e\u0449\u0435\u043c\u0443 \u0432\u0430\u0441 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0443 \u0441\u043f\u0438\u0441\u043a\u0430. \u0418\u043c\u0435\u043d\u043d\u043e \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043b\u0443\u0447\u0448\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0438\u0434\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0442\u043e\u0440. \u0415\u0433\u043e \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043c\u0435\u0442\u043e\u0434\u0430\u00a0<strong>getId<\/strong>\u00a0\u0432 \u043a\u043b\u0430\u0441\u0441\u0435 <strong>Contact<\/strong>.<\/p>\n<p>\u0418\u0437\u043c\u0435\u043d\u0438\u043c<strong>\u00a0<\/strong>\u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u043d\u0430\u0436\u0430\u0442\u0438\u044f\u00a0\u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u0441\u043f\u0438\u0441\u043a\u0430 <strong>onItemClick<\/strong>, \u043a\u0430\u043a \u043f\u043e\u043a\u0430\u0437\u0430\u043d\u043e \u043d\u0438\u0436\u0435.<\/p>\n<pre class=\"lang:default decode:true \">@Override \r\npublic void onItemClick(View view, int position) {\r\n    Intent intent = new Intent(MainActivity.this, DetailsActivity.class);\r\n    intent.putExtra(DetailsActivity.ID, Contact.CONTACTS[position].getId());\r\n    startActivity(intent);\r\n}<\/pre>\n<p>\u0412 <strong>DetailsActivity<\/strong> \u0431\u0443\u0434\u0435\u043c \u043f\u043e\u043b\u0443\u0447\u0430\u0442\u044c \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044e \u043e\u0442 <strong>Intent Extras\u00a0<\/strong>\u0438 \u0441\u0442\u0440\u043e\u0438\u0442\u044c \u043d\u0443\u0436\u043d\u044b\u0439 \u043e\u0431\u044a\u0435\u043a\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044f <strong>ID<\/strong> \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u0441\u0441\u044b\u043b\u043a\u0438. \u042d\u0442\u043e \u043f\u043e\u043a\u0430\u0437\u0430\u043d\u043e \u0432 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u043c \u0431\u043b\u043e\u043a\u0435 \u043a\u043e\u0434\u0430.<\/p>\n<pre class=\"lang:default decode:true\">\/\/ Before the onCreate\r\npublic final static String ID = \"ID\";\r\npublic Contact mContact;\r\n\/\/ In the onCreate, after the setContentView method\r\nmContact = Contact.getItem(getIntent().getIntExtra(ID, 0));<\/pre>\n<p>\u041a\u0430\u043a \u0438 \u043f\u0440\u0435\u0436\u0434\u0435 \u0432 \u043c\u0435\u0442\u043e\u0434\u0435\u00a0<strong>RecyclerViewHolder onCreateViewHolder<\/strong>, \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0438\u0440\u0443\u0435\u043c View, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044f \u043c\u0435\u0442\u043e\u0434 <strong>findViewById<\/strong>, \u0438 \u0437\u0430\u043f\u043e\u043b\u043d\u044f\u0435\u043c \u0435\u0433\u043e\u00a0\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044f \u043c\u0435\u0442\u043e\u0434 <strong>setText<\/strong>. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0447\u0442\u043e\u0431\u044b \u043d\u0430\u0441\u0442\u0440\u043e\u0438\u0442\u044c \u043f\u043e\u043b\u0435 &#171;\u0438\u043c\u044f&#187;, \u043c\u044b \u043f\u043e\u0441\u0442\u0443\u043f\u0430\u0435\u043c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c:<\/p>\n<pre class=\"lang:default decode:true \">mName = (TextView) findViewById(R.id.DETAILS_name);\r\nmName.setText(mContact.get(Contact.Field.NAME));<\/pre>\n<p>\u041f\u0440\u043e\u0446\u0435\u0441\u0441 \u0430\u043d\u0430\u043b\u043e\u0433\u0438\u0447\u0435\u043d \u0438 \u0434\u043b\u044f \u0434\u0440\u0443\u0433\u0438\u0445 \u043f\u043e\u043b\u0435\u0439. \u0412\u0442\u043e\u0440\u0430\u044f <b>activity<\/b>\u00a0\u0433\u043e\u0442\u043e\u0432\u0430.<\/p>\n<p><a href=\"\/wp-content\/uploads\/2015\/04\/second_activity-600-wide.jpg\"><span itemprop=\"image\" itemscope itemtype=\"https:\/\/schema.org\/ImageObject\"><img itemprop=\"url image\" loading=\"lazy\" class=\"aligncenter wp-image-1845 size-full\" src=\"\/wp-content\/uploads\/2015\/04\/second_activity-600-wide.jpg\" alt=\"second_activity-600-wide\" width=\"600\" height=\"461\" \/><meta itemprop=\"width\" content=\"600\"><meta itemprop=\"height\" content=\"461\"><\/span><\/a><\/p>\n<p>&nbsp;<\/p>\n<h3>3. \u0410\u043d\u0438\u043c\u0430\u0446\u0438\u044f\u00a0\u043f\u0435\u0440\u0435\u0445\u043e\u0434\u043e\u0432<\/h3>\n<p>\u041c\u044b \u043d\u0430\u043a\u043e\u043d\u0435\u0446 \u0434\u043e\u0431\u0440\u0430\u043b\u0438\u0441\u044c \u0434\u043e \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u0447\u0430\u0441\u0442\u0438 \u0443\u0440\u043e\u043a\u0430, \u0433\u0434\u0435 \u043c\u044b \u0431\u0443\u0434\u0435\u043c \u043e\u0436\u0438\u0432\u043b\u044f\u0442\u044c \u0434\u0432\u0430 \u0432\u0438\u0434\u0430 <strong>activity<\/strong>, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044f \u043d\u043e\u0432\u044b\u0439 \u0441\u043f\u043e\u0441\u043e\u0431 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0430 \u043c\u0435\u0436\u0434\u0443 \u043d\u0438\u043c\u0438.<\/p>\n<h4>\u0428\u0430\u0433 1: \u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430 \u0412\u0430\u0448\u0435\u0433\u043e \u041f\u0440\u043e\u0435\u043a\u0442\u0430<\/h4>\n<p>\u041f\u0435\u0440\u0432\u043e\u0435, \u0447\u0442\u043e \u0432\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c, \u044d\u0442\u043e \u0438\u0437\u043c\u0435\u043d\u0438\u0442\u044c \u0432\u0430\u0448\u0443 \u0442\u0435\u043c\u0443 \u0432 <strong>style.xml<\/strong> \u0444\u0430\u0439\u043b\u0435 \u0432 <strong>values-v21<\/strong>\u00a0\u043f\u0430\u043f\u043a\u0435. \u0422\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c, \u0432\u044b \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u0442\u0435 \u043a\u043e\u043d\u0442\u0435\u043d\u0442 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u043e\u0432 \u0434\u043b\u044f\u00a0<strong>View<\/strong>, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043d\u0435 \u044f\u0432\u043b\u044f\u044e\u0442\u0441\u044f \u043e\u0431\u0449\u0438\u043c\u0438 \u043c\u0435\u0436\u0434\u0443 \u0434\u0432\u0443\u043c\u044f <strong>activity<\/strong>.<\/p>\n<pre class=\"lang:default decode:true \">&lt;style name=\"AppTheme\" parent=\"AppTheme.Base\"&gt;&lt;\/style&gt;\r\n \r\n&lt;style name=\"AppTheme.Base\" parent=\"android:Theme.Material.Light\"&gt;\r\n \r\n    &lt;item name=\"android:windowContentTransitions\"&gt;true&lt;\/item&gt;\r\n \r\n    &lt;item name=\"android:windowEnterTransition\"&gt;@android:transition\/slide_bottom&lt;\/item&gt;\r\n    &lt;item name=\"android:windowExitTransition\"&gt;@android:transition\/slide_bottom&lt;\/item&gt;\r\n \r\n    &lt;item name=\"android:windowAllowEnterTransitionOverlap\"&gt;true&lt;\/item&gt;\r\n    &lt;item name=\"android:windowAllowReturnTransitionOverlap\"&gt;true&lt;\/item&gt;\r\n    &lt;item name=\"android:windowSharedElementEnterTransition\"&gt;@android:transition\/move&lt;\/item&gt;\r\n    &lt;item name=\"android:windowSharedElementExitTransition\"&gt;@android:transition\/move&lt;\/item&gt;\r\n \r\n&lt;\/style&gt;<\/pre>\n<p>\u041e\u0431\u0440\u0430\u0442\u0438\u0442\u0435 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435, \u0447\u0442\u043e \u0432 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u0445 \u0432\u0430\u0448\u0435\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u00a0<strong>targetSdkVersion <\/strong>\u0438\u00a0<strong>compileSdkVersion <\/strong>\u0434\u043e\u043b\u0436\u043d\u044b \u0431\u044b\u0442\u044c \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d\u044b \u043d\u0435 \u043d\u0438\u0436\u0435 21.<\/p>\n<h4>\u0428\u0430\u0433 2: \u041f\u0440\u0438\u0441\u0432\u043e\u0439\u0442\u0435 \u0438\u043c\u0435\u043d\u0430 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0430\u043c \u0432 Layout \u0444\u0430\u0439\u043b\u0430\u0445<\/h4>\n<p>\u041f\u043e\u0441\u043b\u0435 \u0442\u043e\u0433\u043e, \u043a\u0430\u043a \u0432\u044b \u043e\u0442\u0440\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043b\u0438 \u0432\u0430\u0448 <strong>style.xml<\/strong> \u0444\u0430\u0439\u043b, \u0432\u044b \u0434\u043e\u043b\u0436\u043d\u044b \u0443\u043a\u0430\u0437\u0430\u0442\u044c \u043d\u0430 \u043e\u0442\u043d\u043e\u0448\u0435\u043d\u0438\u0435 \u043e\u0431\u0449\u0438\u0445 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u043c\u0435\u0436\u0434\u0443 \u0434\u0432\u0443\u043c\u044f \u00a0<strong>activity<\/strong>.<\/p>\n<p>\u0412 \u043d\u0430\u0448\u0435\u043c \u043f\u0440\u0438\u043c\u0435\u0440\u0435 <strong>activity<\/strong><strong>\u00a0<\/strong>\u0438\u043c\u0435\u044e\u0442 \u043e\u0431\u0449\u0438\u0435\u00a0<strong>View<\/strong>, \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0449\u0438\u0435 \u0438\u043c\u044f \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u0430, \u043e\u0434\u0438\u043d \u0438\u0437 \u043d\u043e\u043c\u0435\u0440\u043e\u0432 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0430, \u0438 \u0446\u0432\u0435\u0442\u043d\u043e\u0439 \u043a\u0440\u0443\u0433. \u0414\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0438\u0437 \u043d\u0438\u0445, \u0432\u044b \u0434\u043e\u043b\u0436\u043d\u044b \u0443\u043a\u0430\u0437\u0430\u0442\u044c \u043e\u0431\u0449\u0435\u0435 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0430. \u0414\u043b\u044f \u044d\u0442\u043e\u0433\u043e\u00a0\u0434\u043e\u0431\u0430\u0432\u0438\u043c \u0432 <strong>strings.xml<\/strong> \u0444\u0430\u0439\u043b \u0440\u0435\u0441\u0443\u0440\u0441\u043e\u0432 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435 \u0441\u0442\u0440\u043e\u043a\u0438:<\/p>\n<div>\n<div id=\"highlighter_489499\" class=\"syntaxhighlighter noskimlinks noskimwords xml\">\n<pre class=\"lang:default decode:true \">&lt;string name=\"transition_name_name\"&gt;transition:NAME&lt;\/string&gt;\r\n&lt;string name=\"transition_name_circle\"&gt;transition:CIRCLE&lt;\/string&gt;\r\n&lt;string name=\u201ctransition_name_phone\u201d&gt;transition:PHONE&lt;\/string&gt;<\/pre>\n<\/div>\n<\/div>\n<p>\u0417\u0430\u0442\u0435\u043c, \u0434\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0439 \u0438\u0437 \u0442\u0440\u0435\u0445 \u043f\u0430\u0440, \u0432 \u043a\u043e\u0434\u0435 \u043c\u0430\u043a\u0435\u0442\u0430 \u0434\u043e\u0431\u0430\u0432\u044c\u0442\u0435 \u0430\u0442\u0440\u0438\u0431\u0443\u0442 <strong>\u0430ndroid:transitionName<\/strong> \u0441 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u043c \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435\u043c. \u0414\u043b\u044f \u0446\u0432\u0435\u0442\u043d\u043e\u0433\u043e \u043a\u0440\u0443\u0433\u0430, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043a\u043e\u0434 \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u0442\u0430\u043a:<\/p>\n<pre class=\"lang:default decode:true\">&lt;!\u2014 In the single item layout: the item we are transitioning *from* \u2014&gt;\r\n&lt;View\r\n    android:id=\u201c@+id\/CONTACT_circle\u201d\r\n    android:transitionName=\u201c@string\/transition_name_circle\u201d\r\n    android:layout_width=\u201c40dp\u201d\r\n    android:layout_height=\u201c40dp\u201d\r\n    android:background=\u201c@drawable\/circle\u201d\r\n    android:layout_centerVertical=\u201ctrue\u201d\r\n    android:layout_alignParentLeft=\u201ctrue\u201d\/&gt;\r\n&lt;!\u2014 In the details activity: the item we are transitioning *to* \u2014&gt;\r\n&lt;View\r\n    android:id=\u201c@+id\/DETAILS_circle\u201d\r\n    android:transitionName=\u201c@string\/transition_name_circle\u201d\r\n    android:layout_width=\u201c48dp\u201d\r\n    android:layout_height=\u201c48dp\u201d\r\n    android:background=\u201c@drawable\/circle\u201d\r\n    android:layout_centerVertical=\u201ctrue\u201d\r\n    android:layout_alignParentLeft=\u201ctrue\u201d\/&gt;<\/pre>\n<div><\/div>\n<div><\/div>\n<p>\u0411\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u044f \u044d\u0442\u043e\u043c\u0443 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u0443, Android \u0431\u0443\u0434\u0435\u0442 \u0437\u043d\u0430\u0442\u044c, \u043a\u0430\u043a\u0438\u0435 <strong>View<\/strong>\u00a0\u043e\u0431\u0449\u0438\u0435\u00a0\u043c\u0435\u0436\u0434\u0443 \u0434\u0432\u0443\u043c\u044f \u0432\u0438\u0434\u0430\u043c\u0438 <strong>activity<\/strong>\u00a0\u0438 \u0431\u0443\u0434\u0435\u0442 \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e \u0430\u043d\u0438\u043c\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043f\u0435\u0440\u0435\u0445\u043e\u0434. \u041f\u043e\u0432\u0442\u043e\u0440\u0438\u0442\u0435 \u0442\u043e\u0442 \u0436\u0435 \u043f\u0440\u043e\u0446\u0435\u0441\u0441 \u0434\u043b\u044f \u0434\u0432\u0443\u0445 \u0434\u0440\u0443\u0433\u0438\u0445 <strong>View<\/strong>.<\/p>\n<h4 class=\"nolinks\">\u0428\u0430\u0433 3: \u043d\u0430\u0441\u0442\u0440\u043e\u0438\u0442\u044c\u00a0intent<\/h4>\n<p>\u0421 \u0442\u043e\u0447\u043a\u0438 \u0437\u0440\u0435\u043d\u0438\u044f \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u043d\u0443\u0436\u043d\u043e \u043f\u0440\u0438\u043a\u0440\u0435\u043f\u0438\u0442\u044c\u00a0\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u044b\u0439\u00a0<strong>ActivityOptions<\/strong> <strong>bundle<\/strong> \u0432 \u00a0<strong>intent<\/strong>. \u041d\u0430\u043c \u043d\u0443\u0436\u0435\u043d \u043c\u0435\u0442\u043e\u0434\u00a0<strong>makeSceneTransitionAnimation<\/strong>, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u0435\u0442 \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0430 \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0438 \u043d\u0443\u0436\u043d\u044b\u0435 \u043d\u0430\u043c \u043e\u0431\u0449\u0438\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b. \u0412 <strong>RecyclerView<\/strong> \u0432 \u043c\u0435\u0442\u043e\u0434\u0435 <strong>onItemClick<\/strong> , \u0438\u0437\u043c\u0435\u043d\u0438\u043c \u0440\u0430\u043d\u0435\u0435 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u044b\u0439\u00a0<strong>intent<\/strong>:<\/p>\n<div>\n<div id=\"highlighter_926404\" class=\"syntaxhighlighter noskimlinks noskimwords java\">\n<pre class=\"lang:default decode:true \">@Override\r\npublic void onItemClick(View view, int position) {\r\n    Intent intent = new Intent(MainActivity.this, DetailsActivity.class);\r\n    intent.putExtra(DetailsActivity.ID, Contact.CONTACTS[position].getId());\r\n \r\n    ActivityOptionsCompat options = ActivityOptionsCompat.makeSceneTransitionAnimation(\r\n            \/\/ the context of the activity\r\n            MainActivity.this,\r\n \r\n            \/\/ For each shared element, add to this method a new Pair item,\r\n            \/\/ which contains the reference of the view we are transitioning *from*,\r\n            \/\/ and the value of the transitionName attribute\r\n            new Pair&lt;View, String&gt;(view.findViewById(R.id.CONTACT_circle),\r\n                    getString(R.string.transition_name_circle)),\r\n            new Pair&lt;View, String&gt;(view.findViewById(R.id.CONTACT_name),\r\n                    getString(R.string.transition_name_name)),\r\n            new Pair&lt;View, String&gt;(view.findViewById(R.id.CONTACT_phone),\r\n                    getString(R.string.transition_name_phone))\r\n    );\r\n    ActivityCompat.startActivity(MainActivity.this, intent, options.toBundle());<\/pre>\n<\/div>\n<\/div>\n<p>\u0414\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u043e\u0431\u0449\u0435\u0433\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0431\u0443\u0434\u0435\u0442 \u0430\u043d\u0438\u043c\u0438\u0440\u043e\u0432\u0430\u043d, \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u00a0\u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u043a \u043c\u0435\u0442\u043e\u0434\u0443\u00a0<strong>makeSceneTransitionAnimation<\/strong>\u00a0\u043d\u043e\u0432\u044b\u0439 \u043e\u0431\u044a\u0435\u043a\u0442 <strong>Pair, <\/strong>\u00a0 \u0438\u043c\u0435\u044e\u0449\u0438\u0439 \u0434\u0432\u0430 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f, \u043f\u0435\u0440\u0432\u043e\u0435 \u044d\u0442\u043e \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 View, \u0432\u0442\u043e\u0440\u043e\u0435 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435\u043c \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u0430 transitionName.<\/p>\n<p>\u0411\u0443\u0434\u044c\u0442\u0435 \u043e\u0441\u0442\u043e\u0440\u043e\u0436\u043d\u044b \u043f\u0440\u0438 \u0438\u043c\u043f\u043e\u0440\u0442\u0435 \u043a\u043b\u0430\u0441\u0441\u0430 <strong>Pair<\/strong>. \u0412\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u0431\u0443\u0434\u0435\u0442 \u0432\u043a\u043b\u044e\u0447\u0438\u0442\u044c \u0432 <strong>android.support.v4.util<\/strong>\u00a0\u043f\u0430\u043a\u0435\u0442, \u0430 \u043d\u0435 android.util \u043f\u0430\u043a\u0435\u0442. \u0422\u0430\u043a\u0436\u0435, \u043d\u0435 \u0437\u0430\u0431\u044b\u0432\u0430\u0439\u0442\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043c\u0435\u0442\u043e\u0434\u00a0<strong>ActivityCompat.startActivity<\/strong>\u00a0\u0432\u043c\u0435\u0441\u0442\u043e <strong>startActivity<\/strong>, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u0438\u043d\u0430\u0447\u0435 \u043d\u0435 \u0441\u043c\u043e\u0436\u0435\u0442\u0435 \u0437\u0430\u043f\u0443\u0441\u0442\u0438\u0442\u044c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043d\u0430 \u0441\u0440\u0435\u0434\u0430\u0445 \u0441 API \u043d\u0438\u0436\u0435 16.<\/p>\n<p>\u0412\u043e\u0442 \u0438 \u0432\u0441\u0435. \u041c\u044b \u0437\u0430\u043a\u043e\u043d\u0447\u0438\u043b\u0438. \u042d\u0442\u043e \u0442\u0430\u043a \u043f\u0440\u043e\u0441\u0442\u043e.<\/p>\n<h3 class=\"nolinks\">\u0412\u044b\u0432\u043e\u0434<\/h3>\n<p>\u0412 \u044d\u0442\u043e\u043c \u0443\u0440\u043e\u043a\u0435 \u043c\u044b \u0443\u0437\u043d\u0430\u043b\u0438, \u043a\u0430\u043a \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u043a\u0440\u0430\u0441\u0438\u0432\u044b\u0439 \u0438 \u043f\u043b\u0430\u0432\u043d\u044b\u0439 \u043f\u0435\u0440\u0435\u0445\u043e\u0434 \u043c\u0435\u0436\u0434\u0443 \u0434\u0432\u0443\u043c\u044f \u0432\u0438\u0434\u0430\u043c\u0438 activity, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0440\u0430\u0437\u0434\u0435\u043b\u044f\u044e\u0442 \u043e\u0434\u043d\u043e \u0438\u043b\u0438 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043e\u0431\u0449\u0438\u0445 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0432\u0430\u0435\u0442 \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u0443\u044e \u043f\u0440\u0435\u0435\u043c\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u044c.<\/p>\n<p>\u0410\u043d\u0438\u043c\u0430\u0446\u0438\u044f \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0430 \u0432 \u044d\u0442\u043e\u043c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438 \u043d\u0435 \u0431\u0443\u0434\u0435\u0442 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c\u00a0\u043d\u0430 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0430\u0445 \u0441 \u0432\u0435\u0440\u0441\u0438\u0435\u0439 Android \u043d\u0438\u0436\u0435 5.0. \u041a \u0441\u043e\u0436\u0430\u043b\u0435\u043d\u0438\u044e, \u0438\u0437 \u0441\u043e\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0439\u00a0\u0431\u044b\u0441\u0442\u0440\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430 \u0441\u043e\u0432\u043c\u0435\u0441\u0442\u0438\u043c\u043e\u0441\u0442\u0438 \u00a0\u043d\u0435 \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0432\u0430\u0435\u0442 \u043f\u043e\u043b\u043d\u0443\u044e \u043e\u0431\u0440\u0430\u0442\u043d\u0443\u044e \u0441\u043e\u0432\u043c\u0435\u0441\u0442\u0438\u043c\u043e\u0441\u0442\u044c \u0441 \u044d\u0442\u0438\u043c\u0438 \u044d\u0444\u0444\u0435\u043a\u0442\u0430\u043c\u0438 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0430.<\/p>\n<h3 class=\"nolinks\">\u0411\u043e\u043d\u0443\u0441: \u0421\u0442\u0438\u043b\u0438\u0441\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0414\u0435\u0442\u0430\u043b\u0438<\/h3>\n<p>\u0427\u0442\u043e\u0431\u044b \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u043b\u043e \u0432 \u043b\u0443\u0447\u0448\u0438\u0445 \u0442\u0440\u0430\u0434\u0438\u0446\u0438\u044f\u0445 Material Design, \u043a\u0430\u043a \u043f\u043e\u043a\u0430\u0437\u0430\u043d\u043e \u043d\u0430 \u043f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0438\u0445 \u0441\u043a\u0440\u0438\u043d\u0448\u043e\u0442\u0430\u0445, \u0432\u0430\u043c \u0442\u0430\u043a\u0436\u0435 \u043d\u0443\u0436\u043d\u043e \u0431\u0443\u0434\u0435\u0442 \u0438\u0437\u043c\u0435\u043d\u0438\u0442\u044c \u0446\u0432\u0435\u0442\u0430 \u0432\u0430\u0448\u0435\u0439 \u0442\u0435\u043c\u044b. \u0418\u0437\u043c\u0435\u043d\u0438\u0442\u0435\u00a0\u043e\u0441\u043d\u043e\u0432\u043d\u0443\u044e \u0442\u0435\u043c\u0443 \u0438\u0437 \u043f\u0430\u043f\u043a\u0438\u00a0<strong>values-v21<\/strong>, \u0447\u0442\u043e\u0431\u044b \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0445\u043e\u0440\u043e\u0448\u0438\u0439 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442:<\/p>\n<div>\n<div id=\"highlighter_212305\" class=\"syntaxhighlighter noskimlinks noskimwords plain\">\n<pre class=\"lang:default decode:true \">&lt;style name=\u201cAppTheme\u201d parent=\u201cAppTheme.Base\u201d&gt;\r\n \r\n    &lt;item name=\u201candroid:windowTitleSize\u201d&gt;0dp&lt;\/item&gt;\r\n    &lt;item name=\u201candroid:colorPrimary\u201d&gt;@color\/colorPrimary&lt;\/item&gt;\r\n    &lt;item name=\u201candroid:colorPrimaryDark\u201d&gt;@color\/colorPrimaryDark&lt;\/item&gt;\r\n    &lt;item name=\u201candroid:colorAccent\u201d&gt;@color\/colorAccent&lt;\/item&gt;\r\n    &lt;item name=\u201candroid:textColorPrimary\u201d&gt;#fff&lt;\/item&gt;\r\n    &lt;item name=\u201candroid:textColor\u201d&gt;#727272&lt;\/item&gt;\r\n    &lt;item name=\u201candroid:navigationBarColor\u201d&gt;#303F9F&lt;\/item&gt;\r\n \r\n&lt;\/style&gt;<\/pre>\n<p>\u041f\u0435\u0440\u0435\u0432\u043e\u0434 <a href=\"http:\/\/code.tutsplus.com\/tutorials\/introduction-to-the-new-lollipop-activity-transitions--cms-23711\" target=\"_blank\">\u0438\u0441\u0442\u043e\u0447\u043d\u0438\u043a\u0430<\/a>. \u00a0\u0410\u0432\u0442\u043e\u0440 \u0443\u0440\u043e\u043a\u0430\u00a0<a class=\"content-header__author-link\" href=\"http:\/\/tutsplus.com\/authors\/gianluca-segato\" target=\"_blank\" rel=\"author\">Gianluca Segato<\/a>. \u00a0 \u0421\u043a\u0430\u0447\u0430\u0442\u044c <a href=\"https:\/\/github.com\/tutsplus\/Android-ActivityTransitions\" target=\"_blank\">\u0438\u0441\u0445\u043e\u0434\u043d\u044b\u0439 \u043a\u043e\u0434 <\/a>\u043f\u0440\u043e\u0435\u043a\u0442\u0430<\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u0412\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u041e\u0434\u043d\u0438\u043c \u0438\u0437 \u043d\u0430\u0438\u0431\u043e\u043b\u0435\u0435 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u044b\u0445 \u0430\u0441\u043f\u0435\u043a\u0442\u043e\u0432 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0434\u0438\u0437\u0430\u0439\u043d\u0430 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u0430\u044f \u043f\u0440\u0435\u0435\u043c\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u044c \u043e\u043a\u043e\u043d \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f. \u0421 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u0445 \u0441\u0442\u0440\u043e\u043a \u043a\u043e\u0434\u0430 \u043d\u043e\u0432\u044b\u0435 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u044b API Lollipop\u00a0\u043f\u043e\u0437\u0432\u043e\u043b\u044f\u044e\u0442 \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u044b\u0439 \u044d\u0444\u0444\u0435\u043a\u0442 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0430 \u043c\u0435\u0436\u0434\u0443 \u0434\u0432\u0443\u043c\u044f activity, \u0431\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u044f \u0431\u0435\u0441\u0448\u043e\u0432\u043d\u043e\u0439 \u0438 \u043d\u0435\u043f\u0440\u0435\u0440\u044b\u0432\u043d\u043e\u0439 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438 . \u042d\u0442\u043e \u043b\u043e\u043c\u0430\u0435\u0442 \u0433\u0440\u0430\u043d\u0438\u0446\u044b \u043a\u043b\u0430\u0441\u0441\u0438\u0447\u0435\u0441\u043a\u043e\u0433\u043e \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u044f \u043f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0438\u0445 \u0432\u0435\u0440\u0441\u0438\u0439 Android \u0438 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044e \u043f\u043e\u043d\u044f\u0442\u044c, \u043a\u0430\u043a \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u044f\u0442 \u043e\u0442 \u043e\u0434\u043d\u043e\u0439 \u0442\u043e\u0447\u043a\u0438 \u043a \u0434\u0440\u0443\u0433\u043e\u0439. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1853,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[24,7],"tags":[3,19,14,25,5,15,26],"_links":{"self":[{"href":"https:\/\/www.fandroid.info\/wp-json\/wp\/v2\/posts\/1756"}],"collection":[{"href":"https:\/\/www.fandroid.info\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.fandroid.info\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.fandroid.info\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fandroid.info\/wp-json\/wp\/v2\/comments?post=1756"}],"version-history":[{"count":3,"href":"https:\/\/www.fandroid.info\/wp-json\/wp\/v2\/posts\/1756\/revisions"}],"predecessor-version":[{"id":4782,"href":"https:\/\/www.fandroid.info\/wp-json\/wp\/v2\/posts\/1756\/revisions\/4782"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.fandroid.info\/wp-json\/wp\/v2\/media\/1853"}],"wp:attachment":[{"href":"https:\/\/www.fandroid.info\/wp-json\/wp\/v2\/media?parent=1756"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fandroid.info\/wp-json\/wp\/v2\/categories?post=1756"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fandroid.info\/wp-json\/wp\/v2\/tags?post=1756"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}