Adds MD ink ripple animations to buttons within location bar

chrome/browser/ui/views/location_bar/content_setting_image_view.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 "chrome/browser/ui/views/location_bar/content_setting_image_view.h"
 
 #include "base/strings/utf_string_conversions.h"
 #include "chrome/browser/themes/theme_properties.h"
 #include "chrome/browser/ui/content_settings/content_setting_bubble_model.h"
 #include "chrome/browser/ui/content_settings/content_setting_image_model.h"
 #include "chrome/browser/ui/views/content_setting_bubble_contents.h"
 #include "chrome/browser/ui/views/location_bar/location_bar_view.h"
 #include "grit/theme_resources.h"
 #include "ui/base/l10n/l10n_util.h"
 #include "ui/base/material_design/material_design_controller.h"
 #include "ui/base/theme_provider.h"
 #include "ui/gfx/color_palette.h"
 #include "ui/gfx/color_utils.h"
+#include "ui/views/animation/button_ink_drop_delegate.h"
 #include "ui/views/controls/image_view.h"
 #include "ui/views/controls/label.h"
 #include "ui/views/widget/widget.h"
 
 
 namespace {
 // Time spent with animation fully open.
 const int kStayOpenTimeMS = 3200;
 }
 
@@ skipping 10 matching lines @@
     SkColor parent_background_color)
     : IconLabelBubbleView(0,
                           font_list,
                           parent_background_color,
                           false),
       parent_(parent),
       content_setting_image_model_(image_model),
       slide_animator_(this),
       pause_animation_(false),
       pause_animation_state_(0.0),
-      bubble_widget_(NULL) {
+      bubble_widget_(nullptr),

[msw, 2016/01/29 01:10:10]

you can probably remove the |bubble_widget_| member if you're adding
|bubble_view_|, and you should definitely initialize |bubble_view_| here.

[varkha, 2016/01/29 02:23:19]

Ouch. Done.

+      suppress_mouse_released_action_(false),
+      ink_drop_delegate_(new views::ButtonInkDropDelegate(this, this)) {
   if (!ui::MaterialDesignController::IsModeMaterial()) {
     static const int kBackgroundImages[] =
         IMAGE_GRID(IDR_OMNIBOX_CONTENT_SETTING_BUBBLE);
     SetBackgroundImageGrid(kBackgroundImages);
   }
 
+  // TODO(varkha): Provide standard ink drop dimensions in LayoutConstants.
   image()->SetHorizontalAlignment(views::ImageView::LEADING);
   image()->set_interactive(true);
+  image()->EnableCanvasFlippingForRTLUI(true);
+  image()->SetAccessibilityFocusable(true);
   label()->SetElideBehavior(gfx::NO_ELIDE);
 
   slide_animator_.SetSlideDuration(kAnimationDurationMS);
   slide_animator_.SetTweenType(gfx::Tween::LINEAR);
+
+  const int kInkDropLargeSize = 32;
+  const int kInkDropLargeCornerRadius = 5;
+  const int kInkDropSmallSize = 24;
+  const int kInkDropSmallCornerRadius = 2;
+  ink_drop_delegate_->SetInkDropSize(
+      kInkDropLargeSize, kInkDropLargeCornerRadius, kInkDropSmallSize,
+      kInkDropSmallCornerRadius);
 }
 
 ContentSettingImageView::~ContentSettingImageView() {
   if (bubble_widget_)
     bubble_widget_->RemoveObserver(this);
 }
 
 void ContentSettingImageView::Update(content::WebContents* web_contents) {
   // Note: We explicitly want to call this even if |web_contents| is NULL, so we
   // get hidden properly while the user is editing the omnibox.
@@ skipping 72 matching lines @@
 
 void ContentSettingImageView::AnimationCanceled(
     const gfx::Animation* animation) {
   AnimationEnded(animation);
 }
 
 const char* ContentSettingImageView::GetClassName() const {
   return "ContentSettingsImageView";
 }
 
+void ContentSettingImageView::Layout() {
+  IconLabelBubbleView::Layout();
+  ink_drop_delegate_->OnLayout();
+}
+
+void ContentSettingImageView::OnBoundsChanged(
+    const gfx::Rect& previous_bounds) {
+  if (bubble_view_)
+    bubble_view_->OnAnchorBoundsChanged();
+  ink_drop_delegate_->OnLayout();
+}
+
 bool ContentSettingImageView::OnMousePressed(const ui::MouseEvent& event) {
+  // If the bubble is showing then don't reshow it when the mouse is released.
+  suppress_mouse_released_action_ = IsBubbleShowing();
+  if (!suppress_mouse_released_action_ && !label()->visible())
+    ink_drop_delegate_->OnAction(views::InkDropState::ACTION_PENDING);
+
   // We want to show the bubble on mouse release; that is the standard behavior
   // for buttons.
   return true;
 }
 
 void ContentSettingImageView::OnMouseReleased(const ui::MouseEvent& event) {
-  if (HitTestPoint(event.location()))
+  // If this is the second click on this view then the bubble was showing on the
+  // mouse pressed event and is hidden now. Prevent the bubble from reshowing by
+  // doing nothing here.
+  if (suppress_mouse_released_action_) {
+    suppress_mouse_released_action_ = false;
+    return;
+  }
+  const bool activated = HitTestPoint(event.location());
+  if (!label()->visible()) {
+    ink_drop_delegate_->OnAction(activated ? views::InkDropState::ACTIVATED
+                                           : views::InkDropState::HIDDEN);
+  }
+  if (activated)
     OnClick();
 }
 
 void ContentSettingImageView::OnGestureEvent(ui::GestureEvent* event) {
-  if (event->type() == ui::ET_GESTURE_TAP)
+  if (event->type() == ui::ET_GESTURE_TAP) {
+    if (!label()->visible())
+      ink_drop_delegate_->OnAction(views::InkDropState::ACTIVATED);
     OnClick();
+  }
   if ((event->type() == ui::ET_GESTURE_TAP) ||
       (event->type() == ui::ET_GESTURE_TAP_DOWN))
     event->SetHandled();
 }
 
 void ContentSettingImageView::OnNativeThemeChanged(
     const ui::NativeTheme* native_theme) {
   if (ui::MaterialDesignController::IsModeMaterial())
     UpdateImage();
 
   IconLabelBubbleView::OnNativeThemeChanged(native_theme);
 }
 
+void ContentSettingImageView::AddInkDropLayer(ui::Layer* ink_drop_layer) {
+  image()->SetPaintToLayer(true);
+  image()->SetFillsBoundsOpaquely(false);
+  SetPaintToLayer(true);
+  SetFillsBoundsOpaquely(false);
+  layer()->Add(ink_drop_layer);
+  layer()->StackAtBottom(ink_drop_layer);
+}
+
+void ContentSettingImageView::RemoveInkDropLayer(ui::Layer* ink_drop_layer) {
+  layer()->Remove(ink_drop_layer);
+  SetFillsBoundsOpaquely(true);
+  SetPaintToLayer(false);
+  image()->SetFillsBoundsOpaquely(true);
+  image()->SetPaintToLayer(false);
+}
+
+gfx::Point ContentSettingImageView::CalculateInkDropCenter() const {
+  return GetLocalBounds().CenterPoint();
+}
+
+bool ContentSettingImageView::ShouldShowInkDropHover() const {
+  // location bar views don't show hover effect.
+  return false;
+}
+
 void ContentSettingImageView::OnWidgetDestroying(views::Widget* widget) {
   DCHECK_EQ(bubble_widget_, widget);
+  DCHECK(bubble_view_);
   bubble_widget_->RemoveObserver(this);
-  bubble_widget_ = NULL;
+  bubble_widget_ = nullptr;
+  bubble_view_ = nullptr;
 
   if (pause_animation_) {
     slide_animator_.Reset(pause_animation_state_);
     pause_animation_ = false;
     slide_animator_.Show();
   }
 }
 
+void ContentSettingImageView::OnWidgetVisibilityChanged(views::Widget* widget,
+                                                        bool visible) {
+  // |widget| is a bubble that has just got shown / hidden.
+  if (!visible && !label()->visible())
+    ink_drop_delegate_->OnAction(views::InkDropState::DEACTIVATED);
+}
+
 void ContentSettingImageView::OnClick() {
   if (slide_animator_.is_animating()) {
     if (!pause_animation_) {
       pause_animation_ = true;
       pause_animation_state_ = slide_animator_.GetCurrentValue();
     }
     slide_animator_.Reset();
   }
 
   content::WebContents* web_contents = parent_->GetWebContents();
   if (web_contents && !bubble_widget_) {
-    bubble_widget_ =
-        parent_->delegate()->CreateViewsBubble(new ContentSettingBubbleContents(
-            content_setting_image_model_->CreateBubbleModel(
-                parent_->delegate()->GetContentSettingBubbleModelDelegate(),
-                web_contents, parent_->profile()),
-            web_contents, this, views::BubbleBorder::TOP_RIGHT));
+    DCHECK(!bubble_view_);
+    bubble_view_ = new ContentSettingBubbleContents(
+                content_setting_image_model_->CreateBubbleModel(
+                    parent_->delegate()->GetContentSettingBubbleModelDelegate(),
+                    web_contents, parent_->profile()),
+                web_contents, this, views::BubbleBorder::TOP_RIGHT);
+    bubble_widget_ = parent_->delegate()->CreateViewsBubble(bubble_view_);
     bubble_widget_->AddObserver(this);
     bubble_widget_->Show();
   }
 }
 
 void ContentSettingImageView::UpdateImage() {
   SetImage(content_setting_image_model_->GetIcon(GetTextColor()).AsImageSkia());
   image()->SetTooltipText(content_setting_image_model_->get_tooltip());
 }
+
+bool ContentSettingImageView::IsBubbleShowing() const {
+  return bubble_widget_ != nullptr;
+}