// Copyright 2022 The Chromium Authors
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.
#include "ash/system/phonehub/app_stream_launcher_view.h"
#include <cmath>
#include <memory>
#include <string>
#include "ash/constants/ash_features.h"
#include "ash/controls/rounded_scroll_bar.h"
#include "ash/resources/vector_icons/vector_icons.h"
#include "ash/strings/grit/ash_strings.h"
#include "ash/style/ash_color_id.h"
#include "ash/style/ash_color_provider.h"
#include "ash/style/style_util.h"
#include "ash/style/typography.h"
#include "ash/system/phonehub/app_stream_launcher_item.h"
#include "ash/system/phonehub/app_stream_launcher_list_item.h"
#include "ash/system/phonehub/app_stream_launcher_view.h"
#include "ash/system/phonehub/phone_hub_view_ids.h"
#include "ash/system/phonehub/ui_constants.h"
#include "ash/system/tray/tray_constants.h"
#include "ash/webui/eche_app_ui/mojom/eche_app.mojom.h"
#include "chromeos/ash/components/phonehub/notification.h"
#include "chromeos/ash/components/phonehub/phone_hub_manager.h"
#include "chromeos/ash/components/phonehub/user_action_recorder.h"
#include "ui/base/l10n/l10n_util.h"
#include "ui/base/metadata/metadata_impl_macros.h"
#include "ui/base/resource/resource_bundle.h"
#include "ui/chromeos/styles/cros_tokens_color_mappings.h"
#include "ui/color/color_id.h"
#include "ui/compositor/layer.h"
#include "ui/gfx/geometry/insets.h"
#include "ui/gfx/geometry/size.h"
#include "ui/gfx/paint_vector_icon.h"
#include "ui/gfx/text_constants.h"
#include "ui/strings/grit/ui_strings.h"
#include "ui/views/background.h"
#include "ui/views/controls/button/button.h"
#include "ui/views/controls/button/image_button.h"
#include "ui/views/controls/button/image_button_factory.h"
#include "ui/views/controls/button/label_button.h"
#include "ui/views/controls/focus_ring.h"
#include "ui/views/controls/highlight_path_generator.h"
#include "ui/views/controls/image_view.h"
#include "ui/views/controls/label.h"
#include "ui/views/controls/scroll_view.h"
#include "ui/views/controls/separator.h"
#include "ui/views/controls/textfield/textfield.h"
#include "ui/views/layout/box_layout.h"
#include "ui/views/layout/flex_layout.h"
#include "ui/views/layout/layout_types.h"
#include "ui/views/layout/table_layout.h"
#include "ui/views/view.h"
namespace ash {
namespace {
// Insets for the vertical scroll bar.
constexpr auto kVerticalScrollInsets = gfx::Insets::TLBR(1, 0, 1, 1);
constexpr auto kHeaderDefaultSpacing = gfx::Insets::VH(0, 0);
constexpr gfx::Size kDefaultAppListScrollViewSize = gfx::Size(400, 400);
// The horizontal interior margin for the apps page container - i.e. the margin
// between the apps page bounds and the page content.
constexpr int kHorizontalInteriorMargin = 25;
// Number of columns of apps in the grid
constexpr int kColumns = 4;
constexpr int kRowHeight = 70;
constexpr auto kHeaderViewInsets = gfx::Insets::TLBR(25, 15, 15, 15);
constexpr int kAppViewWidth = 50;
constexpr int kHeaderChildrenSpacing = 20;
// The padding between different sections within the apps page. Also used for
// interior apps page container margin.
constexpr int kVerticalPaddingBetweenSections = 16;
constexpr int kAppListItemHorizontalMargin = 16;
constexpr int kAppListItemSpacing = 8;
} // namespace
AppStreamLauncherView::AppStreamLauncherView(
phonehub::PhoneHubManager* phone_hub_manager)
: phone_hub_manager_(phone_hub_manager) {
SetID(PhoneHubViewID::kAppStreamLauncherView);
auto* layout_manager =
SetLayoutManager(std::make_unique<views::FlexLayout>());
layout_manager->SetInteriorMargin(gfx::Insets::VH(0, 0))
.SetOrientation(views::LayoutOrientation::kVertical)
.SetCollapseMargins(false)
.SetDefault(views::kMarginsKey, kHeaderDefaultSpacing)
.SetCrossAxisAlignment(views::LayoutAlignment::kStretch);
AddChildView(CreateHeaderView());
auto* app_list_view = AddChildView(CreateAppListView());
gfx::Size launcher_size;
if (phone_hub_manager->GetAppStreamLauncherDataModel() &&
phone_hub_manager->GetAppStreamLauncherDataModel()->launcher_height() >
kDefaultAppListScrollViewSize.height()) {
launcher_size = gfx::Size(
phone_hub_manager->GetAppStreamLauncherDataModel()->launcher_width(),
phone_hub_manager->GetAppStreamLauncherDataModel()->launcher_height());
} else {
launcher_size = kDefaultAppListScrollViewSize;
}
app_list_view->SetPreferredSize(launcher_size);
app_list_view->SetProperty(
views::kFlexBehaviorKey,
views::FlexSpecification(views::MinimumFlexSizeRule::kPreferred,
views::MaximumFlexSizeRule::kPreferred,
/*adjust_height_for_width =*/false)
.WithWeight(1));
phone_hub_manager->GetUserActionRecorder()->RecordUiOpened();
UpdateFromDataModel();
if (phone_hub_manager->GetAppStreamLauncherDataModel())
phone_hub_manager->GetAppStreamLauncherDataModel()->AddObserver(this);
}
AppStreamLauncherView::~AppStreamLauncherView() {
if (phone_hub_manager_->GetAppStreamLauncherDataModel())
phone_hub_manager_->GetAppStreamLauncherDataModel()->RemoveObserver(this);
}
// The behavior is inspired from ash/app_list/views/app_list_bubble_apps_page.cc
std::unique_ptr<views::View> AppStreamLauncherView::CreateAppListView() {
// The entire page scrolls.
auto scroll_view = std::make_unique<views::ScrollView>(
views::ScrollView::ScrollWithLayers::kEnabled);
scroll_view->ClipHeightTo(0, std::numeric_limits<int>::max());
scroll_view->SetDrawOverflowIndicator(false);
// Don't paint a background. The bubble already has one.
scroll_view->SetBackgroundColor(std::nullopt);
// Arrow keys are used to select app icons.
scroll_view->SetAllowKeyboardScrolling(false);
// Scroll view will have a gradient mask layer.
scroll_view->SetPaintToLayer(ui::LAYER_NOT_DRAWN);
// Set up scroll bars.
scroll_view->SetHorizontalScrollBarMode(
views::ScrollView::ScrollBarMode::kDisabled);
auto vertical_scroll = std::make_unique<RoundedScrollBar>(
views::ScrollBar::Orientation::kVertical);
vertical_scroll->SetInsets(kVerticalScrollInsets);
vertical_scroll->SetSnapBackOnDragOutside(false);
scroll_view->SetVerticalScrollBar(std::move(vertical_scroll));
auto scroll_contents = std::make_unique<views::View>();
scroll_contents->SetProperty(
views::kFlexBehaviorKey,
views::FlexSpecification(views::MinimumFlexSizeRule::kPreferred,
views::MaximumFlexSizeRule::kUnbounded,
/*adjust_height_for_width =*/false)
.WithWeight(1));
auto* layout =
scroll_contents->SetLayoutManager(std::make_unique<views::FlexLayout>());
layout->SetOrientation(views::LayoutOrientation::kVertical)
.SetCrossAxisAlignment(views::LayoutAlignment::kStretch);
if (features::IsEcheLauncherListViewEnabled()) {
layout->SetInteriorMargin(gfx::Insets::VH(kVerticalPaddingBetweenSections,
kAppListItemHorizontalMargin));
} else {
layout->SetInteriorMargin(gfx::Insets::VH(kVerticalPaddingBetweenSections,
kHorizontalInteriorMargin));
}
// All apps section.
items_container_ =
scroll_contents->AddChildView(std::make_unique<views::View>());
items_container_->SetPaintToLayer();
items_container_->layer()->SetFillsBoundsOpaquely(false);
scroll_view->SetContents(std::move(scroll_contents));
return scroll_view;
}
void AppStreamLauncherView::AppIconActivated(
phonehub::Notification::AppMetadata app) {
auto* interaction_handler_ =
phone_hub_manager_->GetRecentAppsInteractionHandler();
if (!interaction_handler_)
return;
interaction_handler_->NotifyRecentAppClicked(
app, eche_app::mojom::AppStreamLaunchEntryPoint::APPS_LIST);
}
void AppStreamLauncherView::UpdateFromDataModel() {
if (!items_container_)
return;
items_container_->RemoveAllChildViews();
if (!phone_hub_manager_->GetAppStreamLauncherDataModel())
return;
const std::vector<phonehub::Notification::AppMetadata>* apps_list =
phone_hub_manager_->GetAppStreamLauncherDataModel()
->GetAppsListSortedByName();
if (features::IsEcheLauncherListViewEnabled()) {
CreateListView(apps_list);
} else {
CreateGridView(apps_list);
}
}
std::unique_ptr<views::View> AppStreamLauncherView::CreateItemView(
const phonehub::Notification::AppMetadata& app) {
return std::make_unique<AppStreamLauncherItem>(
base::BindRepeating(&AppStreamLauncherView::AppIconActivated,
base::Unretained(this), app),
app);
}
std::unique_ptr<views::View> AppStreamLauncherView::CreateListItemView(
const phonehub::Notification::AppMetadata& app) {
return std::make_unique<AppStreamLauncherListItem>(
base::BindRepeating(&AppStreamLauncherView::AppIconActivated,
base::Unretained(this), app),
app);
}
std::unique_ptr<views::View> AppStreamLauncherView::CreateHeaderView() {
auto header = std::make_unique<views::View>();
header->SetLayoutManager(std::make_unique<views::BoxLayout>(
views::BoxLayout::Orientation::kHorizontal, kHeaderViewInsets,
kHeaderChildrenSpacing));
header->SetBackground(views::CreateThemedSolidBackground(
kColorAshControlBackgroundColorInactive));
// Add arrowback button
arrow_back_button_ = header->AddChildView(CreateButton(
base::BindRepeating(&AppStreamLauncherView::OnArrowBackActivated,
weak_factory_.GetWeakPtr()),
kEcheArrowBackIcon, IDS_APP_ACCNAME_BACK));
views::Label* title = header->AddChildView(std::make_unique<views::Label>(
std::u16string(), views::style::CONTEXT_DIALOG_TITLE,
views::style::STYLE_PRIMARY,
gfx::DirectionalityMode::DIRECTIONALITY_AS_URL));
title->SetMultiLine(true);
title->SetAllowCharacterBreak(true);
title->SetProperty(views::kBoxLayoutFlexKey,
views::BoxLayoutFlexSpecification());
title->SetHorizontalAlignment(gfx::ALIGN_LEFT);
title->SetText(
l10n_util::GetStringUTF16(IDS_ASH_PHONE_HUB_APP_STREAM_LAUNCHER_TITLE));
TypographyProvider::Get()->StyleLabel(ash::TypographyToken::kCrosHeadline1,
*title);
return header;
}
// Creates a button with the given callback, icon, and tooltip text.
// `message_id` is the resource id of the tooltip text of the icon.
std::unique_ptr<views::Button> AppStreamLauncherView::CreateButton(
views::Button::PressedCallback callback,
const gfx::VectorIcon& icon,
int message_id) {
SkColor color = AshColorProvider::Get()->GetContentLayerColor(
AshColorProvider::ContentLayerType::kIconColorPrimary);
SkColor disabled_color = SkColorSetA(color, gfx::kDisabledControlAlpha);
auto button = views::CreateVectorImageButton(std::move(callback));
views::SetImageFromVectorIconWithColor(button.get(), icon, color,
disabled_color);
ash::StyleUtil::SetUpInkDropForButton(button.get(), gfx::Insets(),
/*highlight_on_hover=*/false,
/*highlight_on_focus=*/true);
views::FocusRing::Get(button.get())
->SetColorId(static_cast<ui::ColorId>(cros_tokens::kCrosSysFocusRing));
button->SetTooltipText(l10n_util::GetStringUTF16(message_id));
button->SizeToPreferredSize();
views::InstallCircleHighlightPathGenerator(button.get());
return button;
}
void AppStreamLauncherView::OnArrowBackActivated() {
phone_hub_manager_->GetAppStreamLauncherDataModel()
->SetShouldShowMiniLauncher(false);
}
void AppStreamLauncherView::ChildPreferredSizeChanged(View* child) {
// Resize the bubble when the child change its size.
PreferredSizeChanged();
}
void AppStreamLauncherView::ChildVisibilityChanged(View* child) {
// Resize the bubble when the child change its visibility.
PreferredSizeChanged();
}
phone_hub_metrics::Screen AppStreamLauncherView::GetScreenForMetrics() const {
return phone_hub_metrics::Screen::kMiniLauncher;
}
void AppStreamLauncherView::OnBubbleClose() {
RemoveAllChildViews();
}
void AppStreamLauncherView::OnAppListChanged() {
if (!features::IsEcheSWAEnabled() || !features::IsEcheLauncherEnabled())
return;
UpdateFromDataModel();
}
void AppStreamLauncherView::CreateListView(
const std::vector<phonehub::Notification::AppMetadata>* apps_list) {
items_container_->SetLayoutManager(std::make_unique<views::BoxLayout>(
views::BoxLayout::Orientation::kVertical, gfx::Insets::VH(0, 0),
kAppListItemSpacing));
for (auto& app : *apps_list) {
items_container_->AddChildView(CreateListItemView(app));
}
}
void AppStreamLauncherView::CreateGridView(
const std::vector<phonehub::Notification::AppMetadata>* apps_list) {
auto* table_layout = items_container_->SetLayoutManager(
std::make_unique<views::TableLayout>());
int spacing = (kTrayMenuWidth - kHorizontalInteriorMargin * 2 -
kAppViewWidth * kColumns) /
(kColumns - 1);
for (int i = 0; i < kColumns; i++) {
table_layout->AddColumn(
views::LayoutAlignment::kStretch, views::LayoutAlignment::kStretch, 1.0,
views::TableLayout::ColumnSize::kUsePreferred, 0, 0);
if (i != kColumns - 1) {
table_layout->AddPaddingColumn(1.0, spacing);
}
}
table_layout->AddRows(ceil((double)apps_list->size() / kColumns),
views::TableLayout::kFixedSize, kRowHeight);
for (auto& app : *apps_list) {
items_container_->AddChildView(CreateItemView(app));
}
}
BEGIN_METADATA(AppStreamLauncherView)
END_METADATA
} // namespace ash
Codebase Browser
chromium