app_list: Add search box and search result view for v2.

ui/app_list/app_list_bubble_border.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/app_list/app_list_bubble_border.h"
 
 #include "third_party/skia/include/core/SkPath.h"
 #include "third_party/skia/include/core/SkPaint.h"
 #include "third_party/skia/include/effects/SkBlurDrawLooper.h"
 #include "third_party/skia/include/effects/SkGradientShader.h"
 #include "ui/gfx/canvas.h"
 
 namespace {
 
 // Bubble border corner radius.
 const int kCornerRadius = 3;
 
 // Arrow width and height.
 const int kArrowHeight = 10;
 const int kArrowWidth = 20;
 
 // Bubble border color and width.
 const SkColor kBorderColor = SkColorSetARGB(0xFF, 0, 0, 0);
 const int kBorderSize = 1;
 
 // Bubble shadow color and radius.
 const SkColor kShadowColor = SkColorSetARGB(0xFF, 0, 0, 0);
 const int kShadowRadius = 4;
 
+const SkColor kSearchBoxBackground = SK_ColorWHITE;
+
 // Colors and sizes of top separator between searchbox and grid view.
 const SkColor kTopSeparatorColor = SkColorSetRGB(0xDB, 0xDB, 0xDB);
 const int kTopSeparatorSize = 1;
 const SkColor kTopSeparatorGradientColor1 = SkColorSetRGB(0xEF, 0xEF, 0xEF);
 const SkColor kTopSeparatorGradientColor2 = SkColorSetRGB(0xF9, 0xF9, 0xF9);
 const int kTopSeparatorGradientSize = 9;
 
-// Colors and sizes of bottom separator bwtween grid view and page switcher.
-const SkColor kFooterBorderGradientColor1 = SkColorSetRGB(0x9F, 0x9F, 0x9F);
-const SkColor kFooterBorderGradientColor2 = SkColorSetRGB(0xD9, 0xD9, 0xD9);
-const int kFooterBorderSize = 3;
-const SkColor kFooterBackground = SkColorSetRGB(0xD9, 0xD9, 0xD9);
-
 // TODO(xiyuan): Merge this with the one in skia_util.
 SkShader* CreateVerticalGradientShader(int start_point,
                                        int end_point,
                                        SkColor start_color,
                                        SkColor end_color,
                                        SkShader::TileMode mode) {
   SkColor grad_colors[2] = { start_color, end_color};
   SkPoint grad_points[2];
   grad_points[0].iset(0, start_point);
   grad_points[1].iset(0, end_point);
@@ skipping 33 matching lines @@
   path->lineTo(center_x + arrow_offset + half_array_width, bottom);
   path->arcTo(right, bottom, right, center_y, SkIntToScalar(kCornerRadius));
   path->arcTo(right, top, center_x, top, SkIntToScalar(kCornerRadius));
   path->close();
 }
 
 }  // namespace
 
 namespace app_list {
 
-AppListBubbleBorder::AppListBubbleBorder(views::View* app_list_view)
+AppListBubbleBorder::AppListBubbleBorder(views::View* app_list_view,
+                                         views::View* search_box_view,
+                                         views::View* grid_view,
+                                         views::View* results_view)
     : views::BubbleBorder(views::BubbleBorder::BOTTOM_RIGHT,
                           views::BubbleBorder::NO_SHADOW),
       app_list_view_(app_list_view),
+      search_box_view_(search_box_view),
+      grid_view_(grid_view),
+      results_view_(results_view),
       arrow_offset_(0) {
 }
 
 AppListBubbleBorder::~AppListBubbleBorder() {
 }
 
-void AppListBubbleBorder::PaintModelViewBackground(
+void AppListBubbleBorder::PaintSearchBoxBackground(
     gfx::Canvas* canvas,
     const gfx::Rect& bounds) const {
-  const views::View* page_switcher = app_list_view_->child_at(1);
-  const gfx::Rect page_switcher_bounds =
-      app_list_view_->ConvertRectToWidget(page_switcher->bounds());
+  const gfx::Rect search_box_view_bounds =
+      app_list_view_->ConvertRectToWidget(search_box_view_->bounds());
   gfx::Rect rect(bounds.x(),
                  bounds.y(),
                  bounds.width(),
-                 page_switcher_bounds.y() - bounds.y());
+                 search_box_view_bounds.bottom() - bounds.y());
 
-  // TODO(xiyuan): Draw 1px separator line after SearchBoxView is added.
+  SkPaint paint;
+  paint.setStyle(SkPaint::kFill_Style);
+  paint.setColor(kSearchBoxBackground);
+  canvas->DrawRect(rect, paint);
+
+  gfx::Rect seperator_rect(rect);
+  seperator_rect.set_y(seperator_rect.bottom());
+  seperator_rect.set_height(kTopSeparatorSize);
+  canvas->FillRect(seperator_rect, kTopSeparatorColor);
+}
+
+void AppListBubbleBorder::PaintSearchResultListBackground(
+    gfx::Canvas* canvas,
+    const gfx::Rect& bounds) const {
+  if (!results_view_->visible())
+    return;
+
+  const gfx::Rect search_box_view_bounds =
+      app_list_view_->ConvertRectToWidget(search_box_view_->bounds());
+  int start_y = search_box_view_bounds.bottom() + kTopSeparatorSize;
+  gfx::Rect rect(bounds.x(),
+                 start_y,
+                 bounds.width(),
+                 bounds.bottom() - start_y + kArrowHeight);
+
+  SkPaint paint;
+  paint.setStyle(SkPaint::kFill_Style);
+  paint.setColor(kSearchBoxBackground);
+  canvas->DrawRect(rect, paint);
+}
+
+void AppListBubbleBorder::PaintAppsGridBackground(
+    gfx::Canvas* canvas,
+    const gfx::Rect& bounds) const {
+  if (!grid_view_->visible())
+    return;
+
+  const gfx::Rect search_box_view_bounds =
+      app_list_view_->ConvertRectToWidget(search_box_view_->bounds());
+  int start_y = search_box_view_bounds.bottom() + kTopSeparatorSize;
+  gfx::Rect rect(bounds.x(),
+                 start_y,
+                 bounds.width(),
+                 bounds.bottom() - start_y + kArrowHeight);
 
   SkPaint paint;
   paint.setStyle(SkPaint::kFill_Style);
   SkSafeUnref(paint.setShader(CreateVerticalGradientShader(
       rect.y(),
       rect.y() + kTopSeparatorGradientSize,
       kTopSeparatorGradientColor1,
       kTopSeparatorGradientColor2,
       SkShader::kClamp_TileMode)));
   canvas->DrawRect(rect, paint);
 }
 
-void AppListBubbleBorder::PaintPageSwitcherBackground(
-    gfx::Canvas* canvas,
-    const gfx::Rect& bounds) const {
-  const views::View* page_switcher = app_list_view_->child_at(1);
-  const gfx::Rect page_switcher_bounds =
-      app_list_view_->ConvertRectToWidget(page_switcher->bounds());
-
-  gfx::Rect rect(bounds.x(),
-                 page_switcher_bounds.y(),
-                 bounds.width(),
-                 kFooterBorderSize);
-  SkPaint paint;
-  paint.setStyle(SkPaint::kFill_Style);
-  SkSafeUnref(paint.setShader(CreateVerticalGradientShader(
-      rect.y(),
-      rect.bottom(),
-      kFooterBorderGradientColor1,
-      kFooterBorderGradientColor2,
-      SkShader::kClamp_TileMode)));
-  canvas->DrawRect(rect, paint);
-
-  rect.set_y(rect.bottom());
-  rect.set_height(bounds.bottom() - rect.y() + kArrowHeight - kBorderSize);
-  canvas->FillRect(rect, kFooterBackground);
-}
-
 void AppListBubbleBorder::GetInsets(gfx::Insets* insets) const {
   insets->Set(kShadowRadius + kBorderSize,
               kShadowRadius + kBorderSize,
               kShadowRadius + kBorderSize + kArrowHeight,
               kShadowRadius + kBorderSize);
 }
 
 gfx::Rect AppListBubbleBorder::GetBounds(
     const gfx::Rect& position_relative_to,
     const gfx::Size& contents_size) const {
@@ skipping 39 matching lines @@
   canvas->DrawPath(path, paint);
 
   // Pads with kBoprderSize pixels to leave space for border lines.
   BuildShape(bounds,
              SkIntToScalar(kBorderSize),
              SkIntToScalar(arrow_offset_),
              &path);
   canvas->Save();
   canvas->ClipPath(path);
 
-  PaintModelViewBackground(canvas, bounds);
-  PaintPageSwitcherBackground(canvas, bounds);
+  PaintSearchBoxBackground(canvas, bounds);
+  PaintAppsGridBackground(canvas, bounds);
+  PaintSearchResultListBackground(canvas, bounds);
 
   canvas->Restore();
 }
 
 }  // namespace app_list