Support painting panels with chromium themes on GTK.

chrome/browser/ui/panels/panel_browser_window_gtk.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/panels/panel_browser_window_gtk.h"
 
 #include "base/bind.h"
 #include "chrome/browser/ui/browser_list.h"
 #include "chrome/browser/ui/gtk/browser_titlebar.h"
 #include "chrome/browser/ui/gtk/custom_button.h"
+#include "chrome/browser/ui/gtk/theme_service_gtk.h"
 #include "chrome/browser/ui/panels/panel.h"
 #include "chrome/browser/ui/panels/panel_bounds_animation.h"
 #include "chrome/browser/ui/panels/panel_browser_titlebar_gtk.h"
 #include "chrome/browser/ui/panels/panel_drag_gtk.h"
 #include "chrome/browser/ui/panels/panel_manager.h"
 #include "chrome/browser/ui/panels/panel_strip.h"
 #include "chrome/common/chrome_notification_types.h"
 #include "content/public/browser/notification_service.h"
+#include "grit/theme_resources_standard.h"
+#include "third_party/skia/include/core/SkShader.h"
+#include "ui/gfx/canvas.h"
+#include "ui/gfx/image/cairo_cached_surface.h"
+#include "ui/gfx/image/image.h"
+#include "ui/gfx/skia_util.h"
 
 using content::WebContents;
 
 namespace {
 
-// RGB values for titlebar in draw attention state. A shade of orange.
-const int kDrawAttentionR = 0xfa;
-const int kDrawAttentionG = 0x98;
-const int kDrawAttentionB = 0x3a;
-const float kDrawAttentionRFraction = kDrawAttentionR / 255.0;
-const float kDrawAttentionGFraction = kDrawAttentionG / 255.0;
-const float kDrawAttentionBFraction = kDrawAttentionB / 255.0;
+// Colors used to draw active titlebar and frame under default theme.
+const SkColor kActiveBackgroundDefaultColorStart =
+    SkColorSetRGB(0xf0, 0xf8, 0xfa);
+const SkColor kActiveBackgroundDefaultColorEnd =
+    SkColorSetRGB(0xc1, 0xd2, 0xdd);
 
-// Markup for title text in draw attention state. Set to color white.
-const char* const kDrawAttentionTitleMarkupPrefix =
-    "<span fgcolor='#ffffff'>";
-const char* const kDrawAttentionTitleMarkupSuffix = "</span>";
+// Colors used to draw inactive titlebar and frame under default theme.
+const SkColor kInactiveBackgroundDefaultColorStart = SK_ColorWHITE;
+const SkColor kInactiveBackgroundDefaultColorEnd =
+    SkColorSetRGB(0xe7, 0xed, 0xf1);
+
+// Colors used to draw titlebar and frame for drawing attention under default
+// theme. It is also used in non-default theme since attention color is not
+// defined in the theme.
+const SkColor kAttentionBackgroundDefaultColorStart =
+    SkColorSetRGB(0xff, 0xab, 0x57);
+const SkColor kAttentionBackgroundDefaultColorEnd =
+    SkColorSetRGB(0xff, 0xab, 0x57);
 
 // Set minimium width for window really small.
 const int kMinWindowWidth = 26;
 
+gfx::Image* CreateGradientImage(SkColor start_color, SkColor end_color) {
+  // Though the height of titlebar, used for creating gradient, cannot be
+  // pre-determined, we use a reasonablly bigger value that is obtained from

[Evan Stade, 2012/04/27 21:27:33]

spelling

[jianli, 2012/04/27 22:21:06]

Done.

+  // the experimentation and should work for most of cases.

[Evan Stade, 2012/04/27 21:27:33]

s/ of//

[jianli, 2012/04/27 22:21:06]

Done.

+  const int gradient_size = 32;
+  SkShader* shader = gfx::CreateGradientShader(
+      0, gradient_size, start_color, end_color);
+  SkPaint paint;
+  paint.setStyle(SkPaint::kFill_Style);
+  paint.setAntiAlias(true);
+  paint.setShader(shader);
+  shader->unref();
+  gfx::Canvas canvas(gfx::Size(1, gradient_size), true);
+  canvas.DrawRect(gfx::Rect(0, 0, 1, gradient_size), paint);
+  return new gfx::Image(canvas.ExtractBitmap());
+}
+
+gfx::Image* GetActiveBackgroundDefaultImage() {
+  static gfx::Image* image = NULL;
+  if (!image) {
+    image = CreateGradientImage(kActiveBackgroundDefaultColorStart,
+                                kActiveBackgroundDefaultColorEnd);
+  }
+  return image;
+}
+
+gfx::Image* GetInactiveBackgroundDefaultImage() {
+  static gfx::Image* image = NULL;
+  if (!image) {
+    image = CreateGradientImage(kInactiveBackgroundDefaultColorStart,
+                                kInactiveBackgroundDefaultColorEnd);
+  }
+  return image;
+}
+
+gfx::Image* GetAttentionBackgroundDefaultImage() {
+  static gfx::Image* image = NULL;
+  if (!image) {
+    image = CreateGradientImage(kAttentionBackgroundDefaultColorStart,
+                                  kAttentionBackgroundDefaultColorEnd);

[Evan Stade, 2012/04/27 21:27:33]

indent

[jianli, 2012/04/27 22:21:06]

Done.

+  }
+  return image;
+}
+
 }  // namespace
 
 NativePanel* Panel::CreateNativePanel(Browser* browser, Panel* panel,
                                       const gfx::Rect& bounds) {
   PanelBrowserWindowGtk* panel_browser_window_gtk =
       new PanelBrowserWindowGtk(browser, panel, bounds);
   panel_browser_window_gtk->Init();
   return panel_browser_window_gtk;
 }
 
@@ skipping 27 matching lines @@
   // window edge was hit.
   g_signal_connect(titlebar_widget(), "button-release-event",
                    G_CALLBACK(OnTitlebarButtonReleaseEventThunk), this);
 
   registrar_.Add(
       this,
       chrome::NOTIFICATION_WINDOW_CLOSED,
       content::Source<GtkWindow>(window()));
 }
 
+bool PanelBrowserWindowGtk::ShouldDrawContentDropShadow() const {
+  return !panel_->IsMinimized();
+}
+
 BrowserTitlebar* PanelBrowserWindowGtk::CreateBrowserTitlebar() {
   return new PanelBrowserTitlebarGtk(this, window());
 }
 
+PanelBrowserTitlebarGtk* PanelBrowserWindowGtk::GetPanelTitlebar() const {
+  return static_cast<PanelBrowserTitlebarGtk*>(titlebar());
+}
+
+PanelBrowserWindowGtk::PaintState PanelBrowserWindowGtk::GetPaintState() const {
+  if (is_drawing_attention_)
+    return PAINT_FOR_ATTENTION;
+  return IsActive() ? PAINT_AS_ACTIVE : PAINT_AS_INACTIVE;
+}
+
 bool PanelBrowserWindowGtk::GetWindowEdge(int x, int y, GdkWindowEdge* edge) {
   // Only detect the window edge when panels can be resized by the user.
   // This method is used by the base class to detect when the cursor has
   // hit the window edge in order to change the cursor to a resize cursor
   // and to detect when to initiate a resize drag.
   panel::Resizability resizability = panel_->CanResizeByMouse();
   if (panel::NOT_RESIZABLE == resizability)
     return false;
 
   if (!BrowserWindowGtk::GetWindowEdge(x, y, edge))
@@ skipping 88 matching lines @@
   gtk_window_move(window_, left, top);
   StartBoundsAnimation(gfx::Rect(left, top, width, height), bounds_);
   panel_->OnWindowSizeAvailable();
 
   content::NotificationService::current()->Notify(
       chrome::NOTIFICATION_PANEL_WINDOW_SIZE_KNOWN,
       content::Source<Panel>(panel_.get()),
       content::NotificationService::NoDetails());
 }
 
-bool PanelBrowserWindowGtk::UseCustomFrame() {
+bool PanelBrowserWindowGtk::UseCustomFrame() const {
   // We always use custom frame for panels.
-  return TRUE;
+  return true;
+}
+
+bool PanelBrowserWindowGtk::UsingCustomPopupFrame() const {
+  // We do not draw custom popup frame.
+  return false;
 }
 
 void PanelBrowserWindowGtk::DrawPopupFrame(cairo_t* cr,
                                            GtkWidget* widget,
                                            GdkEventExpose* event) {
-  static_cast<PanelBrowserTitlebarGtk*>(titlebar())->
-      UpdateMinimizeRestoreButtonVisibility();
+  NOTREACHED();
+}
 
-  BrowserWindowGtk::DrawPopupFrame(cr, widget, event);
+const gfx::Image* PanelBrowserWindowGtk::GetFrameTheme() const {
+  PaintState paint_state = GetPaintState();
+  if (paint_state == PAINT_FOR_ATTENTION)
+    return GetAttentionBackgroundDefaultImage();
 
-  if (is_drawing_attention_)
-    DrawAttentionFrame(cr, widget, event);
+  ThemeServiceGtk* theme_provider = ThemeServiceGtk::GetFrom(
+      browser()->profile());
+  if (theme_provider->UsingDefaultTheme()) {

[Evan Stade, 2012/04/27 21:27:33]

I'm confused, the CL description talks about GTK theme mode, but this checks
UsingDefaultTheme (default = classic).

[jianli, 2012/04/27 22:21:06]

This is because the active color (white) and inactive color (some sort of blue)
defined in the default (classic) theme could cause confusion to the user. These
colors work fine for the tabs due to the default blue background. However, when
they're used towards the panel windows that do not have any underlying
background, the user might easily think that the panel with blue titlebar and
frame is active and the panel with white titlebar and frame is inactive. Per the
feedback from our UI expert, Ken, we decided to use the custom colors for
default theme. Added comment here.

[Evan Stade, 2012/04/27 22:29:24]

sounds like a problem that all themes would be prone to, not just the default
one. If we have to rely on a crutch like this it's a sign our theme system is
deficient and it's hard or impossible to create a good theme. I do not know of
any other places in chrome where we manually sidestep the theming system just
for the default theme. That's not to say such places don't exist, but in many
cases such as the NTP, we've bent over backwards to avoid this.

+    return (paint_state == PAINT_AS_ACTIVE) ?

[Evan Stade, 2012/04/27 21:27:33]

no parens

[jianli, 2012/04/27 22:21:06]

Done.

+        GetActiveBackgroundDefaultImage(): GetInactiveBackgroundDefaultImage();

[Evan Stade, 2012/04/27 21:27:33]

space before :

[jianli, 2012/04/27 22:21:06]

Done.

+  }
+
+  return theme_provider->GetImageNamed((paint_state == PAINT_AS_ACTIVE) ?
+      IDR_THEME_TOOLBAR : IDR_THEME_TAB_BACKGROUND);
 }
 
 void PanelBrowserWindowGtk::DrawCustomFrame(cairo_t* cr,
                                             GtkWidget* widget,
                                             GdkEventExpose* event) {
-  static_cast<PanelBrowserTitlebarGtk*>(titlebar())->
-      UpdateMinimizeRestoreButtonVisibility();
+  GetPanelTitlebar()->UpdateMinimizeRestoreButtonVisibility();
 
-  BrowserWindowGtk::DrawCustomFrame(cr, widget, event);
+  gfx::CairoCachedSurface* surface = GetFrameTheme()->ToCairo();
 
-  if (is_drawing_attention_)
-    DrawAttentionFrame(cr, widget, event);
-}
-
-void PanelBrowserWindowGtk::DrawAttentionFrame(cairo_t* cr,
-                                               GtkWidget* widget,
-                                               GdkEventExpose* event) {
-  cairo_set_source_rgb(cr, kDrawAttentionRFraction,
-                       kDrawAttentionGFraction,
-                       kDrawAttentionBFraction);
-
-  GdkRectangle dest_rectangle = GetTitlebarRectForDrawAttention();
-  GdkRegion* dest_region = gdk_region_rectangle(&dest_rectangle);
-
-  gdk_region_intersect(dest_region, event->region);
-  gdk_cairo_region(cr, dest_region);
-
-  cairo_clip(cr);
-  cairo_paint(cr);
-  gdk_region_destroy(dest_region);
+  surface->SetSource(cr, widget, 0, 0);
+  cairo_pattern_set_extend(cairo_get_source(cr), CAIRO_EXTEND_REPEAT);
+  cairo_rectangle(cr, event->area.x, event->area.y,
+                  event->area.width, event->area.height);
+  cairo_fill(cr);
 }
 
 void PanelBrowserWindowGtk::ActiveWindowChanged(GdkWindow* active_window) {
   bool was_active = IsActive();
   BrowserWindowGtk::ActiveWindowChanged(active_window);
   bool is_active = IsActive();
   if (!window() || was_active == is_active)  // State didn't change.
     return;
 
   panel_->OnActiveStateChanged(is_active);
 }
 
-BrowserWindowGtk::TitleDecoration PanelBrowserWindowGtk::GetWindowTitle(
-    std::string* title) const {
-  if (is_drawing_attention_) {
-    std::string title_original;
-    BrowserWindowGtk::TitleDecoration title_decoration =
-        BrowserWindowGtk::GetWindowTitle(&title_original);
-    DCHECK_EQ(BrowserWindowGtk::PLAIN_TEXT, title_decoration);
-    gchar* title_escaped = g_markup_escape_text(title_original.c_str(), -1);
-    gchar* title_with_markup = g_strconcat(kDrawAttentionTitleMarkupPrefix,
-                                           title_escaped,
-                                           kDrawAttentionTitleMarkupSuffix,
-                                           NULL);
-    *title = title_with_markup;
-    g_free(title_escaped);
-    g_free(title_with_markup);
-    return BrowserWindowGtk::PANGO_MARKUP;
-  } else {
-    return BrowserWindowGtk::GetWindowTitle(title);
-  }
-}
-
 void PanelBrowserWindowGtk::Observe(
     int type,
     const content::NotificationSource& source,
     const content::NotificationDetails& details) {
   switch (type) {
     case chrome::NOTIFICATION_WINDOW_CLOSED:
       // Cleanup.
       if (bounds_animator_.get())
         bounds_animator_.reset();
 
@@ skipping 117 matching lines @@
 }
 
 void PanelBrowserWindowGtk::DrawAttention(bool draw_attention) {
   DCHECK((panel_->attention_mode() & Panel::USE_PANEL_ATTENTION) != 0);
 
   if (is_drawing_attention_ == draw_attention)
     return;
 
   is_drawing_attention_ = draw_attention;
 
-  GdkRectangle rect = GetTitlebarRectForDrawAttention();
-  gdk_window_invalidate_rect(
-      gtk_widget_get_window(GTK_WIDGET(window())), &rect, TRUE);
-
-  UpdateTitleBar();
+  GetPanelTitlebar()->UpdateTextColor();
+  InvalidateWindow();
 
   if ((panel_->attention_mode() & Panel::USE_SYSTEM_ATTENTION) != 0)
     ::BrowserWindowGtk::FlashFrame(draw_attention);
 }
 
 bool PanelBrowserWindowGtk::IsDrawingAttention() const {
   return is_drawing_attention_;
 }
 
 bool PanelBrowserWindowGtk::PreHandlePanelKeyboardEvent(
@@ skipping 13 matching lines @@
 }
 
 Browser* PanelBrowserWindowGtk::GetPanelBrowser() const {
   return browser();
 }
 
 void PanelBrowserWindowGtk::DestroyPanelBrowser() {
   DestroyBrowser();
 }
 
-gfx::Size PanelBrowserWindowGtk::IconOnlySize() const {
-  GtkAllocation allocation;
-  gtk_widget_get_allocation(titlebar_widget(), &allocation);
-  return gfx::Size(titlebar()->IconOnlyWidth(), allocation.height);
-}
-
 void PanelBrowserWindowGtk::EnsurePanelFullyVisible() {
   gtk_window_present(window());
 }
 
 void PanelBrowserWindowGtk::SetPanelAppIconVisibility(bool visible) {
   return;
 }
 
 void PanelBrowserWindowGtk::SetPanelAlwaysOnTop(bool on_top) {
   gtk_window_set_keep_above(window(), on_top);
@@ skipping 30 matching lines @@
 
   bounds_animator_->Start();
   last_animation_progressed_bounds_ = animation_start_bounds_;
 }
 
 bool PanelBrowserWindowGtk::IsAnimatingBounds() const {
   return bounds_animator_.get() && bounds_animator_->is_animating();
 }
 
 void PanelBrowserWindowGtk::AnimationEnded(const ui::Animation* animation) {
-  titlebar()->SendEnterNotifyToCloseButtonIfUnderMouse();
+  GetPanelTitlebar()->SendEnterNotifyToCloseButtonIfUnderMouse();
   panel_->manager()->OnPanelAnimationEnded(panel_.get());
 }
 
 void PanelBrowserWindowGtk::AnimationProgressed(
     const ui::Animation* animation) {
   DCHECK(!frame_size_.IsEmpty());
 
   gfx::Rect new_bounds = bounds_animator_->CurrentValueBetween(
       animation_start_bounds_, bounds_);
 
   gdk_window_move_resize(gtk_widget_get_window(GTK_WIDGET(window())),
                          new_bounds.x(), new_bounds.y(),
                          new_bounds.width(), new_bounds.height());
 
   last_animation_progressed_bounds_ = new_bounds;
 }
 
-GdkRectangle PanelBrowserWindowGtk::GetTitlebarRectForDrawAttention() const {
-  GdkRectangle rect;
-  rect.x = 0;
-  rect.y = 0;
-  // We get the window width and not the titlebar_widget() width because we'd
-  // like for the window borders on either side of the title bar to be the same
-  // color.
-  GtkAllocation window_allocation;
-  gtk_widget_get_allocation(GTK_WIDGET(window()), &window_allocation);
-  rect.width = window_allocation.width;
-
-  GtkAllocation titlebar_allocation;
-  gtk_widget_get_allocation(titlebar_widget(), &titlebar_allocation);
-  rect.height = titlebar_allocation.height;
-
-  return rect;
-}
-
 gboolean PanelBrowserWindowGtk::OnTitlebarButtonReleaseEvent(
     GtkWidget* widget, GdkEventButton* event) {
   if (event->button != 1)
     return TRUE;
 
   panel_->OnTitlebarClicked((event->state & GDK_CONTROL_MASK) ?
                             panel::APPLY_TO_ALL : panel::NO_MODIFIER);
   return TRUE;
 }
 
@@ skipping 89 matching lines @@
 }
 
 void NativePanelTestingGtk::FinishDragTitlebar() {
   if (!panel_browser_window_gtk_->drag_helper_.get())
     return;
 
   panel_browser_window_gtk_->drag_helper_->EndDrag(false);
 }
 
 bool NativePanelTestingGtk::VerifyDrawingAttention() const {
-  std::string title;
-  BrowserWindowGtk::TitleDecoration decoration =
-      panel_browser_window_gtk_->GetWindowTitle(&title);
-  return panel_browser_window_gtk_->IsDrawingAttention() &&
-         decoration == BrowserWindowGtk::PANGO_MARKUP;
+  return panel_browser_window_gtk_->IsDrawingAttention();
 }
 
 bool NativePanelTestingGtk::VerifyActiveState(bool is_active) {
   // TODO(jianli): to be implemented. http://crbug.com/102737
   return false;
 }
 
 void NativePanelTestingGtk::WaitForWindowCreationToComplete() const {
   while (panel_browser_window_gtk_->frame_size_.IsEmpty())
     MessageLoopForUI::current()->RunAllPending();
   while (panel_browser_window_gtk_->IsAnimatingBounds())
     MessageLoopForUI::current()->RunAllPending();
 }
 
 bool NativePanelTestingGtk::IsWindowSizeKnown() const {
   return !panel_browser_window_gtk_->frame_size_.IsEmpty();
 }
 
 bool NativePanelTestingGtk::IsAnimatingBounds() const {
   return panel_browser_window_gtk_->IsAnimatingBounds();
 }
 
 bool NativePanelTestingGtk::IsButtonVisible(
     TitlebarButtonType button_type) const {
-  PanelBrowserTitlebarGtk* titlebar = static_cast<PanelBrowserTitlebarGtk*>(
-      panel_browser_window_gtk_->titlebar());
+  PanelBrowserTitlebarGtk* titlebar =
+      panel_browser_window_gtk_->GetPanelTitlebar();
   CustomDrawButton* button;
   switch (button_type) {
     case CLOSE_BUTTON:
       button = titlebar->close_button();
       break;
     case MINIMIZE_BUTTON:
       button = titlebar->minimize_button();
       break;
     case RESTORE_BUTTON:
       button = titlebar->unminimize_button();
       break;
     default:
       NOTREACHED();
       return false;
   }
   return gtk_widget_get_visible(button->widget());
 }