{"id":237173,"date":"2014-09-18T18:03:02","date_gmt":"2014-09-18T14:03:02","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=237173"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=237173","title":{"rendered":"<span class=\"post_title\">RippleDrawable \u0434\u043b\u044f Pre-L \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432<\/span>"},"content":{"rendered":"<div class=\"content html_format\">     \t<img decoding=\"async\" src=\"http:\/\/habrastorage.org\/getpro\/habr\/post_images\/aa4\/fd8\/f93\/aa4fd8f935302134d0f6e0c72bad2367.png\" alt=\"image\"\/> <\/p>\n<h4>\u0414\u043e\u0431\u0440\u043e\u0433\u043e \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u0441\u0443\u0442\u043e\u043a!<\/h4>\n<p>  \u0422\u0435, \u043a\u0442\u043e \u0441\u043b\u0435\u0434\u0438\u043b \u0437\u0430 Google IO\/2014, \u0437\u043d\u0430\u044e\u0442 \u043e \u043d\u043e\u0432\u043e\u043c Material Design \u0438 \u043d\u043e\u0432\u044b\u0445 \u0444\u0438\u0448\u043a\u0430\u0445. \u041e\u0434\u043d\u043e\u0439 \u0438\u0437 \u043d\u0438\u0445 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043f\u0443\u043b\u044c\u0441\u0438\u0440\u0443\u044e\u0449\u0438\u0439 \u044d\u0444\u0444\u0435\u043a\u0442 \u043f\u0440\u0438 \u043d\u0430\u0436\u0430\u0442\u0438\u0438. \u0412\u0447\u0435\u0440\u0430 \u044f \u0440\u0435\u0448\u0438\u043b \u0435\u0433\u043e \u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0434\u043b\u044f \u0441\u0442\u0430\u0440\u044b\u0445 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432.<br \/>  <a name=\"habracut\"><\/a><br \/>  \u0412 Android L \u043f\u0435\u0440\u0435\u0448\u043b\u0438 \u043d\u0430 \u043d\u043e\u0432\u044b\u0439 \u044d\u0444\u0444\u0435\u043a\u0442 \u2014 \u043f\u0443\u043b\u044c\u0441\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435, \u043e\u043d \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e \u0432 \u043e\u0442\u0432\u0435\u0442\u043d\u043e\u0439 \u0440\u0435\u0430\u043a\u0446\u0438\u0438 \u043d\u0430 \u043a\u0430\u0441\u0430\u043d\u0438\u0435. \u0422\u043e \u0435\u0441\u0442\u044c \u043f\u0440\u0438 \u043a\u0430\u0441\u0430\u043d\u0438\u0438 \u043d\u0430 \u044d\u043a\u0440\u0430\u043d \u043f\u043e\u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0431\u043e\u043b\u044c\u0448\u043e\u0439 \u0438\u0441\u0447\u0435\u0437\u0430\u044e\u0449\u0438\u0439 (fades) \u043e\u0432\u0430\u043b \u0441 \u0440\u0430\u0437\u043c\u0435\u0440\u043e\u043c \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0433\u043e \u0441\u043b\u043e\u044f \u0438 \u0432\u043c\u0435\u0441\u0442\u0435 \u0441 \u043d\u0438\u043c \u0440\u0430\u0441\u0442\u0435\u0442 \u043a\u0440\u0443\u0433 \u0432 \u0442\u043e\u0447\u043a\u0435 \u043f\u0440\u0438\u043a\u043e\u0441\u043d\u043e\u0432\u0435\u043d\u0438\u044f. \u042d\u0442\u0430 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u044f \u043c\u0435\u043d\u044f \u0432\u0434\u043e\u0445\u0432\u043d\u043e\u0432\u0438\u043b\u0430 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0432 \u0441\u0432\u043e\u0435\u043c \u043f\u0440\u043e\u0435\u043a\u0442\u0435 \u0438 \u044f \u0440\u0435\u0448\u0438\u043b \u043f\u043e\u043f\u0440\u043e\u0431\u043e\u0432\u0430\u0442\u044c \u0435\u0433\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c.<\/p>\n<p>  <iframe loading=\"lazy\" width=\"560\" height=\"349\" src=\"\/\/www.youtube.com\/embed\/Q8TXgCzxEnw?wmode=opaque\" frameborder=\"0\" allowfullscreen><\/iframe><\/p>\n<p>  \u041f\u0440\u0438\u043c\u0435\u0440\u044b \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438 \u043d\u0430 <a href=\"http:\/\/www.google.com\/design\/spec\/animation\/responsive-interaction.html#responsive-interaction-ink-reactions\">Google Design<\/a>.<\/p>\n<p>  \u0421\u043e\u0437\u0434\u0430\u0434\u0438\u043c \u043a\u043b\u0430\u0441\u0441 RippleDrawable \u0441\u043e \u0432\u0441\u043f\u043e\u043c\u043e\u0433\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u043c \u043a\u043b\u0430\u0441\u0441\u043e\u043c Circle, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0431\u0443\u0434\u0435\u0442 \u043f\u043e\u043c\u043e\u0433\u0430\u0442\u044c \u043d\u0430\u043c \u0440\u0438\u0441\u043e\u0432\u0430\u0442\u044c \u043a\u0440\u0443\u0433\u0438:<\/p>\n<pre><code class=\"java\">    class RippleDrawable extends Drawable{          final static class Circle{             float cx; \/\/ x \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442\u0430 \u0446\u0435\u043d\u0442\u0440\u0430 \u043a\u0440\u0443\u0433\u0430             float cy; \/\/ y \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442\u0430 \u0446\u0435\u043d\u0442\u0440\u0430 \u043a\u0440\u0443\u0433\u0430             float radius; \/\/ \u0440\u0430\u0434\u0438\u0443\u0441 \u043a\u0440\u0443\u0433\u0430              \/**             * \u0420\u0438\u0441\u0443\u0435\u043c \u043a\u0440\u0443\u0433             *              * @param canvas Canvas \u0434\u043b\u044f \u0440\u0438\u0441\u043e\u0432\u0430\u043d\u0438\u044f             * @param paint Paint \u0441 \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435\u043c \u043a\u0430\u043a \u0441\u0442\u0438\u043b\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043d\u0430\u0448 \u043a\u0440\u0443\u0433             *\/             public void draw(Canvas canvas, Paint paint){                 canvas.drawCircle(cx, cy, radius, paint);             }         }     } <\/code><\/pre>\n<p>  \u0412\u0441\u043f\u043e\u043c\u043e\u0433\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u044d\u043b\u0435\u043c\u0435\u043d\u0442 Circle \u043d\u0430\u043c \u043f\u043e\u043d\u0430\u0434\u043e\u0431\u0438\u0442\u0441\u044f \u0434\u043b\u044f \u0441\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u0438\u044f \u0442\u043e\u0447\u043a\u0438 \u043a\u0430\u0441\u0430\u043d\u0438\u044f. \u0422\u0435\u043f\u0435\u0440\u044c \u043d\u0430\u043c \u043f\u043e\u043d\u0430\u0434\u043e\u0431\u0438\u0442\u0441\u044f \u0434\u0432\u0430 \u043a\u0440\u0443\u0433\u0430: \u0444\u043e\u043d\u043e\u0432\u043e\u0439 \u043a\u0440\u0443\u0433, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u043e\u043a\u0440\u043e\u0435\u0442 \u0432\u0441\u0435\u0433\u043e \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044f \u0438 \u043a\u0440\u0443\u0433 \u043f\u043e\u043c\u0435\u043d\u044c\u0448\u0435, \u0434\u043b\u044f \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u0442\u043e\u0447\u043a\u0438 \u043a\u0430\u0441\u0430\u043d\u0438\u044f. \u0410\u0445, \u0434\u0430, \u0438 \u0435\u0449\u0435 \u043e\u0431\u044a\u044f\u0432\u0438\u043c \u043a\u043e\u043d\u0441\u0442\u0430\u043d\u0442\u044b, \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438 \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e \u0431\u0443\u0434\u0435\u0442 250\u043c\u0441, \u0440\u0430\u0434\u0438\u0443\u0441 \u043a\u0440\u0443\u0433\u0430 \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e \u0432 150px. \u0412\u043e \u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0440\u0430\u0437 \u0443\u0432\u0435\u043b\u0438\u0447\u0438\u0432\u0430\u0442\u044c \u0444\u043e\u043d\u043e\u0432\u043e\u0439 \u043a\u0440\u0443\u0433, \u043f\u0440\u0438\u043c\u0435\u0447\u0430\u043d\u0438\u044f, \u0432\u0441\u0435 \u0446\u0438\u0444\u0440\u044b \u0432\u0437\u044f\u0442\u044b \u043d\u0430 \u0433\u043b\u0430\u0437.<\/p>\n<pre><code class=\"java\">\tclass RippleDrawable extends Drawable{ \t\t \t\tfinal static int DEFAULT_ANIM_DURATION = 250; \t    final static float END_RIPPLE_TOUCH_RADIUS = 150f; \t    final static float END_SCALE = 1.3f; \t\t \t\t\/\/ \u041a\u0440\u0443\u0433 \u0434\u043b\u044f \u043a\u0430\u0441\u0430\u043d\u0438\u044f \t\tCircle mTouchRipple; \t\t\/\/ \u0424\u043e\u043d\u043e\u0432\u043e\u0439 \u043a\u0440\u0443\u0433 \t\tCircle mBackgroundRipple; \t \t\t\/\/ \u0421\u0442\u0438\u043b\u0438 \u0434\u043b\u044f \u043f\u0440\u043e\u0440\u0438\u0441\u043e\u0432\u043a\u0438 &quot;\u043a\u0440\u0443\u0433\u0430 \u0434\u043b\u044f \u043a\u0430\u0441\u0430\u043d\u0438\u044f&quot; \t    Paint mRipplePaint = new Paint(Paint.ANTI_ALIAS_FLAG); \t    \/\/ \u0421\u0442\u0438\u043b\u0438 \u0434\u043b\u044f \u0444\u043e\u043d\u043e\u0432\u043e\u0433\u043e \u043a\u0440\u0443\u0433\u0430 \t    Paint mRippleBackgroundPaint = new Paint(Paint.ANTI_ALIAS_FLAG); <\/code><\/pre>\n<p>  \u0424\u043b\u0430\u0433 Paint.ANTI_ALIAS_FLAG \u043f\u0440\u0435\u0434\u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d \u0434\u043b\u044f \u0441\u0433\u043b\u0430\u0436\u0438\u0432\u0430\u043d\u0438\u044f, \u0447\u0442\u043e\u0431\u044b \u043a\u0440\u0443\u0433\u0438 \u0431\u044b\u043b\u0438 \u043a\u0440\u0443\u0433\u0430\u043c\u0438, \u0430 \u043d\u0435 \u0444\u0438\u0433 \u043f\u043e\u0439\u043c\u0438 \u043c\u0430\u0437\u043d\u0435\u0439 \u043a\u0430\u043a\u043e\u0439-\u0442\u043e, \u0442\u0435\u043f\u0435\u0440\u044c \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0438\u0440\u0443\u0435\u043c \u043d\u0430\u0448\u0438 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0435 \u0432 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e\u043c \u043c\u0435\u0442\u043e\u0434\u0435, \u0443\u043a\u0430\u0436\u0435\u043c \u0447\u0442\u043e \u0441\u0442\u0438\u043b\u044c \u043e\u043a\u0440\u0430\u0441\u043a\u0438 \u00ab\u0437\u0430\u043b\u0438\u0432\u043a\u0430\u00bb \u0438 \u0441\u043e\u0437\u0434\u0430\u0434\u0438\u043c \u043a\u0440\u0443\u0433\u0438, \u0434\u0430\u043b\u0435\u0435 \u0432\u044b\u0437\u043e\u0432\u0435\u043c \u0435\u0433\u043e \u0432 \u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0442\u043e\u0440\u0435:<\/p>\n<pre><code class=\"java\">     void initRippleElements(){         mTouchRipple = new Circle();         mBackgroundRipple = new Circle();          mRipplePaint.setStyle(Paint.Style.FILL);         mRippleBackgroundPaint.setStyle(Paint.Style.FILL);     } <\/code><\/pre>\n<p>  \u0413\u043e\u0442\u043e\u0432\u043e, \u043f\u0435\u0440\u0435\u0439\u0434\u0435\u043c \u043a \u043d\u0430\u0432\u0435\u0440\u043d\u043e\u0435 \u0441\u0430\u043c\u043e\u043c\u0443 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u043e\u043c\u0443 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0435 \u043a\u0430\u0441\u0430\u043d\u0438\u0439, \u0434\u043e\u0431\u0430\u0432\u0438\u043c \u0432 \u043d\u0430\u0448 \u043a\u043b\u0430\u0441\u0441 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 OnTouchListener:<\/p>\n<pre><code class=\"java\">\tclass RippleDrawable extends Drawable implements OnTouchListener{  \t\t... \t\t     @Override     public boolean onTouch(View v, MotionEvent event) {         \/\/ \u0421\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u043c \u0441\u043e\u0432\u0435\u0440\u0448\u0435\u043d\u043d\u043e\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435         final int action = event.getAction();         \/\/ \u0438 \u0432 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0442 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u043c \u043c\u0435\u0442\u043e\u0434\u044b         switch (action){             \/\/ \u041f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u043a\u043e\u0441\u043d\u0443\u043b\u0441\u044f \u044d\u043a\u0440\u0430\u043d\u0430             case MotionEvent.ACTION_DOWN:                 onFingerDown(v, event.getX(), event.getY());                 \/\/ \u0414\u043b\u044f \u0442\u043e\u0433\u043e \u0447\u0442\u043e \u0431\u044b \u0441\u043e\u0431\u044b\u0442\u0438\u044f View \u0441\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u043b\u0438 \u043d\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u0435\u0433\u043e \u0432\u044b\u0437\u044b\u0432\u0430\u0442\u044c                 return v.onTouchEvent(event);             \/\/ \u041f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u0434\u0432\u0438\u0433\u0430\u0435\u0442 \u043f\u0430\u043b\u044c\u0446\u0435\u043c \u043f\u043e \u044d\u043a\u0440\u0430\u043d\u0443 (\u044d\u0442\u043e \u043f\u0440\u043e\u0434\u043e\u043b\u0436\u0435\u043d\u0438\u044f \u043a\u0430\u0441\u0430\u043d\u0438\u044f)             case MotionEvent.ACTION_MOVE:                 onFingerMove(event.getX(), event.getY());                 break;             \/\/ \u041f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u0443\u0431\u0430\u043b \u0441\u0432\u043e\u0439 \u043f\u0430\u043b\u044c\u0447\u0438\u043a             case MotionEvent.ACTION_UP:                 onFingerUp();                 break;         }         return false;     } \t\t \t\t... \t <\/code><\/pre>\n<p>  \u041f\u0440\u0438 \u043a\u0430\u0441\u0430\u043d\u0438\u0438 \u043f\u043e \u044d\u043a\u0440\u0430\u043d\u0443 \u0441\u043d\u0430\u0447\u0430\u043b\u0430 \u043c\u044b \u0441\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u043c \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442\u044b \u043a\u0430\u0441\u0430\u043d\u0438\u044f \u043f\u043e \u043a\u0440\u0443\u0433\u0430\u043c \u0438 \u0440\u0430\u0437\u043c\u0435\u0440 View (\u0434\u043b\u044f \u0444\u043e\u043d\u043e\u0432\u043e\u0433\u043e \u043a\u0440\u0443\u0433\u0430), \u0437\u0430\u0442\u0435\u043c \u0441\u0442\u0430\u0440\u0442\u0443\u0435\u043c \u0430\u043d\u0438\u043c\u0430\u0448\u043a\u0443, \u0435\u0441\u043b\u0438 \u043e\u043d\u0430 \u0440\u0430\u043d\u0435\u0435 \u043d\u0435 \u0441\u0442\u0430\u0440\u0442\u043e\u0432\u0430\u043b\u0430. \u041a\u0441\u0442\u0430\u0442\u0438 \u0433\u043e\u0432\u043e\u0440\u044f, \u0443 \u043e\u0431\u043e\u0438\u0445 \u043a\u0440\u0443\u0433\u043e\u0432 \u0438\u043c\u0435\u0435\u0442\u0441\u044f opacity (\u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u043e\u0441\u0442\u044c), \u044f \u0438\u0445 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u043b \u043a\u0430\u043a 100 \u0434\u043b\u044f \u0444\u043e\u043d\u043e\u0432\u043e\u0433\u043e \u043a\u0440\u0443\u0433\u0430 \u0438 \u043e\u0442 160 \u0434\u043e 40 \u0434\u043b\u044f \u043c\u0430\u043b\u0435\u043d\u044c\u0433\u043e \u043a\u0440\u0443\u0436\u043e\u0447\u043a\u0430. \u0412\u0441\u0435 \u0446\u0438\u0444\u0440\u044b \u043e\u043f\u044f\u0442\u044c \u0436\u0435 \u0431\u044b\u043b\u0438 \u0432\u0437\u044f\u0442\u044b \u0438\u0437 \u043f\u043e\u0442\u043e\u043b\u043a\u0430 (\u0437\u043e\u0440\u043a\u0438\u0439 \u0433\u043b\u0430\u0437) (\u0435\u0441\u043b\u0438 \u043a\u0442\u043e \u043d\u0435 \u043f\u043e\u043d\u044f\u043b, \u0446\u0438\u0444\u0440\u044b \u043e\u0442 0 \u0434\u043e 255 argb).<\/p>\n<pre><code class=\"java\">    int mViewSize = 0;      void onFingerDown(View v, float x, float y){         mTouchRipple.cx = mBackgroundRipple.cx = x;         mTouchRipple.cy = mBackgroundRipple.cy = y;         mTouchRipple.radius = mBackgroundRipple.radius = 0f;         mViewSize = Math.max(v.getWidth(), v.getHeight());          \/\/ \u0415\u0441\u043b\u0438 \u043f\u0440\u043e\u0448\u043b\u0430\u044f \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u044f \u0437\u0430\u043a\u043e\u043d\u0447\u0438\u043b\u0430\u0441\u044c \u0441\u043e\u0437\u0434\u0430\u0434\u0438\u043c \u043d\u043e\u0432\u0443\u044e         if(mCurrentAnimator == null){             \/\/ \u0423\u043a\u0430\u0436\u0435\u043c \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435 \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e \u0434\u043b\u044f \u043d\u0430\u0448\u0435\u0433\u043e \u0444\u043e\u043d\u043e\u0432\u043e\u0433\u043e \u043a\u0440\u0443\u0433\u0430             \/\/ \u0442\u043e\u0435\u0441\u0442\u044c \u0432\u043e\u0441\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u043c \u0435\u0433\u043e \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u043e\u0441\u0442\u044c \u043d\u0430 \u0434\u0435\u0444\u043e\u043b\u0442\u043d\u044b\u0439             mRippleBackgroundPaint.setAlpha(RIPPLE_BACKGROUND_ALPHA);              \/\/ \u0421\u043e\u0437\u0434\u0430\u0434\u0438\u043c \u0430\u043d\u0438\u043c\u0430\u0448\u043a\u0443, \u0437\u0434\u0435\u0441\u044c \u043a\u043e\u043d\u0441\u0442\u0430\u043d\u0442\u0430 CREATE_TOUCH_RIPPLE \u044d\u0442\u043e \u0433\u0435\u0442\u0442\u0435\u0440\u044b \u0438 \u0441\u0435\u0442\u0442\u0435\u0440\u044b             \/\/ \u0434\u043b\u044f \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0438 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438             mCurrentAnimator = ObjectAnimator.ofFloat(this, CREATE_TOUCH_RIPPLE, 0f, 1f);             mCurrentAnimator.setDuration(DEFAULT_ANIM_DURATION);         }          \/\/ \u0415\u0441\u043b\u0438 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u044f \u0438\u0433\u0440\u0430\u0435\u0442 \u043d\u0438\u0447\u0435\u0433\u043e \u043d\u0435 \u0434\u0435\u043b\u0430\u0435\u043c \u0436\u0434\u0435\u043c \u043f\u043e\u043a\u0430 \u0437\u0430\u043a\u043e\u043d\u0447\u0438\u0442\u0441\u044f         if(!mCurrentAnimator.isRunning()){             mCurrentAnimator.start();         }     }          \/\/ \u0421\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u0438\u0435 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f, \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0434\u043b\u044f ObjectAnimator     float mAnimationValue;          \/**      * ObjectAnimator \u0432\u044b\u0437\u044b\u0432\u0430\u0435\u0442 \u044d\u0442\u0443 \u0444\u0443\u043d\u043a\u0446\u0438\u0438      *       * @param value \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438 \u043e\u0442 0 \u0434\u043e 1      *\/     void createTouchRipple(float value){         mAnimationValue = value;          \/\/ step by step \u0443\u0432\u0435\u043b\u0438\u0447\u0438\u0432\u0430\u0435\u043c \u043a\u0440\u0443\u0433\u0438, \u043c\u0438\u043d\u0438\u043c\u0430\u043b\u044c\u043d\u044b\u0439 \u0440\u0430\u0434\u0438\u0443\u0441 40px          mTouchRipple.radius = 40f + (mAnimationValue * (END_RIPPLE_TOUCH_RADIUS - 40f));         mBackgroundRipple.radius = mAnimationValue * (mViewSize * END_SCALE);          \/\/ \u0438 \u043f\u043b\u0430\u0432\u043d\u043e\u0435 \u0438\u0441\u0447\u0435\u0437\u043d\u043e\u0432\u043d\u0438\u0435 \u0435\u0449\u0435 \u043d\u0435 \u043f\u043e\u044f\u0432\u0438\u0432\u0449\u0438\u0445\u0441\u044f \u043a\u0440\u0443\u0433\u043e\u0432,         \/\/ \u0442\u043e\u0435\u0441\u0442\u044c \u043f\u0440\u0438 \u0441\u0442\u0430\u0440\u0442\u0435 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438 \u0438\u0445 opacity \u043c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u0430\u044f,          \/\/ \u0438 \u0432 \u043a\u043e\u043d\u0446\u0435 \u043e\u043d\u0430 \u043f\u0430\u0434\u0430\u0435\u0442 \u0434\u043e \u043c\u0438\u043d\u0438\u043c\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f         int min = RIPPLE_TOUCH_MIN_ALPHA;         int max = RIPPLE_TOUCH_MAX_ALPHA;         int alpha = min + (int) (mAnimationValue * (max - min));         mRipplePaint.setAlpha((max + min) - alpha);          \/\/ \u041f\u0435\u0440\u0435\u0440\u0438\u0441\u043e\u0432\u044b\u0432\u0430\u0435\u043c         invalidateSelf();     }  <\/code><\/pre>\n<p>  \u0422\u0435\u043f\u0435\u0440\u044c, \u0435\u0441\u043b\u0438 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u043a\u043e\u0441\u043d\u0443\u043b\u0441\u044f, \u0443 \u043d\u0430\u0441 \u043f\u043e\u044f\u0432\u043b\u044f\u044e\u0442\u0441\u044f 2 \u043a\u0440\u0443\u0433\u0430, \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0439 \u0438 \u0444\u043e\u043d\u043e\u0432\u043e\u0439, \u043d\u043e \u043d\u0435 \u0443\u0445\u043e\u0434\u044f\u0442, \u0438 \u0434\u0430\u0436\u0435 \u043d\u0435 \u0434\u0432\u0438\u0433\u0430\u044e\u0442\u0441\u044f \u043f\u0440\u0438 \u0434\u0432\u0438\u0436\u0435\u043d\u0438\u0438 \u043f\u0430\u043b\u044c\u0446\u0430, \u043f\u043e\u0440\u0430 \u044d\u0442\u043e \u0438\u0441\u043f\u0440\u0430\u0432\u043b\u044f\u0442\u044c:<\/p>\n<pre><code class=\"java\">    void onFingerMove(float x, float y){         mTouchRipple.cx = x;         mTouchRipple.cy = y;          invalidateSelf();     } <\/code><\/pre>\n<p>  \u041f\u0440\u043e\u0432\u0435\u0440\u044c\u0442\u0435, \u0434\u0432\u0438\u0433\u0430\u0435\u0442\u0441\u044f \u0442\u0435\u043f\u0435\u0440\u044c \u043a\u0440\u0443\u0436\u043e\u0447\u0435\u043a-\u0442\u043e, \u0430?<\/p>\n<p>  \u041b\u043e\u0433\u0438\u043a\u0430 \u043f\u0440\u0438 \u0441\u043d\u044f\u0442\u0438\u0438 \u043f\u0430\u043b\u044c\u0446\u0430 \u0441 \u043a\u0443\u0440\u043a\u0430, \u0442\u043e \u0435\u0441\u0442\u044c \u0441 \u044d\u043a\u0440\u0430\u043d\u0430. \u0415\u0441\u043b\u0438 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u044f \u0431\u044b\u043b\u0430 \u0437\u0430\u043f\u0443\u0449\u0435\u043d\u0430, \u043c\u044b \u0434\u043e\u043b\u0436\u043d\u044b \u0435\u0435 \u0437\u0430\u043a\u043e\u043d\u0447\u0438\u0442\u044c \u0438 \u043f\u0440\u0438\u0432\u0435\u0441\u0442\u0438 \u043a \u043a\u043e\u043d\u0435\u0447\u043d\u043e\u043c\u0443 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044e, \u0434\u0430\u043b\u0435\u0435 \u0437\u0430\u043f\u0443\u0441\u0442\u0438\u0442\u044c \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u044e, \u0438\u0441\u0447\u0435\u0437\u043d\u043e\u0432\u0435\u043d\u0438\u044f \u043a\u0440\u0443\u0433\u043e\u0432, \u0433\u0434\u0435 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0439 \u043a\u0440\u0443\u0433 \u0431\u0443\u0434\u0435\u0442 \u0443\u0432\u0435\u043b\u0438\u0447\u0438\u0432\u0430\u0442\u044c\u0441\u044f \u0438 \u0438\u0441\u0447\u0435\u0437\u0430\u0442\u044c \u043e\u0434\u043d\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e, \u043f\u0440\u0438\u0441\u0442\u0443\u043f\u0438\u043c:<\/p>\n<pre><code class=\"java\"> void onFingerUp(){         \/\/ \u0417\u0430\u043a\u0430\u043d\u0447\u0438\u0432\u0430\u0435\u043c \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u044e         if(mCurrentAnimator != null) {             mCurrentAnimator.end();             mCurrentAnimator = null;             createTouchRipple(1f);         }          \/\/ \u0421\u043e\u0437\u0434\u0430\u0435\u043c \u043d\u043e\u0432\u0443\u044e, \u0438 \u043f\u0440\u0438 \u0437\u0430\u0432\u0435\u0440\u0448\u0435\u043d\u0438\u0438 \u043e\u0447\u0438\u0449\u0430\u0435\u043c \u0435\u0435         mCurrentAnimator = ObjectAnimator.ofFloat(this, DESTROY_TOUCH_RIPPLE, 0f, 1f);         mCurrentAnimator.setDuration(DEFAULT_ANIM_DURATION);         mCurrentAnimator.addListener(new SimpleAnimationListener(){             @Override             public void onAnimationEnd(Animator animation) {                 super.onAnimationEnd(animation);                 mCurrentAnimator = null;             }         });         mCurrentAnimator.start();     }      void destroyTouchRipple(float value){         \/\/ \u0421\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u043c \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438         mAnimationValue = value;          \/\/ \u0423\u0432\u0435\u043b\u0438\u0447\u0438\u0432\u0430\u0435\u043c \u0440\u0430\u0434\u0438\u0443\u0441 \u043a\u0440\u0443\u0433\u0430 \u0434\u043e \u0444\u043e\u043d\u043e\u0432\u043e\u0433\u043e \u0440\u0430\u0434\u0438\u0443\u0441\u0430         mTouchRipple.radius = END_RIPPLE_TOUCH_RADIUS + (mAnimationValue * (mViewSize * END_SCALE));          \/\/ \u0438 \u043e\u0434\u043d\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e \u0443 \u043e\u0431\u043e\u0438\u0445 \u043a\u0440\u0443\u0433\u043e\u0432 \u0441\u043e\u0437\u0434\u0430\u0435\u043c \u044d\u0444\u0444\u0435\u043a\u0442 \u0437\u0430\u0442\u0443\u0445\u0430\u043d\u0438\u044f         mRipplePaint.setAlpha((int) (RIPPLE_TOUCH_MIN_ALPHA - (mAnimationValue * RIPPLE_TOUCH_MIN_ALPHA)));         mRippleBackgroundPaint.setAlpha                 ((int) (RIPPLE_BACKGROUND_ALPHA - (mAnimationValue * RIPPLE_BACKGROUND_ALPHA)));          \/\/ \u043d\u0443 \u0438 \u043a\u0430\u043a \u0436\u0435 \u0431\u0435\u0437 \u043f\u0435\u0440\u0435\u0440\u0438\u0441\u043e\u0432\u043a\u0438?         invalidateSelf();     } <\/code><\/pre>\n<p>  \u0410\u043d\u0438\u043c\u0430\u0446\u0438\u044f \u0433\u043e\u0442\u043e\u0432\u0430, \u043c\u043e\u0436\u0435\u043c \u0441\u043c\u0435\u043b\u043e \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0442\u044c.<\/p>\n<div class=\"spoiler\"><b class=\"spoiler_title\">\u0418\u0441\u0445\u043e\u0434\u043d\u044b\u0439 \u043a\u043e\u0434<\/b><\/p>\n<div class=\"spoiler_text\">\n<pre><code class=\"java\"> import android.animation.Animator; import android.animation.ObjectAnimator; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.ColorFilter; import android.graphics.Paint; import android.graphics.drawable.Drawable; import android.os.Build; import android.util.Property; import android.view.MotionEvent; import android.view.View;  public class RippleDrawable extends Drawable implements View.OnTouchListener{      final static Property&lt;RippleDrawable, Float&gt; CREATE_TOUCH_RIPPLE =             new FloatProperty&lt;RippleDrawable&gt;(&quot;createTouchRipple&quot;) {         @Override         public void setValue(RippleDrawable object, float value) {             object.createTouchRipple(value);         }          @Override         public Float get(RippleDrawable object) {             return object.getAnimationState();         }     };      final static Property&lt;RippleDrawable, Float&gt; DESTROY_TOUCH_RIPPLE =             new FloatProperty&lt;RippleDrawable&gt;(&quot;destroyTouchRipple&quot;) {         @Override         public void setValue(RippleDrawable object, float value) {             object.destroyTouchRipple(value);         }          @Override         public Float get(RippleDrawable object) {             return object.getAnimationState();         }     };      final static int DEFAULT_ANIM_DURATION = 250;     final static float END_RIPPLE_TOUCH_RADIUS = 150f;     final static float END_SCALE = 1.3f;      final static int RIPPLE_TOUCH_MIN_ALPHA = 40;     final static int RIPPLE_TOUCH_MAX_ALPHA = 120;     final static int RIPPLE_BACKGROUND_ALPHA = 100;      Paint mRipplePaint = new Paint(Paint.ANTI_ALIAS_FLAG);     Paint mRippleBackgroundPaint = new Paint(Paint.ANTI_ALIAS_FLAG);      Circle mTouchRipple;     Circle mBackgroundRipple;      ObjectAnimator mCurrentAnimator;      Drawable mOriginalBackground;      public RippleDrawable() {         initRippleElements();     }      public static void createRipple(View v, int primaryColor){         RippleDrawable rippleDrawable = new RippleDrawable();         rippleDrawable.setDrawable(v.getBackground());         rippleDrawable.setColor(primaryColor);         rippleDrawable.setBounds(v.getPaddingLeft(), v.getPaddingTop(),                 v.getPaddingRight(), v.getPaddingBottom());          v.setOnTouchListener(rippleDrawable);         if(Build.VERSION.SDK_INT &gt;= 16) {             v.setBackground(rippleDrawable);         }else{             v.setBackgroundDrawable(rippleDrawable);         }     }      public static void createRipple(int x, int y, View v, int primaryColor){         if(!(v.getBackground() instanceof RippleDrawable)) {             createRipple(v, primaryColor);         }         RippleDrawable drawable = (RippleDrawable) v.getBackground();         drawable.setColor(primaryColor);         drawable.onFingerDown(v, x, y);     }      \/**      * Set colors of ripples      *      * @param primaryColor color of ripples      *\/     public void setColor(int primaryColor){         mRippleBackgroundPaint.setColor(primaryColor);         mRippleBackgroundPaint.setAlpha(RIPPLE_BACKGROUND_ALPHA);         mRipplePaint.setColor(primaryColor);          invalidateSelf();     }      \/**      * set first layer you background drawable      *      * @param drawable original background      *\/     public void setDrawable(Drawable drawable){         mOriginalBackground = drawable;          invalidateSelf();     }      void initRippleElements(){         mTouchRipple = new Circle();         mBackgroundRipple = new Circle();          mRipplePaint.setStyle(Paint.Style.FILL);         mRippleBackgroundPaint.setStyle(Paint.Style.FILL);     }      @Override     public void draw(Canvas canvas) {         if(mOriginalBackground != null){             mOriginalBackground.setBounds(getBounds());             mOriginalBackground.draw(canvas);         }          mBackgroundRipple.draw(canvas, mRippleBackgroundPaint);         mTouchRipple.draw(canvas, mRipplePaint);     }      @Override public void setAlpha(int alpha) {}      @Override public void setColorFilter(ColorFilter cf) {}      @Override public int getOpacity() {         return 0;     }      @Override     public boolean onTouch(View v, MotionEvent event) {         \/\/ \u0421\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u043c \u0441\u043e\u0432\u0435\u0440\u0448\u0435\u043d\u043d\u043e\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435         final int action = event.getAction();         \/\/ \u0438 \u0432 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0442 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u043c \u043c\u0435\u0442\u043e\u0434\u044b         switch (action){             \/\/ \u041f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u043a\u043e\u0441\u043d\u0443\u043b\u0441\u044f \u044d\u043a\u0440\u0430\u043d\u0430             case MotionEvent.ACTION_DOWN:                 onFingerDown(v, event.getX(), event.getY());                 \/\/ \u0414\u043b\u044f \u0442\u043e\u0433\u043e \u0447\u0442\u043e \u0431\u044b \u0441\u043e\u0431\u044b\u0442\u0438\u044f View \u0441\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u043b\u0438 \u043d\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u0435\u0433\u043e \u0432\u044b\u0437\u044b\u0432\u0430\u0442\u044c                 return v.onTouchEvent(event);             \/\/ \u041f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u0434\u0432\u0438\u0433\u0430\u0435\u0442 \u043f\u0430\u043b\u044c\u0446\u0435\u043c \u043f\u043e \u044d\u043a\u0440\u0430\u043d\u0443 (\u044d\u0442\u043e \u043f\u0440\u043e\u0434\u043e\u043b\u0436\u0435\u043d\u0438\u044f \u043a\u0430\u0441\u0430\u043d\u0438\u044f)             case MotionEvent.ACTION_MOVE:                 onFingerMove(event.getX(), event.getY());                 break;             \/\/ \u041f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u0443\u0431\u0430\u043b \u0441\u0432\u043e\u0439 \u043f\u0430\u043b\u044c\u0447\u0438\u043a             case MotionEvent.ACTION_UP:                 onFingerUp();                 break;         }         return false;     }      int mViewSize = 0;      void onFingerDown(View v, float x, float y){         mTouchRipple.cx = mBackgroundRipple.cx = x;         mTouchRipple.cy = mBackgroundRipple.cy = y;         mTouchRipple.radius = mBackgroundRipple.radius = 0f;         mViewSize = Math.max(v.getWidth(), v.getHeight());          \/\/ \u0415\u0441\u043b\u0438 \u043f\u0440\u043e\u0448\u043b\u0430\u044f \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u044f \u0437\u0430\u043a\u043e\u043d\u0447\u0438\u043b\u0430\u0441\u044c \u0441\u043e\u0437\u0434\u0430\u0434\u0438\u043c \u043d\u043e\u0432\u0443\u044e         if(mCurrentAnimator == null){             \/\/ \u0423\u043a\u0430\u0436\u0435\u043c \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435 \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e \u0434\u043b\u044f \u043d\u0430\u0448\u0435\u0433\u043e \u0444\u043e\u043d\u043e\u0432\u043e\u0433\u043e \u043a\u0440\u0443\u0433\u0430             \/\/ \u0442\u043e\u0435\u0441\u0442\u044c \u0432\u043e\u0441\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u043c \u0435\u0433\u043e \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u043e\u0441\u0442\u044c \u043d\u0430 \u0434\u0435\u0444\u043e\u043b\u0442\u043d\u044b\u0439             mRippleBackgroundPaint.setAlpha(RIPPLE_BACKGROUND_ALPHA);              \/\/ \u0421\u043e\u0437\u0434\u0430\u0434\u0438\u043c \u0430\u043d\u0438\u043c\u0430\u0448\u043a\u0443, \u0437\u0434\u0435\u0441\u044c \u043a\u043e\u043d\u0441\u0442\u0430\u043d\u0442\u0430 CREATE_TOUCH_RIPPLE \u044d\u0442\u043e \u0433\u0435\u0442\u0442\u0435\u0440\u044b \u0438 \u0441\u0435\u0442\u0442\u0435\u0440\u044b             \/\/ \u0434\u043b\u044f \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0438 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438             mCurrentAnimator = ObjectAnimator.ofFloat(this, CREATE_TOUCH_RIPPLE, 0f, 1f);             mCurrentAnimator.setDuration(DEFAULT_ANIM_DURATION);         }          \/\/ \u0415\u0441\u043b\u0438 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u044f \u0438\u0433\u0440\u0430\u0435\u0442 \u043d\u0438\u0447\u0435\u0433\u043e \u043d\u0435 \u0434\u0435\u043b\u0430\u0435\u043c \u0436\u0434\u0435\u043c \u043f\u043e\u043a\u0430 \u0437\u0430\u043a\u043e\u043d\u0447\u0438\u0442\u0441\u044f         if(!mCurrentAnimator.isRunning()){             mCurrentAnimator.start();         }     }      float mAnimationValue;      \/**      * ObjectAnimator \u0432\u044b\u0437\u044b\u0432\u0430\u0435\u0442 \u044d\u0442\u0443 \u0444\u0443\u043d\u043a\u0446\u0438\u0438      *      * @param value \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438 \u043e\u0442 0 \u0434\u043e 1      *\/     void createTouchRipple(float value){         mAnimationValue = value;          \/\/ step by step \u0443\u0432\u0435\u043b\u0438\u0447\u0438\u0432\u0430\u0435\u043c \u043a\u0440\u0443\u0433\u0438, \u043c\u0438\u043d\u0438\u043c\u0430\u043b\u044c\u043d\u044b\u0439 \u0440\u0430\u0434\u0438\u0443\u0441 40px         mTouchRipple.radius = 40f + (mAnimationValue * (END_RIPPLE_TOUCH_RADIUS - 40f));         mBackgroundRipple.radius = mAnimationValue * (mViewSize * END_SCALE);          \/\/ \u0438 \u043f\u043b\u0430\u0432\u043d\u043e\u0435 \u0438\u0441\u0447\u0435\u0437\u043d\u043e\u0432\u043d\u0438\u0435 \u0435\u0449\u0435 \u043d\u0435 \u043f\u043e\u044f\u0432\u0438\u0432\u0449\u0438\u0445\u0441\u044f \u043a\u0440\u0443\u0433\u043e\u0432,         \/\/ \u0442\u043e\u0435\u0441\u0442\u044c \u043f\u0440\u0438 \u0441\u0442\u0430\u0440\u0442\u0435 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438 \u0438\u0445 opacity \u043c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u0430\u044f,         \/\/ \u0438 \u0432 \u043a\u043e\u043d\u0446\u0435 \u043e\u043d\u0430 \u043f\u0430\u0434\u0430\u0435\u0442 \u0434\u043e \u043c\u0438\u043d\u0438\u043c\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f         int min = RIPPLE_TOUCH_MIN_ALPHA;         int max = RIPPLE_TOUCH_MAX_ALPHA;         int alpha = min + (int) (mAnimationValue * (max - min));         mRipplePaint.setAlpha((max + min) - alpha);          \/\/ \u041f\u0435\u0440\u0435\u0440\u0438\u0441\u043e\u0432\u044b\u0432\u0430\u0435\u043c         invalidateSelf();     }       void destroyTouchRipple(float value){         \/\/ \u0421\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u043c \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438         mAnimationValue = value;          \/\/ \u0423\u0432\u0435\u043b\u0438\u0447\u0438\u0432\u0430\u0435\u043c \u0440\u0430\u0434\u0438\u0443\u0441 \u043a\u0440\u0443\u0433\u0430 \u0434\u043e \u0444\u043e\u043d\u043e\u0432\u043e\u0433\u043e \u0440\u0430\u0434\u0438\u0443\u0441\u0430         mTouchRipple.radius = END_RIPPLE_TOUCH_RADIUS + (mAnimationValue * (mViewSize * END_SCALE));          \/\/ \u0438 \u043e\u0434\u043d\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e \u0443 \u043e\u0431\u043e\u0438\u0445 \u043a\u0440\u0443\u0433\u043e\u0432 \u0441\u043e\u0437\u0434\u0430\u0435\u043c \u044d\u0444\u0444\u0435\u043a\u0442 \u0437\u0430\u0442\u0443\u0445\u0430\u043d\u0438\u044f         mRipplePaint.setAlpha((int) (RIPPLE_TOUCH_MIN_ALPHA - (mAnimationValue * RIPPLE_TOUCH_MIN_ALPHA)));         mRippleBackgroundPaint.setAlpha                 ((int) (RIPPLE_BACKGROUND_ALPHA - (mAnimationValue * RIPPLE_BACKGROUND_ALPHA)));          \/\/ \u043d\u0443 \u0438 \u043a\u0430\u043a \u0436\u0435 \u0431\u0435\u0437 \u043f\u0435\u0440\u0435\u0440\u0438\u0441\u043e\u0432\u043a\u0438?         invalidateSelf();     }      float getAnimationState(){         return mAnimationValue;     }      void onFingerUp(){         \/\/ \u0417\u0430\u043a\u0430\u043d\u0447\u0438\u0432\u0430\u0435\u043c \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u044e         if(mCurrentAnimator != null) {             mCurrentAnimator.end();             mCurrentAnimator = null;             createTouchRipple(1f);         }          \/\/ \u0421\u043e\u0437\u0434\u0430\u0435\u043c \u043d\u043e\u0432\u0443\u044e, \u0438 \u043f\u0440\u0438 \u0437\u0430\u0432\u0435\u0440\u0448\u0435\u043d\u0438\u0438 \u043e\u0447\u0438\u0449\u0430\u0435\u043c \u0435\u0435         mCurrentAnimator = ObjectAnimator.ofFloat(this, DESTROY_TOUCH_RIPPLE, 0f, 1f);         mCurrentAnimator.setDuration(DEFAULT_ANIM_DURATION);         mCurrentAnimator.addListener(new SimpleAnimationListener(){             @Override             public void onAnimationEnd(Animator animation) {                 super.onAnimationEnd(animation);                 mCurrentAnimator = null;             }         });         mCurrentAnimator.start();     }      void onFingerMove(float x, float y){         mTouchRipple.cx = x;         mTouchRipple.cy = y;          invalidateSelf();     }      @Override     public boolean setState(int[] stateSet) {         if(mOriginalBackground != null){             return mOriginalBackground.setState(stateSet);         }         return super.setState(stateSet);     }      @Override     public int[] getState() {         if(mOriginalBackground != null){             return mOriginalBackground.getState();         }         return super.getState();     }      final static class Circle{         float cx;         float cy;         float radius;          public void draw(Canvas canvas, Paint paint){             canvas.drawCircle(cx, cy, radius, paint);         }     }  }   <\/code><\/pre>\n<p>  <\/div>\n<\/div>\n<p>  \u0412 \u0438\u0442\u043e\u0433\u0435:<\/p>\n<p>  <iframe loading=\"lazy\" width=\"560\" height=\"349\" src=\"\/\/www.youtube.com\/embed\/DxMJxm9qd5c?wmode=opaque\" frameborder=\"0\" allowfullscreen><\/iframe><\/p>\n<p>  <a href=\"https:\/\/github.com\/03uk\/RippleDrawable\">\u041f\u0440\u043e\u0435\u043a\u0442 \u043d\u0430 Github<\/a>.      \t<\/p>\n<div class=\"clear\"><\/div>\n<\/p><\/div>\n<p> \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b \u0441\u0442\u0430\u0442\u044c\u0438 <a href=\"http:\/\/habrahabr.ru\/post\/237173\/\"> http:\/\/habrahabr.ru\/post\/237173\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<div class=\"content html_format\">     \t<img decoding=\"async\" src=\"http:\/\/habrastorage.org\/getpro\/habr\/post_images\/aa4\/fd8\/f93\/aa4fd8f935302134d0f6e0c72bad2367.png\" alt=\"image\"\/> <\/p>\n<h4>\u0414\u043e\u0431\u0440\u043e\u0433\u043e \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u0441\u0443\u0442\u043e\u043a!<\/h4>\n<p>  \u0422\u0435, \u043a\u0442\u043e \u0441\u043b\u0435\u0434\u0438\u043b \u0437\u0430 Google IO\/2014, \u0437\u043d\u0430\u044e\u0442 \u043e \u043d\u043e\u0432\u043e\u043c Material Design \u0438 \u043d\u043e\u0432\u044b\u0445 \u0444\u0438\u0448\u043a\u0430\u0445. \u041e\u0434\u043d\u043e\u0439 \u0438\u0437 \u043d\u0438\u0445 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043f\u0443\u043b\u044c\u0441\u0438\u0440\u0443\u044e\u0449\u0438\u0439 \u044d\u0444\u0444\u0435\u043a\u0442 \u043f\u0440\u0438 \u043d\u0430\u0436\u0430\u0442\u0438\u0438. \u0412\u0447\u0435\u0440\u0430 \u044f \u0440\u0435\u0448\u0438\u043b \u0435\u0433\u043e \u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0434\u043b\u044f \u0441\u0442\u0430\u0440\u044b\u0445 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432.  <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-237173","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/237173","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=237173"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/237173\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=237173"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=237173"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=237173"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}