{"id":412,"date":"2015-01-21T22:32:08","date_gmt":"2015-01-21T22:32:08","guid":{"rendered":"http:\/\/www.fandroid.info\/?page_id=412"},"modified":"2016-02-01T23:00:21","modified_gmt":"2016-02-01T23:00:21","slug":"urok-6-ustanovka-polzovatelskih-animatsij-v-material-design","status":"publish","type":"page","link":"https:\/\/www.fandroid.info\/urok-6-ustanovka-polzovatelskih-animatsij-v-material-design\/","title":{"rendered":"\u0423\u0440\u043e\u043a 6. \u0423\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0445 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0439 \u0432 Material Design"},"content":{"rendered":"<div class=\"content-header \">\n<h1>\u041e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u043d\u0430\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0435\u043c\u043e\u0439 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438<\/h1>\n<\/div>\n<div id=\"jd-content\">\n<div class=\"jd-descr\">\n<div id=\"tb-wrapper\">\n<div id=\"tb\">\n<h2>\u0421\u043e\u0434\u0435\u0440\u0436\u0430\u043d\u0438\u0435 \u044d\u0442\u043e\u0433\u043e \u0443\u0440\u043e\u043a\u0430<\/h2>\n<ol>\n<li>\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430 \u0440\u0435\u0430\u043a\u0446\u0438\u0438 \u043d\u0430 \u043a\u0430\u0441\u0430\u043d\u0438\u0435<\/li>\n<li>\u041f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u044d\u0444\u0444\u0435\u043a\u0442\u0430 \u043f\u043e\u044f\u0432\u043b\u0435\u043d\u0438\u044f<\/li>\n<li>\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u043e\u0432<\/li>\n<li>\u0410\u043d\u0438\u043c\u0430\u0446\u0438\u044f \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0439 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u044f<\/li>\n<li>\u0410\u043d\u0438\u043c\u0430\u0446\u0438\u044f \u0432\u0435\u043a\u0442\u043e\u0440\u043d\u044b\u0445 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432<\/li>\n<\/ol>\n<h2>\u0421\u043c. \u0442\u0430\u043a\u0436\u0435<\/h2>\n<ul>\n<li><a href=\"http:\/\/www.google.com\/design\/spec\">\u0421\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044f Material Design<\/a><\/li>\n<li><a href=\"http:\/\/developer.android.com\/design\/material\/index.html\">Material Design \u0432 Android<\/a><\/li>\n<\/ul>\n<\/div>\n<\/div>\n<p>\u0411\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u044f \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u044f\u043c \u0432 Material Design \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0438 \u043f\u043e\u043b\u0443\u0447\u0430\u044e\u0442 \u043e\u0442\u043a\u043b\u0438\u043a \u043d\u0430 \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u043c\u044b\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f. \u041a\u0440\u043e\u043c\u0435 \u0442\u043e\u0433\u043e, \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438 \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0432\u0430\u044e\u0442 \u0437\u0440\u0438\u0442\u0435\u043b\u044c\u043d\u0443\u044e \u0441\u0432\u044f\u0437\u044c \u043f\u0440\u0438 \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0438 \u0441 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435\u043c. \u0422\u0435\u043c\u0430 Material Design \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u0440\u044f\u0434 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0439 \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e \u0434\u043b\u044f \u043a\u043d\u043e\u043f\u043e\u043a \u0438 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u043e\u0432, \u0430 \u0432 Android 5.0 (\u0443\u0440\u043e\u0432\u0435\u043d\u044c API 21) \u0438 \u0431\u043e\u043b\u0435\u0435 \u043f\u043e\u0437\u0434\u043d\u0438\u0445 \u0432\u0435\u0440\u0441\u0438\u044f\u0445 \u043c\u043e\u0436\u043d\u043e \u043d\u0430\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0442\u044c \u044d\u0442\u0438 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438 \u0438 \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u043d\u043e\u0432\u044b\u0435:<\/p>\n<ul>\n<li>\u0440\u0435\u0430\u043a\u0446\u0438\u044f \u043d\u0430 \u043a\u0430\u0441\u0430\u043d\u0438\u0435;<\/li>\n<li>\u043a\u0440\u0443\u0433\u043e\u0432\u043e\u0435 \u043f\u043e\u044f\u0432\u043b\u0435\u043d\u0438\u0435;<\/li>\n<li>\u043f\u0435\u0440\u0435\u0445\u043e\u0434\u044b;<\/li>\n<li>\u043f\u0435\u0440\u0435\u043c\u0435\u0449\u0435\u043d\u0438\u0435 \u043f\u043e \u043a\u0440\u0438\u0432\u043e\u0439;<\/li>\n<li>\u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0439 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u044f.<\/li>\n<\/ul>\n<h2 id=\"Touch\">\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430 \u0440\u0435\u0430\u043a\u0446\u0438\u0438 \u043d\u0430 \u043a\u0430\u0441\u0430\u043d\u0438\u0435<\/h2>\n<hr \/>\n<p>\u0420\u0435\u0430\u043a\u0446\u0438\u044f \u043d\u0430 \u043a\u0430\u0441\u0430\u043d\u0438\u0435 \u0432 Material Design \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0432\u0430\u0435\u0442 \u043c\u043e\u043c\u0435\u043d\u0442\u0430\u043b\u044c\u043d\u043e\u0435 \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u043e\u0435 \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043d\u0438\u0435 \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u0441 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430\u043c\u0438 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430 \u0432 \u0442\u043e\u0447\u043a\u0435 \u043a\u0430\u0441\u0430\u043d\u0438\u044f. \u0412 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u043e\u0439 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438 \u0434\u043b\u044f \u0440\u0435\u0430\u043a\u0446\u0438\u0438 \u043d\u0430 \u043d\u0430\u0436\u0430\u0442\u0438\u0435 \u043a\u043d\u043e\u043f\u043e\u043a \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u043d\u043e\u0432\u044b\u0439 \u043a\u043b\u0430\u0441\u0441 <code><a href=\"http:\/\/developer.android.com\/reference\/android\/graphics\/drawable\/RippleDrawable.html\">RippleDrawable<\/a><\/code>, \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0432\u0430\u044e\u0449\u0438\u0439 \u043f\u0435\u0440\u0435\u0445\u043e\u0434 \u043c\u0435\u0436\u0434\u0443 \u0440\u0430\u0437\u043d\u044b\u043c\u0438 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f\u043c\u0438 \u0441 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435\u043c \u044d\u0444\u0444\u0435\u043a\u0442\u0430 \u0440\u044f\u0431\u0438.<\/p>\n<p>\u0412 \u0431\u043e\u043b\u044c\u0448\u0438\u043d\u0441\u0442\u0432\u0435 \u0441\u043b\u0443\u0447\u0430\u0435\u0432 \u044d\u0442\u0443 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0441\u043b\u0435\u0434\u0443\u0435\u0442 \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u0442\u044c \u0432 XML-\u0444\u0430\u0439\u043b\u0435 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u044f, \u0443\u043a\u0430\u0437\u0430\u0432 \u0444\u043e\u043d \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c:<\/p>\n<ul>\n<li><code>?android:attr\/selectableItemBackground<\/code> \u0434\u043b\u044f \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u043d\u043e\u0439 \u043e\u0431\u043b\u0430\u0441\u0442\u0438 \u0440\u044f\u0431\u0438;<\/li>\n<li><code>?android:attr\/selectableItemBackgroundBorderless<\/code> \u0434\u043b\u044f \u0440\u044f\u0431\u0438, \u0440\u0430\u0441\u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u044f\u0435\u043c\u043e\u0439 \u0437\u0430 \u0433\u0440\u0430\u043d\u0438\u0446\u044b \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u044f. \u041f\u0440\u0438 \u043e\u0442\u0440\u0438\u0441\u043e\u0432\u043a\u0435 \u043e\u043d\u0430 \u0431\u0443\u0434\u0435\u0442 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0438\u0432\u0430\u0442\u044c\u0441\u044f \u0431\u043b\u0438\u0436\u0430\u0439\u0448\u0438\u043c \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u043c \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u043c \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0441\u043e \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435\u043c \u0444\u043e\u043d\u0430, \u043e\u0442\u043b\u0438\u0447\u043d\u044b\u043c \u043e\u0442 null.<\/li>\n<\/ul>\n<p class=\"note\"><strong>\u041f\u0440\u0438\u043c\u0435\u0447\u0430\u043d\u0438\u0435.<\/strong> <code>selectableItemBackgroundBorderless<\/code>\u00a0\u2014 \u044d\u0442\u043e \u043d\u043e\u0432\u044b\u0439 \u0430\u0442\u0440\u0438\u0431\u0443\u0442, \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u043d\u044b\u0439 \u0432 \u0443\u0440\u043e\u0432\u043d\u0435 API 21.<\/p>\n<p>\u0422\u0430\u043a\u0436\u0435 \u043c\u043e\u0436\u043d\u043e \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c <code><a href=\"http:\/\/developer.android.com\/reference\/android\/graphics\/drawable\/RippleDrawable.html\">RippleDrawable<\/a><\/code> \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 XML-\u0440\u0435\u0441\u0443\u0440\u0441\u0430 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430 <code>ripple<\/code>.<\/p>\n<p>\u041c\u043e\u0436\u043d\u043e \u043d\u0430\u0437\u043d\u0430\u0447\u0438\u0442\u044c \u0446\u0432\u0435\u0442 \u0434\u043b\u044f \u043e\u0431\u044a\u0435\u043a\u0442\u043e\u0432 <code><a href=\"http:\/\/developer.android.com\/reference\/android\/graphics\/drawable\/RippleDrawable.html\">RippleDrawable<\/a><\/code>. \u0427\u0442\u043e\u0431\u044b \u0438\u0437\u043c\u0435\u043d\u0438\u0442\u044c \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u044b\u0439 \u0446\u0432\u0435\u0442 \u043e\u0442\u043a\u043b\u0438\u043a\u0430 \u043d\u0430 \u043a\u0430\u0441\u0430\u043d\u0438\u0435, \u0432\u043e\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435\u0441\u044c \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u043e\u043c \u0442\u0435\u043c\u044b <code>android:colorControlHighlight<\/code> .<\/p>\n<p>\u0414\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0441\u0432\u0435\u0434\u0435\u043d\u0438\u044f \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u044b \u0432 \u0441\u043f\u0440\u0430\u0432\u043a\u0435 \u043f\u043e API \u0434\u043b\u044f \u043a\u043b\u0430\u0441\u0441\u0430 <code><a href=\"http:\/\/developer.android.com\/reference\/android\/graphics\/drawable\/RippleDrawable.html\">RippleDrawable<\/a><\/code>.<\/p>\n<h2 id=\"Reveal\">\u041f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u044d\u0444\u0444\u0435\u043a\u0442\u0430 \u043f\u043e\u044f\u0432\u043b\u0435\u043d\u0438\u044f<\/h2>\n<hr \/>\n<p>\u0410\u043d\u0438\u043c\u0430\u0446\u0438\u044f \u044d\u0444\u0444\u0435\u043a\u0442\u0430 \u043f\u043e\u044f\u0432\u043b\u0435\u043d\u0438\u044f \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0432\u0430\u0435\u0442 \u0437\u0440\u0438\u0442\u0435\u043b\u044c\u043d\u0443\u044e \u0441\u0432\u044f\u0437\u044c \u0441 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f\u043c\u0438 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f, \u043a\u043e\u0433\u0434\u0430 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0435\u0442\u0441\u044f \u0438\u043b\u0438 \u0441\u043a\u0440\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u0433\u0440\u0443\u043f\u043f\u0430 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430. \u0421 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043c\u0435\u0442\u043e\u0434\u0430<code><a href=\"http:\/\/developer.android.com\/reference\/android\/view\/ViewAnimationUtils.html#createCircularReveal(android.view.View, int, int, float, float)\">ViewAnimationUtils.createCircularReveal()<\/a><\/code> \u043c\u043e\u0436\u043d\u043e \u0430\u043d\u0438\u043c\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0438\u0432\u0430\u044e\u0449\u0438\u0439 \u043a\u0440\u0443\u0433, \u0447\u0442\u043e\u0431\u044b \u043e\u0442\u043e\u0431\u0440\u0430\u0437\u0438\u0442\u044c \u0438\u043b\u0438 \u0441\u043a\u0440\u044b\u0442\u044c \u0441 \u044d\u043a\u0440\u0430\u043d\u0430 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u0435.<\/p>\n<p>\u041a\u0430\u043a \u043e\u0442\u043e\u0431\u0440\u0430\u0437\u0438\u0442\u044c \u0440\u0430\u043d\u0435\u0435 \u0441\u043a\u0440\u044b\u0442\u043e\u0435 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u044d\u0442\u043e\u0433\u043e \u044d\u0444\u0444\u0435\u043a\u0442\u0430:<\/p>\n<pre class=\"lang:default decode:true \">\/\/ previously invisible view\r\nView myView = findViewById(R.id.my_view);\r\n\r\n\/\/ get the center for the clipping circle\r\nint cx = (myView.getLeft() + myView.getRight()) \/ 2;\r\nint cy = (myView.getTop() + myView.getBottom()) \/ 2;\r\n\r\n\/\/ get the final radius for the clipping circle\r\nint finalRadius = Math.max(myView.getWidth(), myView.getHeight());\r\n\r\n\/\/ create the animator for this view (the start radius is zero)\r\nAnimator anim =\r\n\u00a0 \u00a0 ViewAnimationUtils.createCircularReveal(myView, cx, cy, 0, finalRadius);\r\n\r\n\/\/ make the view visible and start the animation\r\nmyView.setVisibility(View.VISIBLE);\r\nanim.start();<\/pre>\n<p>&nbsp;<\/p>\n<p>\u041a\u0430\u043a \u0441\u043a\u0440\u044b\u0442\u044c \u0440\u0430\u043d\u0435\u0435 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0432\u0448\u0435\u0435\u0441\u044f \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u044d\u0442\u043e\u0433\u043e \u044d\u0444\u0444\u0435\u043a\u0442\u0430:<\/p>\n<pre class=\"lang:default decode:true \">\/\/ previously visible view\r\nfinal View myView = findViewById(R.id.my_view);\r\n\r\n\/\/ get the center for the clipping circle\r\nint cx = (myView.getLeft() + myView.getRight()) \/ 2;\r\nint cy = (myView.getTop() + myView.getBottom()) \/ 2;\r\n\r\n\/\/ get the initial radius for the clipping circle\r\nint initialRadius = myView.getWidth();\r\n\r\n\/\/ create the animation (the final radius is zero)\r\nAnimator anim =\r\n\u00a0 \u00a0 ViewAnimationUtils.createCircularReveal(myView, cx, cy, initialRadius, 0);\r\n\r\n\/\/ make the view invisible when the animation is done\r\nanim.addListener(new AnimatorListenerAdapter() {\r\n\u00a0 \u00a0 @Override\r\n\u00a0 \u00a0 public void onAnimationEnd(Animator animation) {\r\n\u00a0 \u00a0 \u00a0 \u00a0 super.onAnimationEnd(animation);\r\n\u00a0 \u00a0 \u00a0 \u00a0 myView.setVisibility(View.INVISIBLE);\r\n\u00a0 \u00a0 }\r\n});\r\n\r\n\/\/ start the animation\r\nanim.start();<\/pre>\n<p>&nbsp;<\/p>\n<h2 id=\"Transitions\">\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u043e\u0432<\/h2>\n<hr \/>\n<div><\/div>\n<p>\u041f\u0435\u0440\u0435\u0445\u043e\u0434\u044b \u0432 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f\u0445 Material Design \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0432\u0430\u044e\u0442 \u0437\u0440\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0441\u0432\u044f\u0437\u0438 \u043c\u0435\u0436\u0434\u0443 \u0440\u0430\u0437\u043b\u0438\u0447\u043d\u044b\u043c\u0438 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f\u043c\u0438 \u043f\u0443\u0442\u0435\u043c \u0434\u0432\u0438\u0436\u0435\u043d\u0438\u044f \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u0438 \u043f\u0440\u0435\u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u043d\u0438\u0439 \u043c\u0435\u0436\u0434\u0443 \u043e\u0431\u0449\u0438\u043c\u0438 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430\u043c\u0438. \u041c\u043e\u0436\u043d\u043e \u0432\u044b\u0431\u0440\u0430\u0442\u044c \u043d\u0430\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0435\u043c\u044b\u0435 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438 \u0434\u043b\u044f \u043d\u0430\u0447\u0430\u043b\u044c\u043d\u044b\u0445 \u0438 \u043a\u043e\u043d\u0435\u0447\u043d\u044b\u0445 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u043e\u0432, \u0430 \u0442\u0430\u043a\u0436\u0435 \u0434\u043b\u044f \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u043e\u0432 \u043e\u0431\u0449\u0438\u0445 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u043c\u0435\u0436\u0434\u0443 \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u044f\u043c\u0438.<\/p>\n<ul>\n<li><strong>\u041d\u0430\u0447\u0430\u043b\u044c\u043d\u044b\u0439<\/strong> \u043f\u0435\u0440\u0435\u0445\u043e\u0434 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u0442 \u043f\u043e\u0440\u044f\u0434\u043e\u043a \u043f\u043e\u044f\u0432\u043b\u0435\u043d\u0438\u044f \u043d\u0430 \u044d\u043a\u0440\u0430\u043d\u0435 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u0439 \u0432 \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u0438. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0432 \u043d\u0430\u0447\u0430\u043b\u044c\u043d\u043e\u043c \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0435 <em>explode<\/em> \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u043f\u043e\u044f\u0432\u043b\u044f\u044e\u0442\u0441\u044f \u043d\u0430 \u044d\u043a\u0440\u0430\u043d\u0435 \u0438\u0437\u0432\u043d\u0435 \u0438 \u043f\u0435\u0440\u0435\u043c\u0435\u0449\u0430\u044e\u0442\u0441\u044f \u043a \u0446\u0435\u043d\u0442\u0440\u0443 \u044d\u043a\u0440\u0430\u043d\u0430.<\/li>\n<li><strong>\u041a\u043e\u043d\u0435\u0447\u043d\u044b\u0439<\/strong> \u043f\u0435\u0440\u0435\u0445\u043e\u0434 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u0442 \u043f\u043e\u0440\u044f\u0434\u043e\u043a \u0438\u0441\u0447\u0435\u0437\u043d\u043e\u0432\u0435\u043d\u0438\u044f \u0441 \u044d\u043a\u0440\u0430\u043d\u0430 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u0439 \u0432 \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u0438. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0432 \u043a\u043e\u043d\u0435\u0447\u043d\u043e\u043c \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0435 <em>explode<\/em>\u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0438\u0441\u0447\u0435\u0437\u0430\u044e\u0442 \u0441 \u044d\u043a\u0440\u0430\u043d\u0430 \u0432 \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0438 \u0438\u0437 \u0446\u0435\u043d\u0442\u0440\u0430 \u043a \u043a\u0440\u0430\u044f\u043c.<\/li>\n<li>\u041f\u0435\u0440\u0435\u0445\u043e\u0434 <strong>\u043e\u0431\u0449\u0438\u0445 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432<\/strong> \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u0442 \u043f\u043e\u0440\u044f\u0434\u043e\u043a \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0430 \u043c\u0435\u0436\u0434\u0443 \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u044f\u043c\u0438 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u0439, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u044b\u0445 \u0432 \u043e\u0431\u0435\u0438\u0445 \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u044f\u0445. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0435\u0441\u043b\u0438 \u0432 \u0434\u0432\u0443\u0445 \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u044f\u0445 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u043e\u0434\u043d\u043e \u0438 \u0442\u043e \u0436\u0435 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435, \u043d\u043e \u0432 \u0440\u0430\u0437\u043d\u044b\u0445 \u043f\u043e\u0437\u0438\u0446\u0438\u044f\u0445 \u0438 \u0441 \u0440\u0430\u0437\u043d\u044b\u043c\u0438 \u0440\u0430\u0437\u043c\u0435\u0440\u0430\u043c\u0438, \u0432 \u0441\u043b\u0443\u0447\u0430\u0435 \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0430 \u043e\u0431\u0449\u0435\u0433\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430 <em>changeImageTransform<\/em> \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u0442\u0441\u044f \u043f\u043b\u0430\u0432\u043d\u043e\u0435 \u043f\u0435\u0440\u0435\u043c\u0435\u0449\u0435\u043d\u0438\u0435 \u0438 \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u043c\u0435\u0436\u0434\u0443 \u044d\u0442\u0438\u043c\u0438 \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u044f\u043c\u0438.<\/li>\n<\/ul>\n<p>\u0412 Android 5.0 (\u0443\u0440\u043e\u0432\u0435\u043d\u044c API 21) \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u044e\u0442\u0441\u044f \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435 \u043d\u0430\u0447\u0430\u043b\u044c\u043d\u044b\u0435 \u0438 \u043a\u043e\u043d\u0435\u0447\u043d\u044b\u0435 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u044b:<\/p>\n<ul>\n<li><em>explode<\/em>\u00a0\u2014 \u043f\u0435\u0440\u0435\u043c\u0435\u0449\u0435\u043d\u0438\u0435 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u0439 \u0432 \u0446\u0435\u043d\u0442\u0440 \u044d\u043a\u0440\u0430\u043d\u0430 \u0438\u043b\u0438 \u0438\u0437 \u0446\u0435\u043d\u0442\u0440\u0430;<\/li>\n<li><em>slide<\/em>\u00a0\u2014 \u043f\u0435\u0440\u0435\u043c\u0435\u0449\u0435\u043d\u0438\u0435 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u0439 \u043a \u043e\u0434\u043d\u043e\u043c\u0443 \u0438\u0437 \u043a\u0440\u0430\u0435\u0432 \u044d\u043a\u0440\u0430\u043d\u0430 \u0438\u043b\u0438 \u043e\u0442 \u043d\u0435\u0433\u043e;<\/li>\n<li><em>fade<\/em>\u00a0\u2014 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u0438\u043b\u0438 \u0441\u043a\u0440\u044b\u0442\u0438\u0435 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u043d\u0430 \u044d\u043a\u0440\u0430\u043d\u0435 \u043f\u0443\u0442\u0435\u043c \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0435\u0433\u043e \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u043e\u0441\u0442\u0438.<\/li>\n<\/ul>\n<p>\u041b\u044e\u0431\u043e\u0439 \u043f\u0435\u0440\u0435\u0445\u043e\u0434, \u044f\u0432\u043b\u044f\u044e\u0449\u0438\u0439\u0441\u044f \u043d\u0430\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u0435\u043c \u043a\u043b\u0430\u0441\u0441\u0430 <code><a href=\"http:\/\/developer.android.com\/reference\/android\/transition\/Visibility.html\">Visibility<\/a><\/code>, \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u043a\u0430\u043a \u043d\u0430\u0447\u0430\u043b\u044c\u043d\u044b\u0439 \u0438\u043b\u0438 \u043a\u043e\u043d\u0435\u0447\u043d\u044b\u0439 \u043f\u0435\u0440\u0435\u0445\u043e\u0434. \u0414\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0441\u0432\u0435\u0434\u0435\u043d\u0438\u044f \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u044b \u0432 \u0441\u043f\u0440\u0430\u0432\u043a\u0435 \u043f\u043e API \u0434\u043b\u044f \u043a\u043b\u0430\u0441\u0441\u0430 <code><a href=\"http:\/\/developer.android.com\/reference\/android\/transition\/Transition.html\">Transition<\/a><\/code>.<\/p>\n<p>\u0412 Android 5.0 (\u0443\u0440\u043e\u0432\u0435\u043d\u044c API 21) \u0442\u0430\u043a\u0436\u0435 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u044e\u0442\u0441\u044f \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u044b \u043e\u0431\u0449\u0438\u0445 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432:<\/p>\n<ul>\n<li><em>changeBounds<\/em>\u00a0\u2014 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u044f \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0439 \u0433\u0440\u0430\u043d\u0438\u0446 \u043c\u0430\u043a\u0435\u0442\u043e\u0432 \u0446\u0435\u043b\u0435\u0432\u044b\u0445 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u0439;<\/li>\n<li><em>changeClipBounds<\/em>\u00a0\u2014 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u044f \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0439 \u0433\u0440\u0430\u043d\u0438\u0446 \u043e\u0431\u0440\u0435\u0437\u043a\u0438 \u0446\u0435\u043b\u0435\u0432\u044b\u0445 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u0439;<\/li>\n<li><em>changeTransform<\/em>\u00a0\u2014 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u044f \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0439 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u043e\u0432 \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0438 \u043f\u043e\u0432\u043e\u0440\u043e\u0442\u0430 \u0446\u0435\u043b\u0435\u0432\u044b\u0445 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u0439;<\/li>\n<li><em>changeImageTransform<\/em>\u00a0\u2014 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u044f \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0439 \u0440\u0430\u0437\u043c\u0435\u0440\u043e\u0432 \u0438 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u043e\u0432 \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0446\u0435\u043b\u0435\u0432\u044b\u0445 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0439.<\/li>\n<\/ul>\n<p>\u0415\u0441\u043b\u0438 \u0430\u043a\u0442\u0438\u0432\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u044b \u0432 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438, \u0442\u043e \u043c\u0435\u0436\u0434\u0443 \u043d\u0430\u0447\u0430\u043b\u044c\u043d\u043e\u0439 \u0438 \u043a\u043e\u043d\u0435\u0447\u043d\u043e\u0439 \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u044f\u043c\u0438 \u0430\u043a\u0442\u0438\u0432\u0438\u0440\u0443\u0435\u0442\u0441\u044f \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u044b\u0439 \u043f\u0435\u0440\u0435\u0445\u043e\u0434 \u043c\u0435\u0442\u043e\u0434\u043e\u043c \u043f\u043b\u0430\u0432\u043d\u043e\u0439 \u0437\u0430\u043c\u0435\u043d\u044b.<\/p>\n<p><span itemprop=\"image\" itemscope itemtype=\"https:\/\/schema.org\/ImageObject\"><img itemprop=\"url image\" loading=\"lazy\" src=\"http:\/\/developer.android.com\/training\/material\/images\/SceneTransition.png\" alt=\"\" width=\"600\" height=\"405\" \/><meta itemprop=\"width\" content=\"600\"><meta itemprop=\"height\" content=\"405\"><\/span><\/p>\n<p class=\"img-caption\">\u00a0 <strong>\u0420\u0438\u0441\u0443\u043d\u043e\u043a\u00a02.<\/strong> \u041f\u0435\u0440\u0435\u0445\u043e\u0434 \u0441 \u043e\u0434\u043d\u0438\u043c \u043e\u0431\u0449\u0438\u043c \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u043c.<\/p>\n<h3>\u041e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u043d\u0430\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0435\u043c\u044b\u0445 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u043e\u0432<\/h3>\n<p>\u0421\u043d\u0430\u0447\u0430\u043b\u0430 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0430\u043a\u0442\u0438\u0432\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u044b \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0433\u043e \u043e\u043a\u043d\u0430 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u0430<code>android:windowContentTransitions<\/code> \u043f\u0440\u0438 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0438 \u0441\u0442\u0438\u043b\u044f, \u043d\u0430\u0441\u043b\u0435\u0434\u0443\u0435\u043c\u043e\u0433\u043e \u0438\u0437 \u0442\u0435\u043c\u044b Material Design. \u0412 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0438 \u0441\u0442\u0438\u043b\u044f \u043c\u043e\u0436\u043d\u043e \u0443\u043a\u0430\u0437\u0430\u0442\u044c \u043d\u0430\u0447\u0430\u043b\u044c\u043d\u044b\u0439 \u0438 \u043a\u043e\u043d\u0435\u0447\u043d\u044b\u0439 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u044b, \u0430 \u0442\u0430\u043a\u0436\u0435 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u044b \u043e\u0431\u0449\u0438\u0445 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432:<\/p>\n<pre class=\"lang:default decode:true \">&lt;style name=\"BaseAppTheme\" parent=\"android:Theme.Material\"&gt;\r\n\u00a0 &lt;!-- enable window content transitions --&gt;\r\n\u00a0 &lt;item name=\"android:windowContentTransitions\"&gt;true&lt;\/item&gt;\r\n\r\n\u00a0 &lt;!-- specify enter and exit transitions --&gt;\r\n\u00a0 &lt;item name=\"android:windowEnterTransition\"&gt;@transition\/explode&lt;\/item&gt;\r\n\u00a0 &lt;item name=\"android:windowExitTransition\"&gt;@transition\/explode&lt;\/item&gt;\r\n\r\n\u00a0 &lt;!-- specify shared element transitions --&gt;\r\n\u00a0 &lt;item name=\"android:windowSharedElementEnterTransition\"&gt;\r\n\u00a0 \u00a0 @transition\/change_image_transform&lt;\/item&gt;\r\n\u00a0 &lt;item name=\"android:windowSharedElementExitTransition\"&gt;\r\n\u00a0 \u00a0 @transition\/change_image_transform&lt;\/item&gt;\r\n&lt;\/style&gt;<\/pre>\n<p>&nbsp;<\/p>\n<p>\u041f\u0435\u0440\u0435\u0445\u043e\u0434 <code>change_image_transform<\/code> \u0432 \u044d\u0442\u043e\u043c \u043f\u0440\u0438\u043c\u0435\u0440\u0435 \u0437\u0430\u0434\u0430\u0435\u0442\u0441\u044f \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c:<\/p>\n<pre class=\"lang:default decode:true \">&lt;!-- res\/transition\/change_image_transform.xml --&gt;\r\n&lt;!-- (see also Shared Transitions below) --&gt;\r\n&lt;transitionSet xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"&gt;\r\n\u00a0 &lt;changeImageTransform\/&gt;\r\n&lt;\/transitionSet&gt;<\/pre>\n<p>&nbsp;<\/p>\n<p>\u042d\u043b\u0435\u043c\u0435\u043d\u0442 <code>changeImageTransform<\/code> \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u0435\u0442 \u043a\u043b\u0430\u0441\u0441\u0443 <code><a href=\"http:\/\/developer.android.com\/reference\/android\/transition\/ChangeImageTransform.html\">ChangeImageTransform<\/a><\/code>. \u0414\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0441\u0432\u0435\u0434\u0435\u043d\u0438\u044f \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u044b \u0432 \u0441\u043f\u0440\u0430\u0432\u043a\u0435 \u043f\u043e API \u0434\u043b\u044f <code><a href=\"http:\/\/developer.android.com\/reference\/android\/transition\/Transition.html\">Transition<\/a><\/code>.<\/p>\n<p>\u0427\u0442\u043e\u0431\u044b \u0430\u043a\u0442\u0438\u0432\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0432 \u0441\u0432\u043e\u0435\u043c \u043a\u043e\u0434\u0435 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u044b \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0433\u043e \u043e\u043a\u043d\u0430, \u0432\u044b\u0437\u043e\u0432\u0438\u0442\u0435 \u043c\u0435\u0442\u043e\u0434<code><a href=\"http:\/\/developer.android.com\/reference\/android\/view\/Window.html#requestFeature(int)\">Window.requestFeature()<\/a><\/code>:<\/p>\n<pre class=\"lang:default decode:true\">\/\/ inside your activity (if you did not enable transitions in your theme)\r\ngetWindow().requestFeature(Window.FEATURE_CONTENT_TRANSITIONS);\r\n\r\n\/\/ set an exit transition\r\ngetWindow().setExitTransition(new Explode());<\/pre>\n<p>&nbsp;<\/p>\n<p>\u0427\u0442\u043e\u0431\u044b \u0437\u0430\u0434\u0430\u0442\u044c \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u044b \u0432 \u0441\u0432\u043e\u0435\u043c \u043a\u043e\u0434\u0435, \u0432\u044b\u0437\u043e\u0432\u0438\u0442\u0435 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435 \u043c\u0435\u0442\u043e\u0434\u044b \u0441 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435\u043c \u043e\u0431\u044a\u0435\u043a\u0442\u0430<code><a href=\"http:\/\/developer.android.com\/reference\/android\/transition\/Transition.html\">Transition<\/a><\/code>:<\/p>\n<ul>\n<li><code><a href=\"http:\/\/developer.android.com\/reference\/android\/view\/Window.html#setEnterTransition(android.transition.Transition)\">Window.setEnterTransition()<\/a><\/code>;<\/li>\n<li><code><a href=\"http:\/\/developer.android.com\/reference\/android\/view\/Window.html#setExitTransition(android.transition.Transition)\">Window.setExitTransition()<\/a><\/code>;<\/li>\n<li><code><a href=\"http:\/\/developer.android.com\/reference\/android\/view\/Window.html#setSharedElementEnterTransition(android.transition.Transition)\">Window.setSharedElementEnterTransition()<\/a><\/code>;<\/li>\n<li><code><a href=\"http:\/\/developer.android.com\/reference\/android\/view\/Window.html#setSharedElementExitTransition(android.transition.Transition)\">Window.setSharedElementExitTransition()<\/a><\/code>.<\/li>\n<\/ul>\n<p>\u041c\u0435\u0442\u043e\u0434\u044b <code><a href=\"http:\/\/developer.android.com\/reference\/android\/view\/Window.html#setExitTransition(android.transition.Transition)\">setExitTransition()<\/a><\/code> \u0438 <code><a href=\"http:\/\/developer.android.com\/reference\/android\/view\/Window.html#setSharedElementExitTransition(android.transition.Transition)\">setSharedElementExitTransition()<\/a><\/code> \u0437\u0430\u0434\u0430\u044e\u0442 \u043a\u043e\u043d\u0435\u0447\u043d\u044b\u0439 \u043f\u0435\u0440\u0435\u0445\u043e\u0434 \u0434\u043b\u044f \u0432\u044b\u0437\u044b\u0432\u0430\u044e\u0449\u0435\u0439 \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u0438. \u041c\u0435\u0442\u043e\u0434\u044b <code><a href=\"http:\/\/developer.android.com\/reference\/android\/view\/Window.html#setEnterTransition(android.transition.Transition)\">setEnterTransition()<\/a><\/code> \u0438 <code><a href=\"http:\/\/developer.android.com\/reference\/android\/view\/Window.html#setSharedElementEnterTransition(android.transition.Transition)\">setSharedElementEnterTransition()<\/a><\/code> \u0437\u0430\u0434\u0430\u044e\u0442 \u043d\u0430\u0447\u0430\u043b\u044c\u043d\u044b\u0439 \u043f\u0435\u0440\u0435\u0445\u043e\u0434 \u0434\u043b\u044f \u0432\u044b\u0437\u044b\u0432\u0430\u0435\u043c\u043e\u0439 \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u0438.<\/p>\n<p>\u0427\u0442\u043e\u0431\u044b \u0432 \u043f\u043e\u043b\u043d\u043e\u0439 \u043c\u0435\u0440\u0435 \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0430, \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0430\u043a\u0442\u0438\u0432\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u044b \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0433\u043e \u043e\u043a\u043d\u0430 \u043a\u0430\u043a \u0432 \u0432\u044b\u0437\u044b\u0432\u0430\u044e\u0449\u0435\u0439, \u0442\u0430\u043a \u0438 \u0432 \u0432\u044b\u0437\u044b\u0432\u0430\u0435\u043c\u043e\u0439 \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u0438. \u0412 \u043f\u0440\u043e\u0442\u0438\u0432\u043d\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u0432\u044b\u0437\u044b\u0432\u0430\u044e\u0449\u0430\u044f \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u044f \u0437\u0430\u043f\u0443\u0441\u0442\u0438\u0442 \u043a\u043e\u043d\u0435\u0447\u043d\u044b\u0439 \u043f\u0435\u0440\u0435\u0445\u043e\u0434, \u043e\u0434\u043d\u0430\u043a\u043e \u0431\u0443\u0434\u0435\u0442 \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d \u043f\u0435\u0440\u0435\u0445\u043e\u0434 \u043e\u043a\u043d\u0430 (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0438\u043b\u0438 \u0437\u0430\u0442\u0435\u043c\u043d\u0435\u043d\u0438\u0435).<\/p>\n<p>\u0427\u0442\u043e\u0431\u044b \u0437\u0430\u043f\u0443\u0441\u0442\u0438\u0442\u044c \u043d\u0430\u0447\u0430\u043b\u044c\u043d\u044b\u0439 \u043f\u0435\u0440\u0435\u0445\u043e\u0434 \u043a\u0430\u043a \u043c\u043e\u0436\u043d\u043e \u0440\u0430\u043d\u044c\u0448\u0435, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u0432 \u0432\u044b\u0437\u044b\u0432\u0430\u0435\u043c\u043e\u0439 \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u0438 \u043c\u0435\u0442\u043e\u0434<code><a href=\"http:\/\/developer.android.com\/reference\/android\/view\/Window.html#setAllowEnterTransitionOverlap(boolean)\">Window.setAllowEnterTransitionOverlap()<\/a><\/code> . \u042d\u0442\u043e \u043f\u043e\u0437\u0432\u043e\u043b\u0438\u0442 \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u043d\u0430\u0447\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u044b \u0431\u043e\u043b\u0435\u0435 \u044d\u0444\u0444\u0435\u043a\u0442\u043d\u044b\u043c\u0438.<\/p>\n<h3>\u0417\u0430\u043f\u0443\u0441\u043a \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u0438 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u043e\u0432<\/h3>\n<p>\u0415\u0441\u043b\u0438 \u0432 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438 \u0440\u0430\u0437\u0440\u0435\u0448\u0435\u043d\u044b \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u044b \u0438 \u0434\u043b\u044f \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u0438 \u0437\u0430\u0434\u0430\u043d \u043a\u043e\u043d\u0435\u0447\u043d\u044b\u0439 \u043f\u0435\u0440\u0435\u0445\u043e\u0434, \u043f\u0435\u0440\u0435\u0445\u043e\u0434 \u0430\u043a\u0442\u0438\u0432\u0438\u0440\u0443\u0435\u0442\u0441\u044f \u043f\u0440\u0438 \u0437\u0430\u043f\u0443\u0441\u043a\u0435 \u0434\u0440\u0443\u0433\u043e\u0439 \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u0438 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c:<\/p>\n<pre class=\"lang:default decode:true \">startActivity(intent,\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 ActivityOptions.makeSceneTransitionAnimation(this).toBundle());<\/pre>\n<p>&nbsp;<\/p>\n<p>\u0415\u0441\u043b\u0438 \u0434\u043b\u044f \u0432\u0442\u043e\u0440\u043e\u0439 \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u0438 \u0437\u0430\u0434\u0430\u043d \u043d\u0430\u0447\u0430\u043b\u044c\u043d\u044b\u0439 \u043f\u0435\u0440\u0435\u0445\u043e\u0434, \u043e\u043d \u0442\u0430\u043a\u0436\u0435 \u0430\u043a\u0442\u0438\u0432\u0438\u0440\u0443\u0435\u0442\u0441\u044f \u043f\u0440\u0438 \u0437\u0430\u043f\u0443\u0441\u043a\u0435 \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u0438. \u0427\u0442\u043e\u0431\u044b \u043e\u0442\u043a\u043b\u044e\u0447\u0438\u0442\u044c \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u044b \u043f\u0440\u0438 \u0437\u0430\u043f\u0443\u0441\u043a\u0435 \u0434\u0440\u0443\u0433\u043e\u0439 \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u0438, \u0443\u043a\u0430\u0436\u0438\u0442\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 <code>null<\/code> \u0434\u043b\u044f \u043d\u0430\u0431\u043e\u0440\u0430 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u043e\u0432.<\/p>\n<h3>\u0417\u0430\u043f\u0443\u0441\u043a \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u0438 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043e\u0431\u0449\u0435\u0433\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430<\/h3>\n<p>\u041f\u043e\u0440\u044f\u0434\u043e\u043a \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0430 \u043d\u0430 \u044d\u043a\u0440\u0430\u043d\u0435 \u043c\u0435\u0436\u0434\u0443 \u0434\u0432\u0443\u043c\u044f \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u044f\u043c\u0438 \u0441 \u043e\u0431\u0449\u0438\u043c \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u043c<\/p>\n<ol>\n<li>\u0410\u043a\u0442\u0438\u0432\u0438\u0440\u0443\u0439\u0442\u0435 \u0432 \u0441\u0432\u043e\u0435\u0439 \u0442\u0435\u043c\u0435 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u044b \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0433\u043e \u043e\u043a\u043d\u0430.<\/li>\n<li>\u0412 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0438 \u0441\u0442\u0438\u043b\u044f \u0443\u043a\u0430\u0436\u0438\u0442\u0435 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u044b \u043e\u0431\u0449\u0438\u0445 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432.<\/li>\n<li>\u041e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u0435 \u0441\u0432\u043e\u0439 \u043f\u0435\u0440\u0435\u0445\u043e\u0434 \u043a\u0430\u043a XML-\u0440\u0435\u0441\u0443\u0440\u0441.<\/li>\n<li>\u041f\u0440\u0438\u0441\u0432\u043e\u0439\u0442\u0435 \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u043e\u0435 \u0438\u043c\u044f \u043e\u0431\u0449\u0438\u043c \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430\u043c \u0432 \u043e\u0431\u043e\u0438\u0445 \u043c\u0430\u043a\u0435\u0442\u0430\u0445, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044f \u0434\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u0430\u0442\u0440\u0438\u0431\u0443\u0442<code>android:transitionName<\/code>.<\/li>\n<li>\u0412\u043e\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435\u0441\u044c \u043c\u0435\u0442\u043e\u0434\u043e\u043c <code><a href=\"http:\/\/developer.android.com\/reference\/android\/app\/ActivityOptions.html#makeSceneTransitionAnimation(android.app.Activity, android.util.Pair&lt;android.view.View, java.lang.String&gt;...)\">ActivityOptions.makeSceneTransitionAnimation()<\/a><\/code>.<\/li>\n<\/ol>\n<pre class=\"lang:default decode:true \">\/\/ get the element that receives the click event\r\nfinal View imgContainerView = findViewById(R.id.img_container);\r\n\r\n\/\/ get the common element for the transition in this activity\r\nfinal View androidRobotView = findViewById(R.id.image_small);\r\n\r\n\/\/ define a click listener\r\nimgContainerView.setOnClickListener(new View.OnClickListener() {\r\n\u00a0 \u00a0 @Override\r\n\u00a0 \u00a0 public void onClick(View view) {\r\n\u00a0 \u00a0 \u00a0 \u00a0 Intent intent = new Intent(this, Activity2.class);\r\n\u00a0 \u00a0 \u00a0 \u00a0 \/\/ create the transition animation - the images in the layouts\r\n\u00a0 \u00a0 \u00a0 \u00a0 \/\/ of both activities are defined with android:transitionName=\"robot\"\r\n\u00a0 \u00a0 \u00a0 \u00a0 ActivityOptions options = ActivityOptions\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 .makeSceneTransitionAnimation(this, androidRobotView, \"robot\");\r\n\u00a0 \u00a0 \u00a0 \u00a0 \/\/ start the new activity\r\n\u00a0 \u00a0 \u00a0 \u00a0 startActivity(intent, options.toBundle());\r\n\u00a0 \u00a0 }\r\n});<\/pre>\n<p>&nbsp;<\/p>\n<p>\u0414\u043b\u044f \u043e\u0431\u0449\u0438\u0445 \u0434\u0438\u043d\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u0439, \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0435\u043c\u044b\u0445 \u0432 \u043a\u043e\u0434\u0435, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u043c\u0435\u0442\u043e\u0434<code><a href=\"http:\/\/developer.android.com\/reference\/android\/view\/View.html#setTransitionName(java.lang.String)\">View.setTransitionName()<\/a><\/code> \u0434\u043b\u044f \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u044f \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u043e\u0433\u043e \u0438\u043c\u0435\u043d\u0438 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430 \u0432 \u043e\u0431\u0435\u0438\u0445 \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u044f\u0445.<\/p>\n<p>\u0427\u0442\u043e\u0431\u044b \u0432\u044b\u043f\u043e\u043b\u043d\u0438\u0442\u044c \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u044e \u043e\u0431\u0440\u0430\u0442\u043d\u043e\u0433\u043e \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0430 \u043f\u043e \u0437\u0430\u0432\u0435\u0440\u0448\u0435\u043d\u0438\u0438 \u0432\u0442\u043e\u0440\u043e\u0439 \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u0438, \u0432\u044b\u0437\u043e\u0432\u0438\u0442\u0435 \u043c\u0435\u0442\u043e\u0434<code><a href=\"http:\/\/developer.android.com\/reference\/android\/app\/Activity.html#finishAfterTransition()\">Activity.finishAfterTransition()<\/a><\/code> \u0432\u043c\u0435\u0441\u0442\u043e<code><a href=\"http:\/\/developer.android.com\/reference\/android\/app\/Activity.html#finish()\">Activity.finish()<\/a><\/code>.<\/p>\n<h3>\u0417\u0430\u043f\u0443\u0441\u043a \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u0438 \u0441 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u043c\u0438 \u043e\u0431\u0449\u0438\u043c\u0438 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430\u043c\u0438<\/h3>\n<p>\u0427\u0442\u043e\u0431\u044b \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u044e \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0430 \u043d\u0430 \u044d\u043a\u0440\u0430\u043d\u0435 \u043c\u0435\u0436\u0434\u0443 \u0434\u0432\u0443\u043c\u044f \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u044f\u043c\u0438 \u0441 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u043c\u0438 \u043e\u0431\u0449\u0438\u043c\u0438 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430\u043c\u0438, \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u0435 \u043e\u0431\u0449\u0438\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u0432 \u043e\u0431\u043e\u0438\u0445 \u043c\u0430\u043a\u0435\u0442\u0430\u0445 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u0430<code>android:transitionName<\/code> (\u0438\u043b\u0438 \u0432\u043e\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435\u0441\u044c \u043c\u0435\u0442\u043e\u0434\u043e\u043c <code><a href=\"http:\/\/developer.android.com\/reference\/android\/view\/View.html#setTransitionName(java.lang.String)\">View.setTransitionName()<\/a><\/code> \u0432 \u043e\u0431\u0435\u0438\u0445 \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u044f\u0445), \u0430 \u0437\u0430\u0442\u0435\u043c \u0441\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u043e\u0431\u044a\u0435\u043a\u0442 <code><a href=\"http:\/\/developer.android.com\/reference\/android\/app\/ActivityOptions.html\">ActivityOptions<\/a><\/code>, \u043a\u0430\u043a \u0443\u043a\u0430\u0437\u0430\u043d\u043e \u043d\u0438\u0436\u0435.<\/p>\n<pre class=\"lang:default decode:true \">ActivityOptions options = ActivityOptions.makeSceneTransitionAnimation(this,\r\n\u00a0 \u00a0 \u00a0 \u00a0 Pair.create(view1, \"agreedName1\"),\r\n\u00a0 \u00a0 \u00a0 \u00a0 Pair.create(view2, \"agreedName2\"));<\/pre>\n<p>&nbsp;<\/p>\n<h2 id=\"CurvedMotion\">\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u043f\u0435\u0440\u0435\u043c\u0435\u0449\u0435\u043d\u0438\u044f \u043f\u043e \u043a\u0440\u0438\u0432\u043e\u0439<\/h2>\n<hr \/>\n<p>\u041f\u0440\u0438 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438 \u0432 Material Design \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442\u0441\u044f \u043a\u0440\u0438\u0432\u044b\u0435 \u0434\u043b\u044f \u0438\u043d\u0442\u0435\u0440\u043f\u043e\u043b\u044f\u0446\u0438\u0438 \u043f\u043e \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u0438 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0441\u0445\u0435\u043c \u043f\u0435\u0440\u0435\u043c\u0435\u0449\u0435\u043d\u0438\u044f \u0432 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u0435. \u0412 Android 5.0 (\u0443\u0440\u043e\u0432\u0435\u043d\u044c API 21) \u0438 \u0431\u043e\u043b\u0435\u0435 \u043f\u043e\u0437\u0434\u043d\u0438\u0445 \u0432\u0435\u0440\u0441\u0438\u044f\u0445 \u0438\u043c\u0435\u0435\u0442\u0441\u044f \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c \u0434\u043b\u044f \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0439 \u043d\u0430\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0435\u043c\u044b\u0435 \u043a\u0440\u0438\u0432\u044b\u0435 \u0441\u0438\u043d\u0445\u0440\u043e\u043d\u0438\u0437\u0430\u0446\u0438\u0438 \u0438 \u0441\u0445\u0435\u043c\u044b \u043f\u0435\u0440\u0435\u043c\u0435\u0449\u0435\u043d\u0438\u044f \u043f\u043e \u043a\u0440\u0438\u0432\u043e\u0439.<\/p>\n<p>\u041a\u043b\u0430\u0441\u0441 <code><a href=\"http:\/\/developer.android.com\/reference\/android\/view\/animation\/PathInterpolator.html\">PathInterpolator<\/a><\/code>\u00a0\u2014 \u044d\u0442\u043e \u043d\u043e\u0432\u044b\u0439 \u0438\u043d\u0442\u0435\u0440\u043f\u043e\u043b\u044f\u0442\u043e\u0440 \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 \u043a\u0440\u0438\u0432\u043e\u0439 \u0411\u0435\u0437\u044c\u0435 \u0438\u043b\u0438 \u043e\u0431\u044a\u0435\u043a\u0442\u0430 <code><a href=\"http:\/\/developer.android.com\/reference\/android\/graphics\/Path.html\">Path<\/a><\/code>. \u0414\u0430\u043d\u043d\u044b\u0439 \u0438\u043d\u0442\u0435\u0440\u043f\u043e\u043b\u044f\u0442\u043e\u0440 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u0442 \u043f\u0435\u0440\u0435\u043c\u0435\u0449\u0435\u043d\u0438\u0435 \u043f\u043e \u043a\u0440\u0438\u0432\u043e\u0439 \u0432 \u043a\u0432\u0430\u0434\u0440\u0430\u0442\u0435 1\u00a0x\u00a01 \u0441 \u043f\u0440\u0438\u0432\u044f\u0437\u043a\u043e\u0439 \u0432 \u0442\u043e\u0447\u043a\u0430\u0445 (0,0) \u0438 (1,1), \u0430 \u0442\u0430\u043a\u0436\u0435 \u0441 \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u044c\u043d\u044b\u043c\u0438 \u0442\u043e\u0447\u043a\u0430\u043c\u0438, \u0437\u0430\u0434\u0430\u0432\u0430\u0435\u043c\u044b\u043c\u0438 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0430\u0440\u0433\u0443\u043c\u0435\u043d\u0442\u043e\u0432 \u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0442\u043e\u0440\u0430. \u0422\u0430\u043a\u0436\u0435 \u043c\u043e\u0436\u043d\u043e \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c \u0438\u043d\u0442\u0435\u0440\u043f\u043e\u043b\u044f\u0442\u043e\u0440 \u0442\u0440\u0430\u0435\u043a\u0442\u043e\u0440\u0438\u0438 \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 XML-\u0440\u0435\u0441\u0443\u0440\u0441\u0430:<\/p>\n<pre class=\"lang:default decode:true \">&lt;pathInterpolator xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"\r\n\u00a0 \u00a0 android:controlX1=\"0.4\"\r\n\u00a0 \u00a0 android:controlY1=\"0\"\r\n\u00a0 \u00a0 android:controlX2=\"1\"\r\n\u00a0 \u00a0 android:controlY2=\"1\"\/&gt;\r\n<\/pre>\n<p>&nbsp;<\/p>\n<p class=\"prettyprint\"><span style=\"font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; font-size: 16px; line-height: 1.5; background-color: #ffffff;\">\u0412 \u0441\u0438\u0441\u0442\u0435\u043c\u0435 \u0438\u043c\u0435\u044e\u0442\u0441\u044f XML-\u0440\u0435\u0441\u0443\u0440\u0441\u044b \u0434\u043b\u044f \u0442\u0440\u0435\u0445 \u043e\u0441\u043d\u043e\u0432\u043d\u044b\u0445 \u043a\u0440\u0438\u0432\u044b\u0445 \u0432 \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438 Material Design:<\/span><\/p>\n<ul>\n<li><code>@interpolator\/fast_out_linear_in.xml<\/code>;<\/li>\n<li><code>@interpolator\/fast_out_slow_in.xml<\/code>;<\/li>\n<li><code>@interpolator\/linear_out_slow_in.xml<\/code>.<\/li>\n<\/ul>\n<p>\u041c\u043e\u0436\u043d\u043e \u043f\u0435\u0440\u0435\u0434\u0430\u0442\u044c \u043e\u0431\u044a\u0435\u043a\u0442 <code><a href=\"http:\/\/developer.android.com\/reference\/android\/view\/animation\/PathInterpolator.html\">PathInterpolator<\/a><\/code> \u0432 \u043c\u0435\u0442\u043e\u0434 <code><a href=\"http:\/\/developer.android.com\/reference\/android\/animation\/Animator.html#setInterpolator(android.animation.TimeInterpolator)\">Animator.setInterpolator()<\/a><\/code>.<\/p>\n<p>\u041a\u043b\u0430\u0441\u0441 <code><a href=\"http:\/\/developer.android.com\/reference\/android\/animation\/ObjectAnimator.html\">ObjectAnimator<\/a><\/code> \u0438\u043c\u0435\u0435\u0442 \u043d\u043e\u0432\u044b\u0435 \u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0442\u043e\u0440\u044b, \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u043c\u043e\u0436\u043d\u043e \u0430\u043d\u0438\u043c\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442\u044b \u0432\u0434\u043e\u043b\u044c \u0442\u0440\u0430\u0435\u043a\u0442\u043e\u0440\u0438\u0438 \u043f\u0435\u0440\u0435\u043c\u0435\u0449\u0435\u043d\u0438\u044f, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044f \u0434\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u043d\u0435 \u043c\u0435\u043d\u0435\u0435 \u0434\u0432\u0443\u0445 \u0441\u0432\u043e\u0439\u0441\u0442\u0432. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u0430\u043d\u0438\u043c\u0430\u0442\u043e\u0440 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442 \u043e\u0431\u044a\u0435\u043a\u0442 <code><a href=\"http:\/\/developer.android.com\/reference\/android\/graphics\/Path.html\">Path<\/a><\/code> \u0434\u043b\u044f \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438 \u0441\u0432\u043e\u0439\u0441\u0442\u0432 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u043f\u043e \u043e\u0441\u044f\u043c X \u0438 Y:<\/p>\n<pre class=\"lang:default decode:true \">ObjectAnimator mAnimator;\r\nmAnimator = ObjectAnimator.ofFloat(view, View.X, View.Y, path);\r\n...\r\nmAnimator.start();<\/pre>\n<p>&nbsp;<\/p>\n<h2 id=\"ViewState\">\u0410\u043d\u0438\u043c\u0430\u0446\u0438\u044f \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0439 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u044f<\/h2>\n<hr \/>\n<p>\u0421 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043a\u043b\u0430\u0441\u0441\u0430 <code><a href=\"http:\/\/developer.android.com\/reference\/android\/animation\/StateListAnimator.html\">StateListAnimator<\/a><\/code> \u043c\u043e\u0436\u043d\u043e \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c \u0430\u043d\u0438\u043c\u0430\u0442\u043e\u0440\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u044e\u0442\u0441\u044f \u043f\u0440\u0438 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0438 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u044f. \u0412 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u043c \u043f\u0440\u0438\u043c\u0435\u0440\u0435 \u043f\u043e\u043a\u0430\u0437\u0430\u043d \u043f\u043e\u0440\u044f\u0434\u043e\u043a \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u044f<code><a href=\"http:\/\/developer.android.com\/reference\/android\/animation\/StateListAnimator.html\">StateListAnimator<\/a><\/code> \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 XML-\u0440\u0435\u0441\u0443\u0440\u0441\u0430:<\/p>\n<pre class=\"lang:default decode:true \">&lt;!-- animate the translationZ property of a view when pressed --&gt;\r\n&lt;selector xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"&gt;\r\n\u00a0 &lt;item android:state_pressed=\"true\"&gt;\r\n\u00a0 \u00a0 &lt;set&gt;\r\n\u00a0 \u00a0 \u00a0 &lt;objectAnimator android:propertyName=\"translationZ\"\r\n\u00a0 \u00a0 \u00a0 \u00a0 android:duration=\"@android:integer\/config_shortAnimTime\"\r\n\u00a0 \u00a0 \u00a0 \u00a0 android:valueTo=\"2dp\"\r\n\u00a0 \u00a0 \u00a0 \u00a0 android:valueType=\"floatType\"\/&gt;\r\n\u00a0 \u00a0 \u00a0 \u00a0 &lt;!-- you could have other objectAnimator elements\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0here for \"x\" and \"y\", or other properties --&gt;\r\n\u00a0 \u00a0 &lt;\/set&gt;\r\n\u00a0 &lt;\/item&gt;\r\n\u00a0 &lt;item android:state_enabled=\"true\"\r\n\u00a0 \u00a0 android:state_pressed=\"false\"\r\n\u00a0 \u00a0 android:state_focused=\"true\"&gt;\r\n\u00a0 \u00a0 &lt;set&gt;\r\n\u00a0 \u00a0 \u00a0 &lt;objectAnimator android:propertyName=\"translationZ\"\r\n\u00a0 \u00a0 \u00a0 \u00a0 android:duration=\"100\"\r\n\u00a0 \u00a0 \u00a0 \u00a0 android:valueTo=\"0\"\r\n\u00a0 \u00a0 \u00a0 \u00a0 android:valueType=\"floatType\"\/&gt;\r\n\u00a0 \u00a0 &lt;\/set&gt;\r\n\u00a0 &lt;\/item&gt;\r\n&lt;\/selector&gt;<\/pre>\n<p>&nbsp;<\/p>\n<p>\u0427\u0442\u043e\u0431\u044b \u043f\u0440\u0438\u0441\u043e\u0435\u0434\u0438\u043d\u0438\u0442\u044c \u043a \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u044e \u043d\u0430\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0435\u043c\u044b\u0435 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u044f, \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u0435 \u0430\u043d\u0438\u043c\u0430\u0442\u043e\u0440, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044f \u044d\u043b\u0435\u043c\u0435\u043d\u0442 <code>selector<\/code> \u0432 \u0444\u0430\u0439\u043b\u0435 XML-\u0440\u0435\u0441\u0443\u0440\u0441\u0430 (\u043a\u0430\u043a \u0432 \u044d\u0442\u043e\u043c \u043f\u0440\u0438\u043c\u0435\u0440\u0435), \u0430 \u0437\u0430\u0442\u0435\u043c \u043d\u0430\u0437\u043d\u0430\u0447\u044c\u0442\u0435 \u0435\u0433\u043e \u0441\u0432\u043e\u0435\u043c\u0443 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u044e \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u0430 <code>android:stateListAnimator<\/code>. \u0427\u0442\u043e\u0431\u044b \u0432 \u0441\u0432\u043e\u0435\u043c \u043a\u043e\u0434\u0435 \u043d\u0430\u0437\u043d\u0430\u0447\u0438\u0442\u044c \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u044e \u0430\u043d\u0438\u043c\u0430\u0442\u043e\u0440 \u0441\u043f\u0438\u0441\u043a\u0430 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0439, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u043c\u0435\u0442\u043e\u0434<code><a href=\"http:\/\/developer.android.com\/reference\/android\/animation\/AnimatorInflater.html#loadStateListAnimator(android.content.Context, int)\">AnimationInflater.loadStateListAnimator()<\/a><\/code>, \u0430 \u0437\u0430\u0442\u0435\u043c \u043d\u0430\u0437\u043d\u0430\u0447\u044c\u0442\u0435 \u0430\u043d\u0438\u043c\u0430\u0442\u043e\u0440 \u0441\u0432\u043e\u0435\u043c\u0443 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u044e \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043c\u0435\u0442\u043e\u0434\u0430 <code><a href=\"http:\/\/developer.android.com\/reference\/android\/view\/View.html#setStateListAnimator(android.animation.StateListAnimator)\">View.setStateListAnimator()<\/a><\/code>.<\/p>\n<p>\u0415\u0441\u043b\u0438 \u0432\u0430\u0448\u0430 \u0442\u0435\u043c\u0430 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0435\u043c \u0442\u0435\u043c\u044b Material Design, \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e \u0443 \u043a\u043d\u043e\u043f\u043e\u043a \u0438\u043c\u0435\u0435\u0442\u0441\u044f \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438 \u043f\u043e \u043e\u0441\u0438 Z. \u0427\u0442\u043e\u0431\u044b \u043e\u0442\u043a\u043b\u044e\u0447\u0438\u0442\u044c \u0442\u0430\u043a\u043e\u0435 \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u043a\u043d\u043e\u043f\u043e\u043a, \u0437\u0430\u0434\u0430\u0439\u0442\u0435 \u0434\u043b\u044f \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u0430<code>android:stateListAnimator<\/code> \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 <code>@null<\/code>.<\/p>\n<p>\u0421 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043a\u043b\u0430\u0441\u0441\u0430 <code><a href=\"http:\/\/developer.android.com\/reference\/android\/graphics\/drawable\/AnimatedStateListDrawable.html\">AnimatedStateListDrawable<\/a><\/code> \u043c\u043e\u0436\u043d\u043e \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0441\u043b\u0443\u0436\u0430\u0442 \u0434\u043b\u044f \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438 \u043c\u0435\u0436\u0434\u0443 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f\u043c\u0438 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f \u0441\u0432\u044f\u0437\u0430\u043d\u043d\u043e\u0433\u043e \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u044f. \u0412 Android 5.0 \u0432 \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0441\u0438\u0441\u0442\u0435\u043c\u043d\u044b\u0445 \u0432\u0438\u0434\u0436\u0435\u0442\u0430\u0445 \u0442\u0430\u043a\u0430\u044f \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u044f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e. \u0412 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u043c \u043f\u0440\u0438\u043c\u0435\u0440\u0435 \u043f\u043e\u043a\u0430\u0437\u0430\u043d \u043f\u043e\u0440\u044f\u0434\u043e\u043a \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u044f <code><a href=\"http:\/\/developer.android.com\/reference\/android\/graphics\/drawable\/AnimatedStateListDrawable.html\">AnimatedStateListDrawable<\/a><\/code> \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 XML-\u0440\u0435\u0441\u0443\u0440\u0441\u0430:<\/p>\n<pre class=\"lang:default decode:true \">&lt;!-- res\/drawable\/myanimstatedrawable.xml --&gt;\r\n&lt;animated-selector\r\n\u00a0 \u00a0 xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"&gt;\r\n\r\n\u00a0 \u00a0 &lt;!-- provide a different drawable for each state--&gt;\r\n\u00a0 \u00a0 &lt;item android:id=\"@+id\/pressed\" android:drawable=\"@drawable\/drawableP\"\r\n\u00a0 \u00a0 \u00a0 \u00a0 android:state_pressed=\"true\"\/&gt;\r\n\u00a0 \u00a0 &lt;item android:id=\"@+id\/focused\" android:drawable=\"@drawable\/drawableF\"\r\n\u00a0 \u00a0 \u00a0 \u00a0 android:state_focused=\"true\"\/&gt;\r\n\u00a0 \u00a0 &lt;item android:id=\"@id\/default\"\r\n\u00a0 \u00a0 \u00a0 \u00a0 android:drawable=\"@drawable\/drawableD\"\/&gt;\r\n\r\n\u00a0 \u00a0 &lt;!-- specify a transition --&gt;\r\n\u00a0 \u00a0 &lt;transition android:fromId=\"@+id\/default\" android:toId=\"@+id\/pressed\"&gt;\r\n\u00a0 \u00a0 \u00a0 \u00a0 &lt;animation-list&gt;\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 &lt;item android:duration=\"15\" android:drawable=\"@drawable\/dt1\"\/&gt;\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 &lt;item android:duration=\"15\" android:drawable=\"@drawable\/dt2\"\/&gt;\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 ...\r\n\u00a0 \u00a0 \u00a0 \u00a0 &lt;\/animation-list&gt;\r\n\u00a0 \u00a0 &lt;\/transition&gt;\r\n\u00a0 \u00a0 ...\r\n&lt;\/animated-selector&gt;<\/pre>\n<p>&nbsp;<\/p>\n<h2 id=\"AnimVector\">\u0410\u043d\u0438\u043c\u0430\u0446\u0438\u044f \u0432\u0435\u043a\u0442\u043e\u0440\u043d\u044b\u0445 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432<\/h2>\n<hr \/>\n<p><a href=\"http:\/\/developer.android.com\/training\/material\/drawables.html#VectorDrawables\">\u0412\u0435\u043a\u0442\u043e\u0440\u043d\u044b\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b<\/a> \u043c\u043e\u0436\u043d\u043e \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0431\u0435\u0437 \u0443\u0449\u0435\u0440\u0431\u0430 \u0447\u0435\u0442\u043a\u043e\u0441\u0442\u0438. \u041a\u043b\u0430\u0441\u0441 <code><a href=\"http:\/\/developer.android.com\/reference\/android\/graphics\/drawable\/AnimatedVectorDrawable.html\">AnimatedVectorDrawable<\/a><\/code>\u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0430\u043d\u0438\u043c\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430 \u0432\u0435\u043a\u0442\u043e\u0440\u043d\u043e\u0433\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430.<\/p>\n<p>\u0410\u043d\u0438\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u0432\u0435\u043a\u0442\u043e\u0440\u043d\u044b\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u043e\u0431\u044b\u0447\u043d\u043e \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u044e\u0442\u0441\u044f \u0432 \u0442\u0440\u0435\u0445 XML-\u0444\u0430\u0439\u043b\u0430\u0445:<\/p>\n<ul>\n<li>\u0432\u0435\u043a\u0442\u043e\u0440\u043d\u044b\u0439 \u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u0441 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u043c <code>&lt;vector&gt;<\/code> \u0432 <code>res\/drawable\/<\/code>;<\/li>\n<li>\u0430\u043d\u0438\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439 \u0432\u0435\u043a\u0442\u043e\u0440\u043d\u044b\u0439 \u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u0441 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u043c <code>&lt;animated-vector&gt;<\/code> \u0432 <code>res\/drawable\/<\/code>;<\/li>\n<li>\u043e\u0434\u0438\u043d \u0438\u043b\u0438 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0430\u043d\u0438\u043c\u0430\u0442\u043e\u0440\u043e\u0432 \u0434\u043b\u044f \u043e\u0431\u044a\u0435\u043a\u0442\u043e\u0432 \u0441 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u043c <code>&lt;objectAnimator&gt;<\/code> \u0432 <code>res\/anim\/<\/code>.<\/li>\n<\/ul>\n<p>\u0421 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0430\u043d\u0438\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0445 \u0432\u0435\u043a\u0442\u043e\u0440\u043d\u044b\u0445 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u043c\u043e\u0436\u043d\u043e \u0430\u043d\u0438\u043c\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u044b \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 <code>&lt;group&gt;<\/code> \u0438<code>&lt;path&gt;<\/code>. \u042d\u043b\u0435\u043c\u0435\u043d\u0442<code>&lt;group&gt;<\/code> \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u0442 \u043d\u0430\u0431\u043e\u0440 \u0442\u0440\u0430\u0435\u043a\u0442\u043e\u0440\u0438\u0439 \u0438\u043b\u0438 \u043f\u043e\u0434\u0433\u0440\u0443\u043f\u043f, \u0430 \u044d\u043b\u0435\u043c\u0435\u043d\u0442 <code>&lt;path&gt;<\/code>\u00a0\u2014 \u0442\u0440\u0430\u0435\u043a\u0442\u043e\u0440\u0438\u0438 \u0434\u043b\u044f \u043f\u0440\u043e\u0440\u0438\u0441\u043e\u0432\u043a\u0438.<\/p>\n<p>\u041f\u0440\u0438 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0438 \u0432\u0435\u043a\u0442\u043e\u0440\u043d\u043e\u0433\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f \u0430\u043d\u0438\u043c\u0438\u0440\u043e\u0432\u0430\u0442\u044c, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u0430\u0442\u0440\u0438\u0431\u0443\u0442<code>android:name<\/code> \u0434\u043b\u044f \u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u0443\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u0445 \u0438\u043c\u0435\u043d \u0433\u0440\u0443\u043f\u043f\u0430\u043c \u0438\u043b\u0438 \u0442\u0440\u0430\u0435\u043a\u0442\u043e\u0440\u0438\u044f\u043c, \u0447\u0442\u043e\u0431\u044b \u043d\u0430 \u043d\u0438\u0445 \u043c\u043e\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u0441\u043e\u0441\u043b\u0430\u0442\u044c\u0441\u044f \u0432 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u044f\u0445 \u0430\u043d\u0438\u043c\u0430\u0442\u043e\u0440\u0430. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440:<\/p>\n<pre class=\"lang:default decode:true \">&lt;!-- res\/drawable\/vectordrawable.xml --&gt;\r\n&lt;vector xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"\r\n\u00a0 \u00a0 android:height=\"64dp\"\r\n\u00a0 \u00a0 android:width=\"64dp\"\r\n\u00a0 \u00a0 android:viewportHeight=\"600\"\r\n\u00a0 \u00a0 android:viewportWidth=\"600\"&gt;\r\n\u00a0 \u00a0 &lt;group\r\n\u00a0 \u00a0 \u00a0 \u00a0 android:name=\"rotationGroup\"\r\n\u00a0 \u00a0 \u00a0 \u00a0 android:pivotX=\"300.0\"\r\n\u00a0 \u00a0 \u00a0 \u00a0 android:pivotY=\"300.0\"\r\n\u00a0 \u00a0 \u00a0 \u00a0 android:rotation=\"45.0\" &gt;\r\n\u00a0 \u00a0 \u00a0 \u00a0 &lt;path\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 android:name=\"v\"\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 android:fillColor=\"#000000\"\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 android:pathData=\"M300,70 l 0,-70 70,70 0,0 -70,70z\" \/&gt;\r\n\u00a0 \u00a0 &lt;\/group&gt;\r\n&lt;\/vector&gt;<\/pre>\n<p>&nbsp;<\/p>\n<p>\u041e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u0430\u043d\u0438\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u0433\u043e \u0432\u0435\u043a\u0442\u043e\u0440\u043d\u043e\u0433\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430 \u0441\u0441\u044b\u043b\u0430\u0435\u0442\u0441\u044f \u043d\u0430 \u0433\u0440\u0443\u043f\u043f\u044b \u0438 \u0442\u0440\u0430\u0435\u043a\u0442\u043e\u0440\u0438\u0438 \u0432 \u0432\u0435\u043a\u0442\u043e\u0440\u043d\u043e\u043c \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0435, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044f \u0438\u0445 \u0438\u043c\u0435\u043d\u0430:<\/p>\n<pre class=\"lang:default decode:true \">&lt;!-- res\/drawable\/animvectordrawable.xml --&gt;\r\n&lt;animated-vector xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"\r\n\u00a0 android:drawable=\"@drawable\/vectordrawable\" &gt;\r\n\u00a0 \u00a0 &lt;target\r\n\u00a0 \u00a0 \u00a0 \u00a0 android:name=\"rotationGroup\"\r\n\u00a0 \u00a0 \u00a0 \u00a0 android:animation=\"@anim\/rotation\" \/&gt;\r\n\u00a0 \u00a0 &lt;target\r\n\u00a0 \u00a0 \u00a0 \u00a0 android:name=\"v\"\r\n\u00a0 \u00a0 \u00a0 \u00a0 android:animation=\"@anim\/path_morph\" \/&gt;\r\n&lt;\/animated-vector&gt;<\/pre>\n<p>&nbsp;<\/p>\n<p>\u041e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u044f \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u044e\u0442\u0441\u044f \u043e\u0431\u044a\u0435\u043a\u0442\u0430\u043c\u0438 <code><a href=\"http:\/\/developer.android.com\/reference\/android\/animation\/ObjectAnimator.html\">ObjectAnimator<\/a><\/code> \u0438\u043b\u0438 <code><a href=\"http:\/\/developer.android.com\/reference\/android\/animation\/AnimatorSet.html\">AnimatorSet<\/a><\/code>. \u041f\u0435\u0440\u0432\u044b\u0439 \u0430\u043d\u0438\u043c\u0430\u0442\u043e\u0440 \u0432 \u044d\u0442\u043e\u043c \u043f\u0440\u0438\u043c\u0435\u0440\u0435 \u043f\u043e\u0432\u043e\u0440\u0430\u0447\u0438\u0432\u0430\u0435\u0442 \u0446\u0435\u043b\u0435\u0432\u0443\u044e \u0433\u0440\u0443\u043f\u043f\u0443 \u043d\u0430 360 \u0433\u0440\u0430\u0434\u0443\u0441\u043e\u0432:<\/p>\n<pre class=\"lang:default decode:true \">&lt;!-- res\/anim\/rotation.xml --&gt;\r\n&lt;objectAnimator\r\n\u00a0 \u00a0 android:duration=\"6000\"\r\n\u00a0 \u00a0 android:propertyName=\"rotation\"\r\n\u00a0 \u00a0 android:valueFrom=\"0\"\r\n\u00a0 \u00a0 android:valueTo=\"360\" \/&gt;<\/pre>\n<p>&nbsp;<\/p>\n<p>\u0412\u0442\u043e\u0440\u043e\u0439 \u0430\u043d\u0438\u043c\u0430\u0442\u043e\u0440 \u0432 \u044d\u0442\u043e\u043c \u043f\u0440\u0438\u043c\u0435\u0440\u0435 \u043f\u0440\u0435\u043e\u0431\u0440\u0430\u0437\u0443\u0435\u0442 \u0442\u0440\u0430\u0435\u043a\u0442\u043e\u0440\u0438\u044e \u0432\u0435\u043a\u0442\u043e\u0440\u043d\u043e\u0433\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430 \u0438\u0437 \u043e\u0434\u043d\u043e\u0439 \u0444\u043e\u0440\u043c\u044b \u0432 \u0434\u0440\u0443\u0433\u0443\u044e. \u0414\u043b\u044f \u043f\u0440\u0435\u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u043e\u0431\u0435 \u0442\u0440\u0430\u0435\u043a\u0442\u043e\u0440\u0438\u0438 \u0434\u043e\u043b\u0436\u043d\u044b \u0431\u044b\u0442\u044c \u0441\u043e\u0432\u043c\u0435\u0441\u0442\u0438\u043c\u044b: \u043e\u043d\u0438 \u0434\u043e\u043b\u0436\u043d\u044b \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u043e\u0435 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u043a\u043e\u043c\u0430\u043d\u0434, \u0430 \u0442\u0430\u043a\u0436\u0435 \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u043e\u0435 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u043e\u0432 \u0434\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0439 \u043a\u043e\u043c\u0430\u043d\u0434\u044b.<\/p>\n<pre class=\"lang:default decode:true \">&lt;!-- res\/anim\/path_morph.xml --&gt;\r\n&lt;set xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"&gt;\r\n\u00a0 \u00a0 &lt;objectAnimator\r\n\u00a0 \u00a0 \u00a0 \u00a0 android:duration=\"3000\"\r\n\u00a0 \u00a0 \u00a0 \u00a0 android:propertyName=\"pathData\"\r\n\u00a0 \u00a0 \u00a0 \u00a0 android:valueFrom=\"M300,70 l 0,-70 70,70 0,0 \u00a0 -70,70z\"\r\n\u00a0 \u00a0 \u00a0 \u00a0 android:valueTo=\"M300,70 l 0,-70 70,0 \u00a00,140 -70,0 z\"\r\n\u00a0 \u00a0 \u00a0 \u00a0 android:valueType=\"pathType\" \/&gt;\r\n&lt;\/set&gt;<\/pre>\n<p>&nbsp;<\/p>\n<p>\u0414\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0441\u0432\u0435\u0434\u0435\u043d\u0438\u044f \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u044b \u0432 \u0441\u043f\u0440\u0430\u0432\u043a\u0435 \u043f\u043e API \u0434\u043b\u044f <code><a href=\"http:\/\/developer.android.com\/reference\/android\/graphics\/drawable\/AnimatedVectorDrawable.html\">AnimatedVectorDrawable<\/a><\/code>.<\/p>\n<\/div>\n<div class=\"content-footer \">\u00a0<a href=\"http:\/\/developer.android.com\/intl\/ru\/training\/material\/animations.html\" target=\"_blank\">\u0418\u0441\u0442\u043e\u0447\u043d\u0438\u043a\u00a0<\/a><\/div>\n<div class=\"content-footer \"><a href=\"\/spasibo-za-vashu-podderzhku\/urok-7-podderzhanie-sovmestimosti-prilozhenij-s-material-design\/\" target=\"_blank\">\u0421\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439<\/a><\/div>\n<\/div>\n<div class=\"wrap\">\n<div class=\"dac-footer\">\n<hr class=\"dac-footer-separator\" \/>\n<p class=\"dac-footer-copyright\">Except as noted, this content is licensed under <a href=\"http:\/\/creativecommons.org\/licenses\/by\/2.5\/\">Creative Commons Attribution 2.5<\/a>. For details and restrictions, see the <a href=\"http:\/\/developer.android.com\/license.html\">Content License<\/a>.<\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u041e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u043d\u0430\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0435\u043c\u043e\u0439 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438 \u0421\u043e\u0434\u0435\u0440\u0436\u0430\u043d\u0438\u0435 \u044d\u0442\u043e\u0433\u043e \u0443\u0440\u043e\u043a\u0430 \u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430 \u0440\u0435\u0430\u043a\u0446\u0438\u0438 \u043d\u0430 \u043a\u0430\u0441\u0430\u043d\u0438\u0435 \u041f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u044d\u0444\u0444\u0435\u043a\u0442\u0430 \u043f\u043e\u044f\u0432\u043b\u0435\u043d\u0438\u044f \u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u043e\u0432 \u0410\u043d\u0438\u043c\u0430\u0446\u0438\u044f \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0439 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0410\u043d\u0438\u043c\u0430\u0446\u0438\u044f \u0432\u0435\u043a\u0442\u043e\u0440\u043d\u044b\u0445 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u0421\u043c. \u0442\u0430\u043a\u0436\u0435 \u0421\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044f Material Design Material Design \u0432 Android \u0411\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u044f \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u044f\u043c \u0432 Material Design \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0438 \u043f\u043e\u043b\u0443\u0447\u0430\u044e\u0442 \u043e\u0442\u043a\u043b\u0438\u043a \u043d\u0430 \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u043c\u044b\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f. \u041a\u0440\u043e\u043c\u0435 \u0442\u043e\u0433\u043e, \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438 \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0432\u0430\u044e\u0442 \u0437\u0440\u0438\u0442\u0435\u043b\u044c\u043d\u0443\u044e \u0441\u0432\u044f\u0437\u044c \u043f\u0440\u0438 \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0438 \u0441 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435\u043c. \u0422\u0435\u043c\u0430 Material Design [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":188,"comment_status":"open","ping_status":"open","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/www.fandroid.info\/wp-json\/wp\/v2\/pages\/412"}],"collection":[{"href":"https:\/\/www.fandroid.info\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.fandroid.info\/wp-json\/wp\/v2\/types\/page"}],"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=412"}],"version-history":[{"count":3,"href":"https:\/\/www.fandroid.info\/wp-json\/wp\/v2\/pages\/412\/revisions"}],"predecessor-version":[{"id":3908,"href":"https:\/\/www.fandroid.info\/wp-json\/wp\/v2\/pages\/412\/revisions\/3908"}],"wp:attachment":[{"href":"https:\/\/www.fandroid.info\/wp-json\/wp\/v2\/media?parent=412"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}