Chromium Code Reviews| Index: chrome/browser/ui/extensions/icon_with_badge_image_source.cc |
| diff --git a/chrome/browser/ui/extensions/icon_with_badge_image_source.cc b/chrome/browser/ui/extensions/icon_with_badge_image_source.cc |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..1ad59e32cf067ee7116751ceebeaa60e773718ee |
| --- /dev/null |
| +++ b/chrome/browser/ui/extensions/icon_with_badge_image_source.cc |
| @@ -0,0 +1,259 @@ |
| +// Copyright (c) 2012 The Chromium Authors. All rights reserved. |
|
Devlin
2015/11/24 17:26:15
Can you reduce the similarity count so that Rietve
Evan Stade
2015/11/24 18:24:14
Done, but it decided it was a move of badge_util.c
|
| +// Use of this source code is governed by a BSD-style license that can be |
| +// found in the LICENSE file. |
| + |
| +#include "chrome/browser/ui/extensions/icon_with_badge_image_source.h" |
| + |
| +#include <algorithm> |
| +#include <cmath> |
| + |
| +#include "base/logging.h" |
| +#include "base/strings/utf_string_conversions.h" |
| +#include "third_party/skia/include/core/SkPaint.h" |
| +#include "third_party/skia/include/core/SkTypeface.h" |
| +#include "ui/base/resource/material_design/material_design_controller.h" |
| +#include "ui/base/resource/resource_bundle.h" |
| +#include "ui/gfx/canvas.h" |
| +#include "ui/gfx/color_palette.h" |
| +#include "ui/gfx/font.h" |
| +#include "ui/gfx/geometry/rect.h" |
| +#include "ui/gfx/geometry/size.h" |
| +#include "ui/gfx/image/image_skia_operations.h" |
| +#include "ui/resources/grit/ui_resources.h" |
| + |
| +namespace { |
| + |
| +// Different platforms need slightly different constants to look good. |
| +// TODO(devlin): Comb through these and see if they are all still needed/ |
| +// appropriate. |
| +#if defined(OS_WIN) |
| +const float kTextSize = 10; |
| +// The padding between the top of the badge and the top of the text. |
| +const int kTopTextPadding = -1; |
| +#elif defined(OS_MACOSX) |
| +const float kTextSize = 9.0; |
| +const int kTopTextPadding = 0; |
| +#elif defined(OS_CHROMEOS) |
| +const float kTextSize = 8.0; |
| +const int kTopTextPadding = 1; |
| +#elif defined(OS_POSIX) |
| +const float kTextSize = 9.0; |
| +const int kTopTextPadding = 0; |
| +#endif |
| + |
| +const int kPadding = 2; |
| +const int kBadgeHeight = 11; |
| +const int kMaxTextWidth = 23; |
| + |
| +// The minimum width for center-aligning the badge. |
| +const int kCenterAlignThreshold = 20; |
| + |
| +// Helper routine that returns a singleton SkPaint object configured for |
| +// rendering badge overlay text (correct font, typeface, etc). |
| +SkPaint* GetBadgeTextPaintSingleton() { |
| +#if defined(OS_MACOSX) |
| + const char kPreferredTypeface[] = "Helvetica Bold"; |
| +#else |
| + const char kPreferredTypeface[] = "Arial"; |
| +#endif |
| + |
| + static SkPaint* text_paint = NULL; |
| + if (!text_paint) { |
| + text_paint = new SkPaint; |
| + text_paint->setAntiAlias(true); |
| + text_paint->setTextAlign(SkPaint::kLeft_Align); |
| + |
| + skia::RefPtr<SkTypeface> typeface = skia::AdoptRef( |
| + SkTypeface::CreateFromName(kPreferredTypeface, SkTypeface::kBold)); |
| + // Skia doesn't do any font fallback---if the user is missing the font then |
| + // typeface will be NULL. If we don't do manual fallback then we'll crash. |
| + if (typeface) { |
| + text_paint->setFakeBoldText(true); |
| + } else { |
| + // Fall back to the system font. We don't bold it because we aren't sure |
| + // how it will look. |
| + // For the most part this code path will only be hit on Linux systems |
| + // that don't have Arial. |
| + ResourceBundle& rb = ResourceBundle::GetSharedInstance(); |
| + const gfx::Font& base_font = rb.GetFont(ResourceBundle::BaseFont); |
| + typeface = skia::AdoptRef(SkTypeface::CreateFromName( |
| + base_font.GetFontName().c_str(), SkTypeface::kNormal)); |
| + DCHECK(typeface); |
| + } |
| + |
| + text_paint->setTypeface(typeface.get()); |
| + // |text_paint| adds its own ref. Release the ref from CreateFontName. |
| + } |
| + return text_paint; |
| +} |
| + |
| +} // namespace |
| + |
| +IconWithBadgeImageSource::Badge::Badge(const std::string& text, |
| + SkColor text_color, |
| + SkColor background_color) |
| + : text(text), text_color(text_color), background_color(background_color) {} |
| + |
| +IconWithBadgeImageSource::Badge::~Badge() {} |
| + |
| +IconWithBadgeImageSource::IconWithBadgeImageSource(const gfx::Size& size) |
| + : gfx::CanvasImageSource(size, false), |
| + grayscale_(false), |
| + paint_decoration_(false) {} |
| + |
| +IconWithBadgeImageSource::~IconWithBadgeImageSource() {} |
| + |
| +void IconWithBadgeImageSource::SetIcon(const gfx::Image& icon) { |
| + icon_ = icon; |
| +} |
| + |
| +void IconWithBadgeImageSource::SetBadge(scoped_ptr<Badge> badge) { |
| + badge_ = badge.Pass(); |
| +} |
| + |
| +void IconWithBadgeImageSource::Draw(gfx::Canvas* canvas) { |
| + if (icon_.IsEmpty()) |
| + return; |
| + |
| + int x_offset = std::floor((size().width() - icon_.Width()) / 2.0); |
| + int y_offset = std::floor((size().height() - icon_.Height()) / 2.0); |
| + gfx::ImageSkia skia = icon_.AsImageSkia(); |
| + if (grayscale_) |
| + skia = gfx::ImageSkiaOperations::CreateHSLShiftedImage(skia, {-1, 0, 0.6}); |
| + canvas->DrawImageInt(skia, x_offset, y_offset); |
| + |
| + // Draw a badge on the provided browser action icon's canvas. |
| + PaintBadge(canvas); |
| + |
| + if (paint_decoration_) |
| + PaintDecoration(canvas); |
| +} |
| + |
| +// Paints badge with specified parameters to |canvas|. |
| +void IconWithBadgeImageSource::PaintBadge(gfx::Canvas* canvas) { |
| + if (!badge_ || badge_->text.empty()) |
| + return; |
| + |
| + SkColor text_color = SkColorGetA(badge_->text_color) == SK_AlphaTRANSPARENT |
| + ? SK_ColorWHITE |
| + : badge_->text_color; |
| + |
| + SkColor background_color = ui::MaterialDesignController::IsModeMaterial() |
| + ? gfx::kGoogleBlue500 |
| + : SkColorSetARGB(255, 218, 0, 24); |
| + if (SkColorGetA(badge_->background_color) != SK_AlphaTRANSPARENT) |
| + background_color = badge_->background_color; |
| + |
| + canvas->Save(); |
| + |
| + SkPaint* text_paint = nullptr; |
| + int text_width = 0; |
| + ResourceBundle* rb = &ResourceBundle::GetSharedInstance(); |
| + gfx::FontList base_font = rb->GetFontList(ResourceBundle::BaseFont) |
| + .DeriveWithHeightUpperBound(kBadgeHeight); |
| + base::string16 utf16_text = base::UTF8ToUTF16(badge_->text); |
| + if (ui::MaterialDesignController::IsModeMaterial()) { |
| + text_width = |
| + std::min(kMaxTextWidth, canvas->GetStringWidth(utf16_text, base_font)); |
| + } else { |
| + text_paint = GetBadgeTextPaintSingleton(); |
| + text_paint->setColor(text_color); |
| + float scale = canvas->image_scale(); |
| + |
| + // Calculate text width. Font width may not be linear with respect to the |
| + // scale factor (e.g. when hinting is applied), so we need to use the font |
| + // size that canvas actually uses when drawing a text. |
| + text_paint->setTextSize(SkFloatToScalar(kTextSize) * scale); |
| + SkScalar sk_text_width_in_pixel = |
| + text_paint->measureText(badge_->text.c_str(), badge_->text.size()); |
| + text_paint->setTextSize(SkFloatToScalar(kTextSize)); |
| + |
| + // We clamp the width to a max size. SkPaint::measureText returns the width |
| + // in pixel (as a result of scale multiplier), so convert |
| + // sk_text_width_in_pixel back to DIP (density independent pixel) first. |
| + text_width = std::min( |
| + kMaxTextWidth, static_cast<int>(std::ceil( |
| + SkScalarToFloat(sk_text_width_in_pixel) / scale))); |
| + } |
| + |
| + // Calculate badge size. It is clamped to a min width just because it looks |
| + // silly if it is too skinny. |
| + int badge_width = text_width + kPadding * 2; |
| + // Force the pixel width of badge to be either odd (if the icon width is odd) |
| + // or even otherwise. If there is a mismatch you get http://crbug.com/26400. |
| + if (size().width() != 0 && (badge_width % 2 != size().width() % 2)) |
| + badge_width += 1; |
| + badge_width = std::max(kBadgeHeight, badge_width); |
| + |
| + // Paint the badge background color in the right location. It is usually |
| + // right-aligned, but it can also be center-aligned if it is large. |
| + gfx::Rect rect(badge_width >= kCenterAlignThreshold |
| + ? (size().width() - badge_width) / 2 |
| + : size().width() - badge_width, |
| + size().height() - kBadgeHeight, badge_width, kBadgeHeight); |
| + SkPaint rect_paint; |
| + rect_paint.setStyle(SkPaint::kFill_Style); |
| + rect_paint.setAntiAlias(true); |
| + rect_paint.setColor(background_color); |
| + |
| + if (ui::MaterialDesignController::IsModeMaterial()) { |
| + gfx::Rect cutout_rect(rect); |
| + cutout_rect.Inset(-1, -1); |
| + SkPaint cutout_paint = rect_paint; |
| + cutout_paint.setXfermodeMode(SkXfermode::kClear_Mode); |
| + canvas->DrawRoundRect(cutout_rect, 2, cutout_paint); |
| + } |
| + |
| + canvas->DrawRoundRect( |
| + rect, ui::MaterialDesignController::IsModeMaterial() ? 1 : 2, rect_paint); |
| + |
| + if (ui::MaterialDesignController::IsModeMaterial()) { |
| + rect.Inset(std::max(kPadding, (rect.width() - text_width) / 2), |
| + kBadgeHeight - base_font.GetHeight(), kPadding, 0); |
| + canvas->DrawStringRect(utf16_text, base_font, text_color, rect); |
| + } else { |
| + // Overlay the gradient. It is stretchy, so we do this in three parts. |
| + ui::ResourceBundle& rb = ui::ResourceBundle::GetSharedInstance(); |
| + gfx::ImageSkia* gradient_left = |
| + rb.GetImageSkiaNamed(IDR_BROWSER_ACTION_BADGE_LEFT); |
| + gfx::ImageSkia* gradient_right = |
| + rb.GetImageSkiaNamed(IDR_BROWSER_ACTION_BADGE_RIGHT); |
| + gfx::ImageSkia* gradient_center = |
| + rb.GetImageSkiaNamed(IDR_BROWSER_ACTION_BADGE_CENTER); |
| + |
| + canvas->DrawImageInt(*gradient_left, rect.x(), rect.y()); |
| + canvas->TileImageInt( |
| + *gradient_center, rect.x() + gradient_left->width(), rect.y(), |
| + rect.width() - gradient_left->width() - gradient_right->width(), |
| + rect.height()); |
| + canvas->DrawImageInt(*gradient_right, |
| + rect.right() - gradient_right->width(), rect.y()); |
| + |
| + // Finally, draw the text centered within the badge. We set a clip in case |
| + // the text was too large. |
| + rect.Inset(kPadding, 0); |
| + canvas->ClipRect(rect); |
| + canvas->sk_canvas()->drawText( |
| + badge_->text.c_str(), badge_->text.size(), |
| + SkFloatToScalar(rect.x() + |
| + static_cast<float>(rect.width() - text_width) / 2), |
| + SkFloatToScalar(rect.y() + kTextSize + kTopTextPadding), *text_paint); |
| + } |
| + canvas->Restore(); |
| +} |
| + |
| +void IconWithBadgeImageSource::PaintDecoration(gfx::Canvas* canvas) { |
| + static const SkColor decoration_color = SkColorSetARGB(255, 70, 142, 226); |
| + |
| + int major_radius = std::ceil(size().width() / 5.0); |
| + int minor_radius = std::ceil(major_radius / 2.0); |
| + gfx::Point center_point(major_radius + 1, size().height() - (major_radius)-1); |
| + SkPaint paint; |
| + paint.setAntiAlias(true); |
| + paint.setStyle(SkPaint::kFill_Style); |
| + paint.setColor(SK_ColorTRANSPARENT); |
| + paint.setXfermodeMode(SkXfermode::kSrc_Mode); |
| + canvas->DrawCircle(center_point, major_radius, paint); |
| + paint.setColor(decoration_color); |
| + canvas->DrawCircle(center_point, minor_radius, paint); |
| +} |