Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(677)

Side by Side Diff: chrome/browser/android/compositor/layer/contextual_search_layer.cc

Issue 1337703002: [Contextual Search] Add support for crushed sprites and animate the search provider icon (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Changes from last dtrainor@ review Created 5 years, 1 month ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
1 // Copyright 2014 The Chromium Authors. All rights reserved. 1 // Copyright 2014 The Chromium Authors. All rights reserved.
2 // Use of this source code is governed by a BSD-style license that can be 2 // Use of this source code is governed by a BSD-style license that can be
3 // found in the LICENSE file. 3 // found in the LICENSE file.
4 4
5 #include "chrome/browser/android/compositor/layer/contextual_search_layer.h" 5 #include "chrome/browser/android/compositor/layer/contextual_search_layer.h"
6 6
7 #include "cc/layers/layer.h" 7 #include "cc/layers/layer.h"
8 #include "cc/layers/nine_patch_layer.h" 8 #include "cc/layers/nine_patch_layer.h"
9 #include "cc/layers/solid_color_layer.h" 9 #include "cc/layers/solid_color_layer.h"
10 #include "cc/layers/ui_resource_layer.h" 10 #include "cc/layers/ui_resource_layer.h"
11 #include "cc/resources/scoped_ui_resource.h" 11 #include "cc/resources/scoped_ui_resource.h"
12 #include "chrome/browser/android/compositor/layer/crushed_sprite_layer.h"
12 #include "content/public/browser/android/compositor.h" 13 #include "content/public/browser/android/compositor.h"
13 #include "content/public/browser/android/content_view_core.h" 14 #include "content/public/browser/android/content_view_core.h"
14 #include "third_party/skia/include/core/SkColor.h" 15 #include "third_party/skia/include/core/SkColor.h"
16 #include "ui/android/resources/crushed_sprite_resource.h"
15 #include "ui/android/resources/resource_manager.h" 17 #include "ui/android/resources/resource_manager.h"
16 #include "ui/base/l10n/l10n_util_android.h" 18 #include "ui/base/l10n/l10n_util_android.h"
17 #include "ui/gfx/color_utils.h" 19 #include "ui/gfx/color_utils.h"
18 20
19 namespace { 21 namespace {
20 22
21 const SkColor kSearchBackgroundColor = SkColorSetRGB(0xee, 0xee, 0xee); 23 const SkColor kSearchBackgroundColor = SkColorSetRGB(0xee, 0xee, 0xee);
22 const SkColor kSearchBarBackgroundColor = SkColorSetRGB(0xff, 0xff, 0xff); 24 const SkColor kSearchBarBackgroundColor = SkColorSetRGB(0xff, 0xff, 0xff);
23 const SkColor kSearchBarBorderColor = SkColorSetRGB(0xf1, 0xf1, 0xf1); 25 const SkColor kSearchBarBorderColor = SkColorSetRGB(0xf1, 0xf1, 0xf1);
24 const SkColor kPeekPromoRippleBackgroundColor = SkColorSetRGB(0x42, 0x85, 0xF4); 26 const SkColor kPeekPromoRippleBackgroundColor = SkColorSetRGB(0x42, 0x85, 0xF4);
(...skipping 11 matching lines...) Expand all
36 scoped_refptr<ContextualSearchLayer> ContextualSearchLayer::Create( 38 scoped_refptr<ContextualSearchLayer> ContextualSearchLayer::Create(
37 ui::ResourceManager* resource_manager) { 39 ui::ResourceManager* resource_manager) {
38 return make_scoped_refptr(new ContextualSearchLayer(resource_manager)); 40 return make_scoped_refptr(new ContextualSearchLayer(resource_manager));
39 } 41 }
40 42
41 void ContextualSearchLayer::SetProperties( 43 void ContextualSearchLayer::SetProperties(
42 int panel_shadow_resource_id, 44 int panel_shadow_resource_id,
43 int search_context_resource_id, 45 int search_context_resource_id,
44 int search_term_resource_id, 46 int search_term_resource_id,
45 int search_bar_shadow_resource_id, 47 int search_bar_shadow_resource_id,
46 int search_provider_icon_resource_id,
47 int arrow_up_resource_id, 48 int arrow_up_resource_id,
48 int close_icon_resource_id, 49 int close_icon_resource_id,
49 int progress_bar_background_resource_id, 50 int progress_bar_background_resource_id,
50 int progress_bar_resource_id, 51 int progress_bar_resource_id,
51 int search_promo_resource_id, 52 int search_promo_resource_id,
52 int peek_promo_ripple_resource_id, 53 int peek_promo_ripple_resource_id,
53 int peek_promo_text_resource_id, 54 int peek_promo_text_resource_id,
55 int search_provider_icon_sprite_bitmap_resource_id,
56 int search_provider_icon_sprite_metadata_resource_id,
54 content::ContentViewCore* content_view_core, 57 content::ContentViewCore* content_view_core,
55 bool search_promo_visible, 58 bool search_promo_visible,
56 float search_promo_height, 59 float search_promo_height,
57 float search_promo_opacity, 60 float search_promo_opacity,
58 bool search_peek_promo_visible, 61 bool search_peek_promo_visible,
59 float search_peek_promo_height, 62 float search_peek_promo_height,
60 float search_peek_promo_padding, 63 float search_peek_promo_padding,
61 float search_peek_promo_ripple_width, 64 float search_peek_promo_ripple_width,
62 float search_peek_promo_ripple_opacity, 65 float search_peek_promo_ripple_opacity,
63 float search_peek_promo_text_opacity, 66 float search_peek_promo_text_opacity,
64 float search_panel_x, 67 float search_panel_x,
65 float search_panel_y, 68 float search_panel_y,
66 float search_panel_width, 69 float search_panel_width,
67 float search_panel_height, 70 float search_panel_height,
68 float search_bar_margin_side, 71 float search_bar_margin_side,
69 float search_bar_height, 72 float search_bar_height,
70 float search_context_opacity, 73 float search_context_opacity,
71 float search_term_opacity, 74 float search_term_opacity,
72 bool search_bar_border_visible, 75 bool search_bar_border_visible,
73 float search_bar_border_height, 76 float search_bar_border_height,
74 bool search_bar_shadow_visible, 77 bool search_bar_shadow_visible,
75 float search_bar_shadow_opacity, 78 float search_bar_shadow_opacity,
79 bool search_provider_icon_sprite_visible,
80 int search_provider_icon_sprite_frame,
81 float search_provider_icon_sprite_size,
76 float arrow_icon_opacity, 82 float arrow_icon_opacity,
77 float arrow_icon_rotation, 83 float arrow_icon_rotation,
78 float close_icon_opacity, 84 float close_icon_opacity,
79 bool progress_bar_visible, 85 bool progress_bar_visible,
80 float progress_bar_height, 86 float progress_bar_height,
81 float progress_bar_opacity, 87 float progress_bar_opacity,
82 int progress_bar_completion) { 88 int progress_bar_completion) {
83 // Grabs the dynamic Search Bar Text resource. 89 // Grabs the dynamic Search Bar Text resource.
84 ui::ResourceManager::Resource* search_context_resource = 90 ui::ResourceManager::Resource* search_context_resource =
85 resource_manager_->GetResource(ui::ANDROID_RESOURCE_TYPE_DYNAMIC, 91 resource_manager_->GetResource(ui::ANDROID_RESOURCE_TYPE_DYNAMIC,
86 search_context_resource_id); 92 search_context_resource_id);
87 ui::ResourceManager::Resource* search_term_resource = 93 ui::ResourceManager::Resource* search_term_resource =
88 resource_manager_->GetResource(ui::ANDROID_RESOURCE_TYPE_DYNAMIC, 94 resource_manager_->GetResource(ui::ANDROID_RESOURCE_TYPE_DYNAMIC,
89 search_term_resource_id); 95 search_term_resource_id);
90 96
91 // Grabs required static resources. 97 // Grabs required static resources.
92 ui::ResourceManager::Resource* panel_shadow_resource = 98 ui::ResourceManager::Resource* panel_shadow_resource =
93 resource_manager_->GetResource(ui::ANDROID_RESOURCE_TYPE_STATIC, 99 resource_manager_->GetResource(ui::ANDROID_RESOURCE_TYPE_STATIC,
94 panel_shadow_resource_id); 100 panel_shadow_resource_id);
95 ui::ResourceManager::Resource* search_provider_icon_resource =
96 resource_manager_->GetResource(ui::ANDROID_RESOURCE_TYPE_STATIC,
97 search_provider_icon_resource_id);
98 101
99 DCHECK(panel_shadow_resource); 102 DCHECK(panel_shadow_resource);
100 DCHECK(search_provider_icon_resource);
101 103
102 // Round values to avoid pixel gap between layers. 104 // Round values to avoid pixel gap between layers.
103 search_bar_height = floor(search_bar_height); 105 search_bar_height = floor(search_bar_height);
104 106
105 float search_bar_top = search_peek_promo_height; 107 float search_bar_top = search_peek_promo_height;
106 float search_bar_bottom = search_bar_top + search_bar_height; 108 float search_bar_bottom = search_bar_top + search_bar_height;
107 109
108 bool is_rtl = l10n_util::IsLayoutRtl(); 110 bool is_rtl = l10n_util::IsLayoutRtl();
109 111
pedro (no code reviews) 2015/10/27 20:32:00 add a new boolean here should_use_static_icon (or
Theresa 2015/10/28 02:01:53 Done. I'm using a static resource id of 0 to indic
110 // --------------------------------------------------------------------------- 112 // ---------------------------------------------------------------------------
111 // Panel Shadow 113 // Panel Shadow
112 // --------------------------------------------------------------------------- 114 // ---------------------------------------------------------------------------
113 gfx::Size shadow_res_size = panel_shadow_resource->size; 115 gfx::Size shadow_res_size = panel_shadow_resource->size;
114 gfx::Rect shadow_res_padding = panel_shadow_resource->padding; 116 gfx::Rect shadow_res_padding = panel_shadow_resource->padding;
115 gfx::Size shadow_bounds( 117 gfx::Size shadow_bounds(
116 search_panel_width + shadow_res_size.width() 118 search_panel_width + shadow_res_size.width()
117 - shadow_res_padding.size().width(), 119 - shadow_res_padding.size().width(),
118 search_panel_height + shadow_res_size.height() 120 search_panel_height + shadow_res_size.height()
119 - shadow_res_padding.size().height()); 121 - shadow_res_padding.size().height());
(...skipping 32 matching lines...) Expand 10 before | Expand all | Expand 10 after
152 154
153 // Apply a blend based on the ripple opacity. The resulting color will 155 // Apply a blend based on the ripple opacity. The resulting color will
154 // be an interpolation between the background color of the Search Bar and 156 // be an interpolation between the background color of the Search Bar and
155 // a lighter shade of the background color of the Ripple. The range of 157 // a lighter shade of the background color of the Ripple. The range of
156 // the alpha value used in the blend will be: 158 // the alpha value used in the blend will be:
157 // [0.f, kPeekPromoBackgroundMaximumAlphaBlend] 159 // [0.f, kPeekPromoBackgroundMaximumAlphaBlend]
158 peek_promo_container_->SetBackgroundColor( 160 peek_promo_container_->SetBackgroundColor(
159 color_utils::AlphaBlend(kPeekPromoRippleBackgroundColor, 161 color_utils::AlphaBlend(kPeekPromoRippleBackgroundColor,
160 kSearchBarBackgroundColor, 162 kSearchBarBackgroundColor,
161 kPeekPromoBackgroundMaximumAlphaBlend * 163 kPeekPromoBackgroundMaximumAlphaBlend *
162 search_peek_promo_ripple_opacity 164 search_peek_promo_ripple_opacity));
163 ));
164 165
165 // ----------------------------------------------------------------- 166 // -----------------------------------------------------------------
166 // Peek Promo Ripple 167 // Peek Promo Ripple
167 // ----------------------------------------------------------------- 168 // -----------------------------------------------------------------
168 gfx::Size peek_promo_ripple_size( 169 gfx::Size peek_promo_ripple_size(
169 search_peek_promo_ripple_width, search_peek_promo_height); 170 search_peek_promo_ripple_width, search_peek_promo_height);
170 gfx::Rect peek_promo_ripple_border( 171 gfx::Rect peek_promo_ripple_border(
171 peek_promo_ripple_resource->Border(peek_promo_ripple_size)); 172 peek_promo_ripple_resource->Border(peek_promo_ripple_size));
172 173
173 // Add padding so the ripple will occupy the whole width at 100%. 174 // Add padding so the ripple will occupy the whole width at 100%.
(...skipping 76 matching lines...) Expand 10 before | Expand all | Expand 10 after
250 search_term_resource->size.height() / 2; 251 search_term_resource->size.height() / 2;
251 search_term_->SetUIResourceId(search_term_resource->ui_resource->id()); 252 search_term_->SetUIResourceId(search_term_resource->ui_resource->id());
252 search_term_->SetBounds(search_term_resource->size); 253 search_term_->SetBounds(search_term_resource->size);
253 search_term_->SetPosition(gfx::PointF(0.f, search_bar_padding_top)); 254 search_term_->SetPosition(gfx::PointF(0.f, search_bar_padding_top));
254 search_term_->SetOpacity(search_term_opacity); 255 search_term_->SetOpacity(search_term_opacity);
255 } 256 }
256 257
257 // --------------------------------------------------------------------------- 258 // ---------------------------------------------------------------------------
258 // Search Provider Icon 259 // Search Provider Icon
259 // --------------------------------------------------------------------------- 260 // ---------------------------------------------------------------------------
260 // Positions the Search Provider Icon at the start of the Search Bar. 261 if (search_provider_icon_sprite_visible) {
261 float search_provider_icon_left; 262 scoped_refptr<ui::CrushedSpriteResource> crushed_sprite_resource =
262 if (is_rtl) { 263 resource_manager_->GetCrushedSpriteResource(
263 search_provider_icon_left = search_panel_width - 264 search_provider_icon_sprite_bitmap_resource_id,
264 search_provider_icon_resource->size.width() - search_bar_margin_side; 265 search_provider_icon_sprite_metadata_resource_id);
266
267 if (search_provider_icon_sprite_->layer()->parent() != layer_) {
268 layer_->AddChild(search_provider_icon_sprite_->layer());
269 }
270
271 search_provider_icon_sprite_->DrawSpriteFrame(
272 crushed_sprite_resource,
273 search_provider_icon_sprite_frame);
274
275 // Positions the Search Provider Icon at the start of the Search Bar.
276 float icon_x;
277 if (is_rtl) {
278 icon_x = search_panel_width - search_provider_icon_sprite_size -
279 search_bar_margin_side;
280 } else {
281 icon_x = search_bar_margin_side;
282 }
283
284 // Centers the Search Provider Icon vertically in the Search Bar.
285 float icon_y = search_bar_top + search_bar_height / 2
286 - search_provider_icon_sprite_size / 2;
287 search_provider_icon_sprite_->layer()->SetPosition(
288 gfx::PointF(icon_x, icon_y));
289
290 // Scales the layer to the correct size.
291 search_provider_icon_sprite_->layer()->SetBounds(
292 gfx::Size(search_provider_icon_sprite_size,
293 search_provider_icon_sprite_size));
294
265 } else { 295 } else {
266 search_provider_icon_left = search_bar_margin_side; 296 if (search_provider_icon_sprite_->layer().get() &&
297 search_provider_icon_sprite_->layer()->parent()) {
298 search_provider_icon_sprite_->layer()->RemoveFromParent();
299 }
267 } 300 }
268 301
269 // Centers the Search Provider Icon vertically in the Search Bar.
pedro (no code reviews) 2015/10/27 20:32:00 As we discussed offline, please keep this code aro
Theresa 2015/10/28 02:01:53 Done.
270 float search_provider_icon_top = search_bar_top +
271 search_bar_height / 2 -
272 search_provider_icon_resource->size.height() / 2;
273
274 search_provider_icon_->SetUIResourceId(
275 search_provider_icon_resource->ui_resource->id());
276 search_provider_icon_->SetBounds(search_provider_icon_resource->size);
277 search_provider_icon_->SetPosition(
278 gfx::PointF(search_provider_icon_left, search_provider_icon_top));
279
280 // --------------------------------------------------------------------------- 302 // ---------------------------------------------------------------------------
281 // Arrow Icon 303 // Arrow Icon
282 // --------------------------------------------------------------------------- 304 // ---------------------------------------------------------------------------
283 // Grabs the Search Arrow Icon resource. 305 // Grabs the Search Arrow Icon resource.
284 ui::ResourceManager::Resource* arrow_icon_resource = 306 ui::ResourceManager::Resource* arrow_icon_resource =
285 resource_manager_->GetResource(ui::ANDROID_RESOURCE_TYPE_STATIC, 307 resource_manager_->GetResource(ui::ANDROID_RESOURCE_TYPE_STATIC,
286 arrow_up_resource_id); 308 arrow_up_resource_id);
287 309
288 // Positions the icon at the end of the Search Bar. 310 // Positions the icon at the end of the Search Bar.
289 float arrow_icon_left; 311 float arrow_icon_left;
(...skipping 221 matching lines...) Expand 10 before | Expand all | Expand 10 after
511 panel_shadow_( 533 panel_shadow_(
512 cc::NinePatchLayer::Create(content::Compositor::LayerSettings())), 534 cc::NinePatchLayer::Create(content::Compositor::LayerSettings())),
513 search_bar_background_( 535 search_bar_background_(
514 cc::SolidColorLayer::Create(content::Compositor::LayerSettings())), 536 cc::SolidColorLayer::Create(content::Compositor::LayerSettings())),
515 search_context_( 537 search_context_(
516 cc::UIResourceLayer::Create(content::Compositor::LayerSettings())), 538 cc::UIResourceLayer::Create(content::Compositor::LayerSettings())),
517 search_term_( 539 search_term_(
518 cc::UIResourceLayer::Create(content::Compositor::LayerSettings())), 540 cc::UIResourceLayer::Create(content::Compositor::LayerSettings())),
519 search_bar_shadow_( 541 search_bar_shadow_(
520 cc::UIResourceLayer::Create(content::Compositor::LayerSettings())), 542 cc::UIResourceLayer::Create(content::Compositor::LayerSettings())),
521 search_provider_icon_( 543 search_provider_icon_sprite_(
522 cc::UIResourceLayer::Create(content::Compositor::LayerSettings())), 544 CrushedSpriteLayer::Create(resource_manager)),
523 arrow_icon_( 545 arrow_icon_(
524 cc::UIResourceLayer::Create(content::Compositor::LayerSettings())), 546 cc::UIResourceLayer::Create(content::Compositor::LayerSettings())),
525 close_icon_( 547 close_icon_(
526 cc::UIResourceLayer::Create(content::Compositor::LayerSettings())), 548 cc::UIResourceLayer::Create(content::Compositor::LayerSettings())),
527 content_view_container_( 549 content_view_container_(
528 cc::Layer::Create(content::Compositor::LayerSettings())), 550 cc::Layer::Create(content::Compositor::LayerSettings())),
529 search_bar_border_( 551 search_bar_border_(
530 cc::SolidColorLayer::Create(content::Compositor::LayerSettings())), 552 cc::SolidColorLayer::Create(content::Compositor::LayerSettings())),
531 progress_bar_( 553 progress_bar_(
532 cc::NinePatchLayer::Create(content::Compositor::LayerSettings())), 554 cc::NinePatchLayer::Create(content::Compositor::LayerSettings())),
(...skipping 30 matching lines...) Expand all
563 search_bar_background_->SetIsDrawable(true); 585 search_bar_background_->SetIsDrawable(true);
564 search_bar_background_->SetBackgroundColor(kSearchBarBackgroundColor); 586 search_bar_background_->SetBackgroundColor(kSearchBarBackgroundColor);
565 layer_->AddChild(search_bar_background_); 587 layer_->AddChild(search_bar_background_);
566 588
567 // Search Bar Text 589 // Search Bar Text
568 search_context_->SetIsDrawable(true); 590 search_context_->SetIsDrawable(true);
569 layer_->AddChild(search_context_); 591 layer_->AddChild(search_context_);
570 search_term_->SetIsDrawable(true); 592 search_term_->SetIsDrawable(true);
571 layer_->AddChild(search_term_); 593 layer_->AddChild(search_term_);
572 594
573 // Search Provider Icon
574 search_provider_icon_->SetIsDrawable(true);
575 layer_->AddChild(search_provider_icon_);
576
577 // Arrow Icon 595 // Arrow Icon
578 arrow_icon_->SetIsDrawable(true); 596 arrow_icon_->SetIsDrawable(true);
579 layer_->AddChild(arrow_icon_); 597 layer_->AddChild(arrow_icon_);
580 598
581 // Close Icon 599 // Close Icon
582 close_icon_->SetIsDrawable(true); 600 close_icon_->SetIsDrawable(true);
583 layer_->AddChild(close_icon_); 601 layer_->AddChild(close_icon_);
584 602
585 // Search Opt Out Promo 603 // Search Opt Out Promo
586 search_promo_container_->SetIsDrawable(true); 604 search_promo_container_->SetIsDrawable(true);
(...skipping 21 matching lines...) Expand all
608 626
609 ContextualSearchLayer::~ContextualSearchLayer() { 627 ContextualSearchLayer::~ContextualSearchLayer() {
610 } 628 }
611 629
612 scoped_refptr<cc::Layer> ContextualSearchLayer::layer() { 630 scoped_refptr<cc::Layer> ContextualSearchLayer::layer() {
613 return layer_; 631 return layer_;
614 } 632 }
615 633
616 } // namespace android 634 } // namespace android
617 } // namespace chrome 635 } // namespace chrome
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698