Basic Drawn text for new GTK Autofill popup.

chrome/browser/ui/gtk/autofill/autofill_popup_view_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 "autofill_popup_view_gtk.h"
 
 #include "base/logging.h"
+#include "base/utf_string_conversions.h"
+#include "ui/gfx/rect.h"
+#include "ui/gfx/native_widget_types.h"
+#include "ui/base/gtk/gtk_hig_constants.h"
 #include "ui/base/gtk/gtk_windowing.h"
+#include "ui/gfx/font.h"
+
+namespace {
+const GdkColor kBorderColor = GDK_COLOR_RGB(0xc7, 0xca, 0xce);
+const GdkColor kTextColor = GDK_COLOR_RGB(0x00, 0x00, 0x00);
+
+// The amount of minimum padding between the autofill value and label in pixels.
+const int kMiddlePadding = 10;
+
+// We have a 1 pixel border around the entire results popup.
+const int kBorderThickness = 1;
+
+// Returns the |window| rectangle as a gfx::Rect.
+gfx::Rect GetWindowRect(GdkWindow* window) {
+  gint width, height;
+  gdk_drawable_get_size(GDK_DRAWABLE(window), &width, &height);

[Elliot Glaysher, 2012/01/12 20:34:11]

include gtk_compat.h and use gdk_window_get_width/height(). GDK_DRAWABLE is
going away.

(Also, these method looks copypastad from the omnibox version. While
GetRectForItemByIndex is specialized enough, GetWindowRect and SetTextToDraw
probably either have common implementations in gtk_util.h, or should be moved
there. You may want to rename SetTextToDraw to be more descriptive.)

[csharp, 2012/01/13 18:09:03]

Done. I moved SetTextToDraw to gtk_util and renamed it. I tried to move
GetWindowRect there too, but got an error. In this file GtkWindow* is actually
GdkDrawable, and in gtk_util it is _GtkWindow. I figure leaving the code here is
better then adding an explicit reference to GdkDrawable in gtk_util

+  return gfx::Rect(width, height);
+}
+
+// Returns the rectangle containing the item at position |index| in the popup.
+gfx::Rect GetRectForItemByIndex(size_t index, int width, int height) {

[Ilya Sherman, 2012/01/13 02:45:37]

nit: Another possible (shorter!) name: GetRectForRow().  (Up to you if you
prefer this or the existing name.)

[csharp, 2012/01/13 18:09:03]

Done.

+  return gfx::Rect(0, (index * height), width, height);
+}
+
+// Sets the text to be displayed by |layout|.
+void SetTextToDraw(PangoLayout* layout, const string16& text) {
+  // Pango is really easy to overflow and send into a computational death
+  // spiral that can corrupt the screen. Assume that we'll never have more than
+  // 2000 characters, which should be a safe assumption until we all get robot
+  // eyes. http://crbug.com/66576
+  std::string text_utf8 = UTF16ToUTF8(text);
+  if (text_utf8.length() > 2000)
+    text_utf8 = text_utf8.substr(0, 2000);
+
+  pango_layout_set_text(layout, text_utf8.data(), text_utf8.length());
+}
+
+}  // namespace
 
 AutofillPopupViewGtk::AutofillPopupViewGtk(content::WebContents* web_contents,
                                            GtkWidget* parent)
     : AutofillPopupView(web_contents),
       parent_(parent),
       window_(gtk_window_new(GTK_WINDOW_POPUP)) {
   CHECK(parent != NULL);
   gtk_window_set_resizable(GTK_WINDOW(window_), FALSE);
   gtk_widget_set_app_paintable(window_, TRUE);
   gtk_widget_set_double_buffered(window_, TRUE);
 
   // Setup the window to ensure it recieves the expose event.
   gtk_widget_add_events(window_, GDK_EXPOSURE_MASK);
   g_signal_connect(window_, "expose-event",
                    G_CALLBACK(HandleExposeThunk), this);
+
+  // Cache the layout so we don't have to create it for every expose.
+  layout_ = gtk_widget_create_pango_layout(window_, NULL);
+
+  row_height_ = font_.GetHeight();
 }
 
 AutofillPopupViewGtk::~AutofillPopupViewGtk() {
+  g_object_unref(layout_);
   gtk_widget_destroy(window_);
 }
 
 void AutofillPopupViewGtk::Hide() {
   gtk_widget_hide(window_);
 }
 
-// TODO(csharp): Actually show the values.
-void AutofillPopupViewGtk::Show(const std::vector<string16>& autofill_values,
-                                const std::vector<string16>& autofill_labels,
-                                const std::vector<string16>& autofill_icons,
-                                const std::vector<int>& autofill_unique_ids,
-                                int separator_index) {
+void AutofillPopupViewGtk::ShowInternal() {
   gint origin_x, origin_y;
   gdk_window_get_origin(gtk_widget_get_window(parent_), &origin_x, &origin_y);
 
+  // Move the popup to appear right below the text field it is using.
   gtk_window_move(GTK_WINDOW(window_),
                   origin_x + element_bounds().x(),
                   origin_y + element_bounds().y() + element_bounds().height());
 
+  // Find out the maximum bounds required by the popup.
+  // TODO(csharp): Once the icon is also displayed it will affect the required
+  // size so it will need to be include in the calculation.
+  int popup_width = element_bounds().width();
+  DCHECK_EQ(autofill_values().size(), autofill_labels().size());
+  for (size_t i = 0; i < autofill_values().size(); ++i) {
+    popup_width = std::max(popup_width,
+                           font_.GetStringWidth(autofill_values()[i]) +
+                           kMiddlePadding +
+                           font_.GetStringWidth(autofill_labels()[i]));
+  }
+
   gtk_widget_set_size_request(
       window_,
-      element_bounds().width(),
-      element_bounds().height() * autofill_values.size());
+      popup_width,
+      row_height_ * autofill_values().size());
 
   gtk_widget_show(window_);
 
   GtkWidget* toplevel = gtk_widget_get_toplevel(parent_);
   CHECK(gtk_widget_is_toplevel(toplevel));
   ui::StackPopupWindow(window_, toplevel);
 }
 
 gboolean AutofillPopupViewGtk::HandleExpose(GtkWidget* widget,
                                             GdkEventExpose* event) {
+  gfx::Rect window_rect = GetWindowRect(event->window);
+  gfx::Rect damage_rect = gfx::Rect(event->area);
+
+  cairo_t* cr = gdk_cairo_create(GDK_DRAWABLE(gtk_widget_get_window(widget)));

[Elliot Glaysher, 2012/01/12 20:34:11]

When I said above to cut GDK_DRAWABLE, please don't cut this cast. The drawable
type still exists today. (FYI: GTK 3 will rework things so expose methods
receive a cairo_t clipped to the expose area instead of a GdkEventExpose* that
we have to manually take care of.)

+  gdk_cairo_rectangle(cr, &event->area);
+  cairo_clip(cr);
+
+  // This assert is kinda ugly, but it would be more currently unneeded work
+  // to support painting a border that isn't 1 pixel thick.  There is no point
+  // in writing that code now, and explode if that day ever comes.
+  COMPILE_ASSERT(kBorderThickness == 1, border_1px_implied);
+  // Draw the 1px border around the entire window.
+  gdk_cairo_set_source_color(cr, &kBorderColor);
+  cairo_rectangle(cr, 0, 0, window_rect.width(), window_rect.height());
+  cairo_stroke(cr);
+
+  SetupLayout(window_rect, kTextColor);
+
+  int actual_content_width, actual_content_height;
+  pango_layout_get_size(layout_, &actual_content_width, &actual_content_height);
+  actual_content_width /= PANGO_SCALE;
+  actual_content_height /= PANGO_SCALE;
+
+  for (size_t i = 0; i < autofill_values().size(); ++i) {
+    gfx::Rect line_rect =
+        GetRectForItemByIndex(i, window_rect.width(), row_height_);
+    // Only repaint and layout damaged lines.
+    if (!line_rect.Intersects(damage_rect))
+      continue;
+
+    if (separator_index() == static_cast<int>(i)) {
+      int line_y = i * row_height_;
+
+      cairo_save(cr);
+      cairo_move_to(cr, 0, line_y);
+      cairo_line_to(cr, window_rect.width(), line_y);
+      cairo_stroke(cr);
+      cairo_restore(cr);
+    }
+
+    // Center the text within the line.
+    int content_y = std::max(
+        line_rect.y(),
+        line_rect.y() + ((row_height_ - actual_content_height) / 2));
+
+    // Draw the autofill value.
+    SetTextToDraw(layout_, autofill_values()[i]);
+
+    cairo_save(cr);
+    cairo_move_to(cr, 0, content_y);
+    pango_cairo_show_layout(cr, layout_);
+    cairo_restore(cr);
+
+    // Draw the autofill label.
+    int x_align_left = window_rect.width() -
+        font_.GetStringWidth(autofill_labels()[i]);
+    SetTextToDraw(layout_, autofill_labels()[i]);
+
+    cairo_save(cr);
+    cairo_move_to(cr, x_align_left, line_rect.y());
+    pango_cairo_show_layout(cr, layout_);
+    cairo_restore(cr);
+  }
+
+  cairo_destroy(cr);
+
   return TRUE;
 }
+
+void AutofillPopupViewGtk::SetupLayout(const gfx::Rect& window_rect,
+                                       const GdkColor& text_color) {
+  int allocated_content_width = window_rect.width();
+  pango_layout_set_width(layout_, allocated_content_width * PANGO_SCALE);
+  pango_layout_set_height(layout_, row_height_ * PANGO_SCALE);
+
+  PangoAttrList* attrs = pango_attr_list_new();
+
+  PangoAttribute* fg_attr = pango_attr_foreground_new(text_color.red,
+                                                      text_color.green,
+                                                      text_color.blue);
+  pango_attr_list_insert(attrs, fg_attr);  // Ownership taken.
+
+
+  pango_layout_set_attributes(layout_, attrs);  // Ref taken.
+  pango_attr_list_unref(attrs);
+}