Adding ripple effect for clicks on MD slider

ui/views/controls/slider.cc

 // Copyright (c) 2012 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 #include "ui/views/controls/slider.h"
 
 #include <algorithm>
 
 #include "base/logging.h"
 #include "base/message_loop/message_loop.h"
 #include "base/strings/stringprintf.h"
 #include "base/strings/utf_string_conversions.h"
 #include "third_party/skia/include/core/SkCanvas.h"
 #include "third_party/skia/include/core/SkColor.h"
 #include "third_party/skia/include/core/SkPaint.h"
 #include "ui/accessibility/ax_view_state.h"
 #include "ui/base/resource/resource_bundle.h"
 #include "ui/events/event.h"
 #include "ui/gfx/animation/slide_animation.h"
 #include "ui/gfx/canvas.h"
 #include "ui/gfx/geometry/point.h"
 #include "ui/gfx/geometry/rect.h"
 #include "ui/resources/grit/ui_resources.h"
 #include "ui/views/controls/md_slider.h"
 #include "ui/views/controls/non_md_slider.h"
 #include "ui/views/resources/grit/views_resources.h"
 #include "ui/views/widget/widget.h"
 
 namespace {
-const int kSlideValueChangeDurationMS = 150;
+const int kSlideValueChangeDurationMs = 150;
 
 // The image chunks.
 enum BorderElements {
   LEFT,
   CENTER_LEFT,
   CENTER_RIGHT,
   RIGHT,
 };
 }  // namespace
 
 namespace views {
 
 // static
 const char Slider::kViewClassName[] = "Slider";
 
 // static
 Slider* Slider::CreateSlider(bool is_material_design,
                              SliderListener* listener) {
   if (is_material_design)
     return new MdSlider(listener);
   return new NonMdSlider(listener);
 }
 
 Slider::Slider(SliderListener* listener)
     : listener_(listener),
       value_(0.f),
       keyboard_increment_(0.1f),
-      animating_value_(0.f),
+      initial_animating_value_(0.f),
       value_is_valid_(false),
       accessibility_events_enabled_(true),
       focus_border_color_(0),
       initial_button_offset_(0) {
   EnableCanvasFlippingForRTLUI(true);
 #if defined(OS_MACOSX)
   SetFocusBehavior(FocusBehavior::ACCESSIBLE_ONLY);
 #else
   SetFocusBehavior(FocusBehavior::ALWAYS);
 #endif
 }
 
 Slider::~Slider() {
 }
 
+void Slider::SetHighlighted(bool is_highlighted) {
+

[bruthig, 2016/09/23 22:24:39]

nit: no newline required. the braces can be on the same line.  Running 'git cl
format' might do this for you ;)

[yiyix, 2016/09/24 06:24:36]

Done. format did not fix this.... unfortunately. 

+}
+
+
 void Slider::SetValue(float value) {
   SetValueInternal(value, VALUE_CHANGED_BY_API);
 }
 
 void Slider::SetValueInternal(float value, SliderChangeReason reason) {
   bool old_value_valid = value_is_valid_;
 
   value_is_valid_ = true;
   if (value < 0.0)
     value = 0.0;
   else if (value > 1.0)
     value = 1.0;
   if (value_ == value)
     return;
   float old_value = value_;
   value_ = value;
   if (listener_)
     listener_->SliderValueChanged(this, value_, old_value, reason);
 
   if (old_value_valid && base::MessageLoop::current()) {
     // Do not animate when setting the value of the slider for the first time.
     // There is no message-loop when running tests. So we cannot animate then.
-    animating_value_ = old_value;
-    move_animation_.reset(new gfx::SlideAnimation(this));
-    move_animation_->SetSlideDuration(kSlideValueChangeDurationMS);
-    move_animation_->Show();
-    AnimationProgressed(move_animation_.get());
+    if (!move_animation_.get() || !move_animation_->is_animating()) {

[bruthig, 2016/09/23 22:24:39]

This new condition confuses me a little, what is its purpose?

[yiyix, 2016/09/24 06:24:36]

This is because I had !move_animation_->is_animating() then reset the animation
in my animationEnded functions. I was imagining that the move_animation_ is
reset when this condition holds. As we can safely remove this reset in
animationEnded, I can safely remove this second condition. 

+      initial_animating_value_ = old_value;
+      move_animation_.reset(new gfx::SlideAnimation(this));
+      move_animation_->SetSlideDuration(kSlideValueChangeDurationMs);
+      move_animation_->Show();
+    }
   } else {
     SchedulePaint();
   }
-  if (accessibility_events_enabled_ && GetWidget()) {
-    NotifyAccessibilityEvent(
-        ui::AX_EVENT_VALUE_CHANGED, true);
-  }
+  if (accessibility_events_enabled_ && GetWidget())
+    NotifyAccessibilityEvent(ui::AX_EVENT_VALUE_CHANGED, true);
 }
 
 void Slider::PrepareForMove(const int new_x) {
   // Try to remember the position of the mouse cursor on the button.
   gfx::Insets inset = GetInsets();
   gfx::Rect content = GetContentsBounds();
-  float value = move_animation_.get() && move_animation_->is_animating() ?
-        animating_value_ : value_;
+  float value = GetAnimatingValue();
 
   const int thumb_width = GetThumbWidth();
   const int thumb_x = value * (content.width() - thumb_width);
   const int candidate_x = (base::i18n::IsRTL() ?
       width() - (new_x - inset.left()) :
       new_x - inset.left()) - thumb_x;
   if (candidate_x >= 0 && candidate_x < thumb_width)
     initial_button_offset_ = candidate_x;
   else
     initial_button_offset_ = thumb_width / 2;
@@ skipping 39 matching lines @@
   return gfx::Size(std::max(width(), kSizeMajor), kSizeMinor);
 }
 
 void Slider::OnPaint(gfx::Canvas* canvas) {
   View::OnPaint(canvas);
   OnPaintFocus(canvas);
 }
 
 float Slider::GetAnimatingValue() const{
   return move_animation_.get() && move_animation_->is_animating()
-             ? animating_value_
+             ? move_animation_->CurrentValueBetween(initial_animating_value_,
+                                                    value_)
              : value_;
 }
 
 bool Slider::OnMousePressed(const ui::MouseEvent& event) {
   if (!event.IsOnlyLeftMouseButton())
     return false;
   OnSliderDragStarted();
   PrepareForMove(event.location().x());
   MoveButtonTo(event.location());
   return true;
@@ skipping 48 matching lines @@
       event->SetHandled();
       if (event->details().touch_points() <= 1)
         OnSliderDragEnded();
       break;
     default:
       break;
   }
 }
 
 void Slider::AnimationProgressed(const gfx::Animation* animation) {
-  animating_value_ = animation->CurrentValueBetween(animating_value_, value_);
+  if (animation && animation != move_animation_.get())

[bruthig, 2016/09/23 22:24:39]

nit: I think it's safe to assume |animation| is not null here. i.e. drop the
first clause.  If it were possible for |animation| to be null I don't think you
want to be calling SchedulePaint() anyway right?

[yiyix, 2016/09/24 06:24:36]

I think you mean "if it were possible for |animation| to be null, I think you
want to be calling SchedulePaint() anyways" :P

I agree with you, i want to paint the new state.

+    return;
   SchedulePaint();
 }
 
+void Slider::AnimationEnded(const gfx::Animation* animation) {
+  if (animation == move_animation_.get() && !move_animation_->IsShowing())

[bruthig, 2016/09/23 22:24:39]

From what I can see Hide() will never be used on the |move_animation_|.  Thus
!move_animation_->IsShowing() will always be false and you will never be
destroying the |move_animation_|.  You should be able to safely drop the second
clause here.

[yiyix, 2016/09/24 06:24:36]

You right, I never hide anything in this class

+    move_animation_.reset();
+}
+
 void Slider::GetAccessibleState(ui::AXViewState* state) {
   state->role = ui::AX_ROLE_SLIDER;
   state->name = accessible_name_;
   state->value = base::UTF8ToUTF16(
       base::StringPrintf("%d%%", static_cast<int>(value_ * 100 + 0.5)));
 }
 
 void Slider::OnSliderDragStarted() {
+  SetHighlighted(true);
   if (listener_)
     listener_->SliderDragStarted(this);
 }
 
 void Slider::OnSliderDragEnded() {
+  SetHighlighted(false);
   if (listener_)
     listener_->SliderDragEnded(this);
 }
 
 }  // namespace views