Add ripple effect to new-style notification header.

ui/message_center/views/notification_header_view.cc

 // Copyright 2017 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/message_center/views/notification_header_view.h"
 
 #include "ui/base/l10n/l10n_util.h"
 #include "ui/gfx/color_palette.h"
 #include "ui/gfx/font_list.h"
 #include "ui/gfx/paint_vector_icon.h"
 #include "ui/message_center/message_center_style.h"
 #include "ui/message_center/vector_icons.h"
 #include "ui/message_center/views/padded_button.h"
 #include "ui/strings/grit/ui_strings.h"
+#include "ui/views/animation/flood_fill_ink_drop_ripple.h"
+#include "ui/views/animation/ink_drop_highlight.h"
+#include "ui/views/animation/ink_drop_impl.h"
 #include "ui/views/controls/button/image_button.h"
 #include "ui/views/controls/image_view.h"
 #include "ui/views/controls/label.h"
 #include "ui/views/layout/box_layout.h"
 #include "ui/views/painter.h"
 
 namespace message_center {
 
 namespace {
 
 constexpr int kHeaderHeight = 28;
 constexpr int kAppIconSize = 12;
 constexpr int kExpandIconSize = 12;
 constexpr gfx::Insets kHeaderPadding(0, 12, 0, 2);
 constexpr int kHeaderHorizontalSpacing = 2;
 constexpr int kAppInfoConatainerTopPadding = 12;
 
+// Base ink drop color of action buttons.
+const SkColor kInkDropBaseColor = SkColorSetRGB(0x0, 0x0, 0x0);
+// Ripple ink drop opacity of action buttons.
+const float kInkDropRippleVisibleOpacity = 0.08f;
+// Highlight (hover) ink drop opacity of action buttons.
+const float kInkDropHighlightVisibleOpacity = 0.08f;
+
 }  // namespace
 
 NotificationHeaderView::NotificationHeaderView(views::ButtonListener* listener)
     : views::CustomButton(listener) {
+  SetFocusBehavior(FocusBehavior::ALWAYS);
+  SetInkDropMode(InkDropMode::ON);
+  set_has_ink_drop_action_on_click(true);
+  set_animate_on_state_change(true);
+  set_notify_enter_exit_on_child(true);
+  set_ink_drop_base_color(kInkDropBaseColor);
+  set_ink_drop_visible_opacity(kInkDropRippleVisibleOpacity);
+
   views::BoxLayout* layout = new views::BoxLayout(
       views::BoxLayout::kHorizontal, kHeaderPadding, kHeaderHorizontalSpacing);
   layout->set_cross_axis_alignment(
       views::BoxLayout::CROSS_AXIS_ALIGNMENT_CENTER);
   SetLayoutManager(layout);
 
   views::View* app_info_container = new views::View();
   views::BoxLayout* app_info_layout =
       new views::BoxLayout(views::BoxLayout::kHorizontal,
                            gfx::Insets(kAppInfoConatainerTopPadding, 0, 0, 0),
@@ skipping 98 matching lines @@
 }
 
 bool NotificationHeaderView::IsSettingsButtonEnabled() {
   return settings_button_enabled_;
 }
 
 bool NotificationHeaderView::IsCloseButtonEnabled() {
   return close_button_enabled_;
 }
 
+std::unique_ptr<views::InkDrop> NotificationHeaderView::CreateInkDrop() {
+  return InkDropHostView::CreateDefaultFloodFillInkDropImpl();
+}
+
+std::unique_ptr<views::InkDropRipple>
+NotificationHeaderView::CreateInkDropRipple() const {
+  return base::MakeUnique<views::FloodFillInkDropRipple>(
+      size(), GetInkDropCenterBasedOnLastEvent(), GetInkDropBaseColor(),
+      ink_drop_visible_opacity());
+}
+
+std::unique_ptr<views::InkDropHighlight>
+NotificationHeaderView::CreateInkDropHighlight() const {
+  std::unique_ptr<views::InkDropHighlight> highlight =
+      base::MakeUnique<views::InkDropHighlight>(
+          size(), kInkDropSmallCornerRadius,
+          gfx::RectF(GetLocalBounds()).CenterPoint(), GetInkDropBaseColor());
+  highlight->set_visible_opacity(kInkDropHighlightVisibleOpacity);
+  return highlight;
+}
+
+void NotificationHeaderView::OnMouseEvent(ui::MouseEvent* event) {
+  // Prevent updating SetHovered in InkDropHostView.
+  View::OnMouseEvent(event);

[fukino, 2017/06/29 04:30:42]

This looks hacky (and scary)...
In ash system menu (which uses HoverHighlightView), there is no color change on
hover.
Could you check how it works?

[tetsui, 2017/06/29 07:49:14]

Done.

+}
+
 void NotificationHeaderView::UpdateControlButtonsVisibility() {
   settings_button_->SetVisible(settings_button_enabled_ &&
                                is_control_buttons_visible_);
   close_button_->SetVisible(close_button_enabled_ &&
                             is_control_buttons_visible_);
   Layout();
 }
 
 }  // namespace message_center