// Copyright 2023 The Chromium Authors // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. #import "ios/chrome/browser/ntp/ui_bundled/new_tab_page_header_view.h" #import #import #import "base/apple/foundation_util.h" #import "base/check.h" #import "base/feature_list.h" #import "components/omnibox/common/omnibox_features.h" #import "components/prefs/pref_service.h" #import "components/strings/grit/components_strings.h" #import "ios/chrome/browser/bubble/public/in_product_help_type.h" #import "ios/chrome/browser/content_suggestions/public/ntp_home_constants.h" #import "ios/chrome/browser/content_suggestions/ui/content_suggestions_collection_utils.h" #import "ios/chrome/browser/lens/ui_bundled/lens_availability.h" #import "ios/chrome/browser/location_bar/ui_bundled/location_bar_constants.h" #import "ios/chrome/browser/ntp/search_engine_logo/mediator/search_engine_logo_mediator.h" #import "ios/chrome/browser/ntp/search_engine_logo/ui/search_engine_logo_state.h" #import "ios/chrome/browser/ntp/ui_bundled/fake_location_bar_view.h" #import "ios/chrome/browser/ntp/ui_bundled/new_tab_page_color_palette.h" #import "ios/chrome/browser/ntp/ui_bundled/new_tab_page_constants.h" #import "ios/chrome/browser/ntp/ui_bundled/new_tab_page_delegate.h" #import "ios/chrome/browser/ntp/ui_bundled/new_tab_page_feature.h" #import "ios/chrome/browser/ntp/ui_bundled/new_tab_page_header_commands.h" #import "ios/chrome/browser/ntp/ui_bundled/new_tab_page_header_constants.h" #import "ios/chrome/browser/ntp/ui_bundled/new_tab_page_image_background_trait.h" #import "ios/chrome/browser/ntp/ui_bundled/new_tab_page_mutator.h" #import "ios/chrome/browser/ntp/ui_bundled/new_tab_page_shortcuts_handler.h" #import "ios/chrome/browser/ntp/ui_bundled/new_tab_page_trait.h" #import "ios/chrome/browser/ntp/ui_bundled/new_tab_page_utils.h" #import "ios/chrome/browser/ntp/ui_bundled/ntp_identity_disc_button.h" #import "ios/chrome/browser/ntp/ui_bundled/ntp_tools_menu_button.h" #import "ios/chrome/browser/omnibox/public/omnibox_constants.h" #import "ios/chrome/browser/omnibox/public/omnibox_presentation_context.h" #import "ios/chrome/browser/omnibox/public/omnibox_ui_features.h" #import "ios/chrome/browser/omnibox/ui/omnibox_container_view.h" #import "ios/chrome/browser/omnibox/ui/omnibox_text_field_ios.h" #import "ios/chrome/browser/popup_menu/overflow_menu/public/features.h" #import "ios/chrome/browser/shared/model/profile/features.h" #import "ios/chrome/browser/shared/public/commands/help_commands.h" #import "ios/chrome/browser/shared/public/features/features.h" #import "ios/chrome/browser/shared/ui/elements/extended_touch_target_button.h" #import "ios/chrome/browser/shared/ui/elements/new_feature_badge_view.h" #import "ios/chrome/browser/shared/ui/symbols/symbols.h" #import "ios/chrome/browser/shared/ui/util/layout_guide_names.h" #import "ios/chrome/browser/shared/ui/util/uikit_ui_util.h" #import "ios/chrome/browser/shared/ui/util/util_swift.h" #import "ios/chrome/browser/start_surface/ui_bundled/start_surface_features.h" #import "ios/chrome/browser/toolbar/legacy/ui_bundled/buttons/legacy_toolbar_button_factory.h" #import "ios/chrome/browser/toolbar/legacy/ui_bundled/buttons/toolbar_configuration.h" #import "ios/chrome/browser/toolbar/legacy/ui_bundled/public/fakebox_focuser.h" #import "ios/chrome/browser/toolbar/legacy/ui_bundled/public/toolbar_constants.h" #import "ios/chrome/browser/toolbar/legacy/ui_bundled/public/toolbar_utils.h" #import "ios/chrome/browser/toolbar/tab_group/ui/tab_group_indicator_constants.h" #import "ios/chrome/browser/toolbar/tab_group/ui/tab_group_indicator_view.h" #import "ios/chrome/browser/toolbar/ui/toolbar_constants.h" #import "ios/chrome/common/NSString+Chromium.h" #import "ios/chrome/common/material_timing.h" #import "ios/chrome/common/ui/colors/semantic_color_names.h" #import "ios/chrome/common/ui/util/constraints_ui_util.h" #import "ios/chrome/common/ui/util/dynamic_type_util.h" #import "ios/chrome/common/ui/util/ui_util.h" #import "ios/chrome/grit/ios_strings.h" #import "ios/public/provider/chrome/browser/lens/lens_api.h" #import "ios/public/provider/chrome/browser/lottie/lottie_animation_api.h" #import "ios/public/provider/chrome/browser/lottie/lottie_animation_configuration.h" #import "ui/base/l10n/l10n_util.h" namespace { // Element ID for Fakebox scribble. NSString* const kScribbleFakeboxElementId = @"kScribbleFakeboxElementId"; // The percentage the fakebox's height that should be allowed to overlap the top // toolbar area in split toolbar mode before the fakebox begins to resize and // toolbar begins to fade in. The toolbar begins to fade in at 25% of the // fakebox height to help the appearance of the fakebox being sucked into the // toolbar as the omnibox. constexpr CGFloat kFakeboxResizingStartOffsetFactor = 0.25; // Height margin of the fake location bar. constexpr CGFloat kFakeLocationBarHeightMargin = 2; // When the placeholder text in the fakebox doesn't fit, the font shrinks to fit // the string. This is the minimum allowed factor by which it shrinks. constexpr CGFloat kFakeboxMinimumFontScaleFactor = 0.57; // The constants for the constraints affecting the end button; either Lens or // Voice Search, depending on if Lens is enabled. constexpr CGFloat kEndButtonFakeboxTrailingSpace = 13.0; constexpr CGFloat kEndButtonFakeboxTrailingSpaceUICleanup = 20.0; constexpr CGFloat kEndButtonFakeboxIPadTrailingSpace = 18.0; constexpr CGFloat kEndButtonNormalSizeFakeboxWithBadgeTrailingSpace = 7.0; constexpr CGFloat kEndButtonOmniboxTrailingSpace = 7.0; // Distance between the trailing fakebox icon and the placeholder text. constexpr CGFloat kHintLabelFakeboxTrailingSpace = 12.0f; // The constants for the constraints the leading-edge aligned UI elements. constexpr CGFloat kHintLabelFakeboxLeadingSpaceWithIcon = 42.0; constexpr CGFloat kHintLabelFakeboxLeadingSpaceWithPlus = 46.0; constexpr CGFloat kHintLabelFakeboxLeadingSpaceUICleanup = 52.0; constexpr CGFloat kHintLabelOmniboxLeadingSpaceWithIcon = 42.0; constexpr CGFloat kHintLabelOmniboxLeadingSpaceWithWithPlus = 52.0; // The constants for the search engine image. constexpr CGFloat kFakeboxIPadExtraLeadingSpace = 5.0; constexpr CGFloat kFakeboxImageLeadingSpace = 13.0; constexpr CGFloat kFakeboxLeadingSpaceUICleanup = 20.0; constexpr CGFloat kFakeboxPlusLeadingSpace = 18.0; constexpr CGFloat kOmniboxImageLeadingSpace = 22.0; constexpr CGFloat kOmniboxPlusLeadingSpace = 26.0; constexpr CGFloat kFakeboxImageSize = 20.0; // TODO(crbug.com/542594099): Remove the "UICleanup" suffix once // `kNewTabPageUICleanup` launches. constexpr CGFloat kFakeboxImageSizeUICleanup = 24.0; constexpr CGFloat kSymbolActionPointSizeUICleanup = 19.0; // The spacing between the items in the button stack. constexpr CGFloat kButtonSpacing = 9.0; constexpr CGFloat kButtonSpacingUICleanup = 16.0; // The height of the divider between the mic and lens icons. constexpr CGFloat kIconDividerHeight = 13.0; // The offset from the center of the customization button for where to show the // new feature badge. constexpr CGFloat kCustomizationNewBadgeOffset = 14.0; // The name of the animation for the MIA button. NSString* const kMIACircleAnimationLightMode = @"mia_circle_animation_no_glow"; NSString* const kMIACircleAnimationDarkMode = @"mia_glowing_circle_animation"; // Returns the background color for the NTP Header view. This is the color // that shows when the fakebox is scrolled up. UIColor* HeaderBackgroundColor(id environment) { if (IsNewTabPageUICleanupEnabled()) { NewTabPageColorPalette* colorPalette = [environment.traitCollection objectForNewTabPageTrait]; if (!colorPalette && ![environment.traitCollection boolForNewTabPageImageBackgroundTrait]) { return [UIColor colorNamed:kNewTabPageBackgroundColor]; } } if (IsSplitToolbarMode(environment)) { return [UIColor colorNamed:kBackgroundColor]; } else { return [UIColor colorNamed:@"ntp_background_color"]; } } // Returns a value in the range of `from` up to `to`, depending on the given // `percent`. CGFloat Interpolate(CGFloat from, CGFloat to, CGFloat percent) { if (percent <= 0.0) { return from; } else if (percent >= 1.0) { return to; } return from + (to - from) * percent; } } // namespace // `UIStackView` that allows the extended tap area of it's arranged subviews to // overflow it's touch area. @interface TouchAreaOverflowStackView : UIStackView @end @implementation TouchAreaOverflowStackView - (BOOL)pointInside:(CGPoint)point withEvent:(UIEvent*)event { for (UIView* subview in self.arrangedSubviews) { // We consider a touch valid and allow it to propagate if it falls within // the bounds of any subview. // This means that even if a touch visually appears outside the stack view, // the `pointInside:withEvent:` method can correctly register it within a // subview's touch area, especially where subviews might extend beyond and // overflow the stack view's visual limits. CGPoint convertedPoint = [self convertPoint:point toView:subview]; if ([subview pointInside:convertedPoint withEvent:event]) { return YES; } } return NO; } @end @interface NewTabPageHeaderView () // The Lens button. May be null if Lens is not available. @property(nonatomic, strong) ExtendedTouchTargetButton* lensButton; // The Identity Disc showing the current user's avatar on NTP. @property(nonatomic, strong) NTPIdentityDiscButton* identityDiscButton; // The entrypoint for the Home customization menu. @property(nonatomic, strong) UIButton* customizationMenuButton; // The button that opens multiodal actions in Composebox. May be nil if // Composebox or multimodal actions are not enabled. @property(nonatomic, strong) ExtendedTouchTargetButton* plusButton; @property(nonatomic, strong) UIView* voiceAndLensDivider; @property(nonatomic, strong) ExtendedTouchTargetButton* voiceSearchButton; @property(nonatomic, strong) UIView* separator; // Private properties moved from header. @property(nonatomic, strong) NTPToolsMenuButton* toolsMenuButton; @property(nonatomic, strong) UIView* cancelButton; @property(nonatomic, strong) OmniboxContainerView* omnibox; @property(nonatomic, strong) UIView* fakeOmniboxContainer; @property(nonatomic, strong) UIButton* fakeTapButton; @property(nonatomic, strong) NSLayoutConstraint* fakeLocationBarLeadingConstraint; @property(nonatomic, strong) NSLayoutConstraint* fakeLocationBarTrailingConstraint; @property(nonatomic, strong) UILabel* searchHintLabel; // Layout constraints for fake omnibox background image and blur. @property(nonatomic, strong) NSLayoutConstraint* fakeLocationBarTopConstraint; @property(nonatomic, strong) NSLayoutConstraint* fakeLocationBarHeightConstraint; // Constraint between the search field's leading edge and the leading view. @property(nonatomic, strong) NSLayoutConstraint* leadingViewConstraint; @property(nonatomic, strong) NSLayoutConstraint* hintLabelLeadingConstraint; @property(nonatomic, strong) NSLayoutConstraint* hintLabelTrailingConstraint; // View used to simulate the top toolbar when the header is stuck to the top of // the NTP. @property(nonatomic, strong) UIView* fakeToolbar; // Constraints for doodle and fake omnibox. @property(nonatomic, strong) NSLayoutConstraint* doodleHeightConstraint; @property(nonatomic, strong) NSLayoutConstraint* doodleTopMarginConstraint; @property(nonatomic, strong) NSLayoutConstraint* fakeOmniboxWidthConstraint; @property(nonatomic, strong) NSLayoutConstraint* fakeOmniboxHeightConstraint; @property(nonatomic, strong) NSLayoutConstraint* fakeOmniboxTopMarginConstraint; @property(nonatomic, strong) NSLayoutConstraint* headerViewHeightConstraint; @property(nonatomic, assign) SearchEngineLogoState searchEngineLogoState; @property(nonatomic, assign) BOOL voiceSearchIsEnabled; @property(nonatomic, copy) NSString* defaultSearchEngineName; @property(nonatomic, strong) FakeLocationBarView* fakeLocationBar; @property(nonatomic, assign, readwrite) CGFloat scrollProgress; @end @implementation NewTabPageHeaderView { CGFloat _lastAnimationPercent; BOOL _useNewBadgeForLensButton; BOOL _useNewBadgeForCustomizationMenu; BOOL _didNotifyLensBadgeDisplay; BOOL _didNotifyCustomizationBadgeDisplay; BOOL _lensButtonWithNewBadgeTapped; BOOL _isSignedIn; // The current scale of the transform for the hint label. 1 if not currently // scaled. CGFloat _currentHintLabelScale; // Stores the small font used for the pinned fakebox. UIFont* _hintLabelFontSmall; // Stores the big font used for the unpinned fakebox. UIFont* _hintLabelFontBig; // The New Feature badge on the customization menu's entrypoint. UIView* _customizationNewFeatureBadge; // A view to contain all the buttons on the trailing side of the fakebox. UIStackView* _buttonStack; // Default search engine logo view. UIImageView* _logoView; // Default search engine logo image. UIImage* _dseLogo; // Constraints to update the `toolbarView`'s postion according to the // `tabGroupIndicatorView`'s visibility. NSLayoutConstraint* _toolbarNoTabGroupIndicartorConstraint; NSLayoutConstraint* _toolbarTabGroupIndicartorConstraint; // Whether AIM is allowed. BOOL _isAIMAllowed; // Whether the current session is eligible to fusebox. BOOL _fuseboxEligible; // Whether the omnibox is pinned to the bottom position. BOOL _isBottomOmnibox; // YES if Google is the default search engine. BOOL _isGoogleDefaultSearchEngine; // YES if the tools menu button has a blue dot. BOOL _hasToolsMenuBlueDot; } #pragma mark - Public - (instancetype)initWithUseNewBadgeForLensButton:(BOOL)useNewBadgeForLensButton useNewBadgeForCustomizationMenu: (BOOL)useNewBadgeForCustomizationMenu { self = [super initWithFrame:CGRectZero]; if (self) { self.translatesAutoresizingMaskIntoConstraints = NO; _fakeLocationBar = [[FakeLocationBarView alloc] init]; if (!(IsNewTabPageUICleanupEnabled() || IsNewTabPageUICleanupFakeboxOnlyEnabled())) { self.clipsToBounds = YES; } _useNewBadgeForLensButton = useNewBadgeForLensButton; _useNewBadgeForCustomizationMenu = useNewBadgeForCustomizationMenu; _lastAnimationPercent = 0; _currentHintLabelScale = 1; __weak __typeof(self) weakSelf = self; UITraitChangeHandler handler = ^(id traitEnvironment, UITraitCollection* previousCollection) { [weakSelf updateUIOnTraitChange:previousCollection]; }; [self registerForTraitChanges:@[ UITraitHorizontalSizeClass.class, UITraitVerticalSizeClass.class, UITraitPreferredContentSizeCategory.class, UITraitUserInterfaceStyle.class ] withHandler:handler]; NSArray* customizationTraits = @[ NewTabPageTrait.class, NewTabPageImageBackgroundTrait.class ]; NSArray* buttonTraits = [@[ UITraitUserInterfaceStyle.class ] arrayByAddingObjectsFromArray:customizationTraits]; [self registerForTraitChanges:customizationTraits withAction:@selector(applyBackgroundTheme)]; [self registerForTraitChanges:buttonTraits withAction:@selector (updateButtonsForCurrentTraitCollection)]; // Create the identity disc button. _identityDiscButton = [[NTPIdentityDiscButton alloc] init]; } return self; } - (void)addToolbarView:(UIView*)toolbarView { _toolBarView = toolbarView; [self addSubview:toolbarView]; _toolbarNoTabGroupIndicartorConstraint = [toolbarView.topAnchor constraintEqualToAnchor:self.topAnchor]; [NSLayoutConstraint activateConstraints:@[ [toolbarView.leadingAnchor constraintEqualToAnchor:self.leadingAnchor], [toolbarView.heightAnchor constraintEqualToConstant:content_suggestions::FakeToolbarHeight()], [toolbarView.trailingAnchor constraintEqualToAnchor:self.trailingAnchor], _toolbarNoTabGroupIndicartorConstraint, ]]; // Add identity disc button to toolbar. [self.toolBarView addSubview:self.identityDiscButton]; self.identityDiscButton.translatesAutoresizingMaskIntoConstraints = NO; [NSLayoutConstraint activateConstraints:@[ [self.identityDiscButton.centerYAnchor constraintEqualToAnchor:self.toolBarView.centerYAnchor], ]]; } - (void)setPlaceholderText:(NSString*)placeholderText { if ([self.searchHintLabel.text isEqualToString:placeholderText]) { return; } [self.omnibox.textInput setDefaultPlaceholderText:placeholderText]; self.searchHintLabel.text = placeholderText; self.fakeLocationBar.accessibilityLabel = placeholderText; } - (void)updatePlaceholderText { NSString* placeholderText = [self placeholderText]; self.placeholderText = placeholderText; } - (NSString*)placeholderText { if (IsAIOmniboxAskPlaceholderEnabled() && _isGoogleDefaultSearchEngine) { return l10n_util::GetNSStringF(IDS_OMNIBOX_EMPTY_ASK_HINT_WITH_DSE_NAME, self.defaultSearchEngineName.cr_UTF16String); } else { return l10n_util::GetNSStringF(IDS_OMNIBOX_EMPTY_HINT_WITH_DSE_NAME, self.defaultSearchEngineName.cr_UTF16String); } } - (void)setIsGoogleDefaultSearchEngine:(BOOL)isGoogleDefaultSearchEngine { if (_isGoogleDefaultSearchEngine == isGoogleDefaultSearchEngine) { return; } _isGoogleDefaultSearchEngine = isGoogleDefaultSearchEngine; [self refreshFakeboxContent]; } - (void)setupSubviews { [self setupFakeOmnibox]; [self setupFakeTapView]; [self setupIdentityDisc]; [self addSeparatorToSearchField:self.fakeOmniboxContainer]; if (!IsOverflowMenuHomeCustomizationEntrypointEnabled()) { [self addCustomizationMenu]; } if (IsChromeNextIaEnabled()) { if (!CanShowTabStrip(self) && !IsRegularXRegularSizeClass(self)) { [self addToolsMenu]; } } } - (void)setupIdentityDisc { CHECK(self.commandHandler); CHECK(self.identityDiscButton); [self.identityDiscButton addTarget:self.commandHandler action:@selector(identityDiscWasTapped:) forControlEvents:UIControlEventTouchUpInside]; [self.identityDiscButton setupConstraintsWithTrailingAnchor:self.safeAreaLayoutGuide .trailingAnchor]; [self.layoutGuideCenter referenceView:self.identityDiscButton underName:kNTPIdentityDiscButtonGuide]; } - (void)setupFakeOmnibox { self.fakeOmniboxContainer = [[UIView alloc] init]; self.fakeOmniboxContainer.translatesAutoresizingMaskIntoConstraints = NO; [self.fakeOmniboxContainer setIsAccessibilityElement:NO]; self.fakeOmniboxContainer.accessibilityIdentifier = ntp_home::FakeOmniboxAccessibilityID(); [self addSubview:self.fakeOmniboxContainer]; [self.fakeOmniboxContainer addInteraction:[[UIPointerInteraction alloc] initWithDelegate:self]]; [self addViewsToFakeOmnibox]; // Configure accessibility and targets on fakeLocationBar. [self.fakeLocationBar addTarget:self.commandHandler action:@selector(fakeboxTapped) forControlEvents:UIControlEventTouchUpInside]; self.fakeLocationBar.isAccessibilityElement = YES; self.fakeLocationBar.accessibilityLabel = self.placeholderText; self.fakeLocationBar.accessibilityIdentifier = kNTPFakeOmniboxAccessibilityButton; NSMutableArray* accessibilityCustomActions = [[NSMutableArray alloc] init]; if (self.lensButton) { [accessibilityCustomActions addObject:[[UIAccessibilityCustomAction alloc] initWithName:l10n_util::GetNSString( IDS_IOS_KEYBOARD_ACCESSORY_VIEW_LENS) image:nil target:self selector:@selector(openLensViewFinder)]]; } if (self.voiceSearchButton) { [accessibilityCustomActions addObject: [[UIAccessibilityCustomAction alloc] initWithName:l10n_util::GetNSString( IDS_IOS_KEYBOARD_ACCESSORY_VIEW_VOICE_SEARCH) image:nil target:self selector:@selector(openVoiceSearch)]]; } if ([self shouldShowPlusButton]) { [accessibilityCustomActions addObject: [[UIAccessibilityCustomAction alloc] initWithName: l10n_util::GetNSString( IDS_IOS_COMPOSEBOX_ADD_ATTACHMENT_BUTTON_ACCESSIBILITY_LABEL) image:nil target:self selector:@selector(openMultimodalActionsMenu)]]; } self.fakeLocationBar.accessibilityCustomActions = accessibilityCustomActions; UIIndirectScribbleInteraction* scribbleInteraction = [[UIIndirectScribbleInteraction alloc] initWithDelegate:self]; [self.fakeOmniboxContainer addInteraction:scribbleInteraction]; } - (void)openVoiceSearch { [self.NTPShortcutsHandler preloadVoiceSearch]; [self.NTPShortcutsHandler loadVoiceSearchFromView:self.voiceSearchButton]; } - (void)openMultimodalActionsMenu { [self.NTPShortcutsHandler openMultimodalActionsMenu]; } - (void)setupFakeTapView { UIView* toolbar = [[UIView alloc] init]; toolbar.translatesAutoresizingMaskIntoConstraints = NO; self.fakeTapButton = [[UIButton alloc] init]; if (!IsChromeNextIaEnabled()) { self.fakeTapButton.userInteractionEnabled = IsSplitToolbarMode(self); } self.fakeTapButton.isAccessibilityElement = NO; self.fakeTapButton.translatesAutoresizingMaskIntoConstraints = NO; [toolbar addSubview:self.fakeTapButton]; [self addToolbarView:toolbar]; [self.fakeTapButton addTarget:self action:@selector(fakeTapViewTapped) forControlEvents:UIControlEventTouchUpInside]; AddSameConstraints(self.fakeTapButton, toolbar); } - (void)fakeTapViewTapped { [self.commandHandler fakeTapViewTapped]; } - (void)addViewsToFakeOmnibox { UIView* searchField = self.fakeOmniboxContainer; // Fake Toolbar. self.fakeToolbar = [[UIView alloc] init]; [searchField insertSubview:self.fakeToolbar atIndex:0]; self.fakeToolbar.translatesAutoresizingMaskIntoConstraints = NO; // Fake location bar. [self.fakeToolbar addSubview:self.fakeLocationBar]; if (!IsComposeboxIOSEnabled()) { // Omnibox, used for animations. // TODO(crbug.com/40615993): See if it is possible to share some // initialization code with the real Omnibox. UIColor* color = [UIColor colorNamed:kTextfieldPlaceholderColor]; OmniboxContainerView* omnibox = [[OmniboxContainerView alloc] initWithFrame:CGRectZero textColor:color textInputTint:color iconTint:color presentationContext:OmniboxPresentationContext::kNTPHeader]; [omnibox.textInput setDefaultPlaceholderText:self.placeholderText]; [omnibox.textInput setText:@""]; omnibox.translatesAutoresizingMaskIntoConstraints = NO; [searchField addSubview:omnibox]; AddSameConstraints(omnibox, self.fakeLocationBar); omnibox.textInput.view.userInteractionEnabled = NO; omnibox.hidden = YES; self.omnibox = omnibox; // Cancel button, used in animation. LegacyToolbarButtonFactory* factory = [[LegacyToolbarButtonFactory alloc] initWithStyle:ToolbarStyle::kNormal]; self.cancelButton = [factory cancelButton]; [searchField addSubview:self.cancelButton]; self.cancelButton.translatesAutoresizingMaskIntoConstraints = NO; [NSLayoutConstraint activateConstraints:@[ [self.cancelButton.centerYAnchor constraintEqualToAnchor:self.fakeLocationBar.centerYAnchor], [self.cancelButton.leadingAnchor constraintEqualToAnchor:self.fakeLocationBar.trailingAnchor], ]]; } // Hint label. self.searchHintLabel = [[UILabel alloc] init]; self.searchHintLabel.adjustsFontSizeToFitWidth = true; self.searchHintLabel.minimumScaleFactor = kFakeboxMinimumFontScaleFactor; content_suggestions::ConfigureSearchHintLabel( self.searchHintLabel, searchField, self.placeholderText); [self updateHintLabelFonts]; self.hintLabelLeadingConstraint = [self.searchHintLabel.leadingAnchor constraintEqualToAnchor:self.fakeLocationBar.leadingAnchor constant:self.hintLabelFakeboxLeadingSpace]; if (IsNTPHeaderTransformsForAnimationsEnabled()) { // Keep constraints fixed at progress = 0 values. self.hintLabelLeadingConstraint.constant = self.hintLabelFakeboxLeadingSpace; } [NSLayoutConstraint activateConstraints:@[ self.hintLabelLeadingConstraint, [self.searchHintLabel.heightAnchor constraintEqualToAnchor:self.fakeLocationBar.heightAnchor constant:-ntp_header::kHintLabelHeightMargin], [self.searchHintLabel.centerYAnchor constraintEqualToAnchor:self.fakeLocationBar.centerYAnchor constant:-1.0], ]]; // Set a button the same size as the fake omnibox as the accessibility // element. If the hint is the only accessible element, when the fake omnibox // is taking the full width, there are few points that are not accessible and // allow to select the content below it. self.searchHintLabel.isAccessibilityElement = NO; [self.searchHintLabel setContentCompressionResistancePriority:UILayoutPriorityDefaultLow forAxis:UILayoutConstraintAxisHorizontal]; // To ensure touch events are correctly forwarded to the buttons within the // stack view use a stack view implementation that propagates touches to its // subviews. // Otherwise the stack view would 'clip' the extended touch areas of its inner // buttons, preventing them from registering touches properly. _buttonStack = [[TouchAreaOverflowStackView alloc] init]; _buttonStack.translatesAutoresizingMaskIntoConstraints = NO; _buttonStack.alignment = UIStackViewAlignmentCenter; _buttonStack.spacing = IsNewTabPageUICleanupEnabled() ? kButtonSpacingUICleanup : kButtonSpacing; _buttonStack.directionalLayoutMargins = NSDirectionalEdgeInsetsMake( 0, 0, 0, [self endButtonFakeboxTrailingSpace]); _buttonStack.layoutMarginsRelativeArrangement = true; [searchField addSubview:_buttonStack]; [NSLayoutConstraint activateConstraints:@[ [_buttonStack.trailingAnchor constraintEqualToAnchor:self.fakeLocationBar.trailingAnchor], [_buttonStack.centerYAnchor constraintEqualToAnchor:self.fakeLocationBar.centerYAnchor], ]]; [self addFakeboxButtonsToStack]; // Constraints. AddSameConstraints(self.fakeToolbar, searchField); self.fakeLocationBarTopConstraint = [self.fakeLocationBar.topAnchor constraintEqualToAnchor:searchField.topAnchor]; self.fakeLocationBarLeadingConstraint = [self.fakeLocationBar.leadingAnchor constraintEqualToAnchor:searchField.leadingAnchor]; self.fakeLocationBarTrailingConstraint = [self.fakeLocationBar.trailingAnchor constraintEqualToAnchor:searchField.trailingAnchor]; self.fakeLocationBarHeightConstraint = [self.fakeLocationBar.heightAnchor constraintEqualToConstant:content_suggestions::FakeOmniboxHeight()]; self.fakeLocationBar.layer.cornerRadius = content_suggestions::FakeOmniboxHeight() / 2; [NSLayoutConstraint activateConstraints:@[ self.fakeLocationBarTopConstraint, self.fakeLocationBarLeadingConstraint, self.fakeLocationBarTrailingConstraint, self.fakeLocationBarHeightConstraint, ]]; [self addLeadingViewToSearchField:searchField]; } // The leading padding to add in the search field when the fakebox is displayed // on top. - (CGFloat)omniboxLeadingSpace { if ([self shouldShowPlusButton]) { return kOmniboxPlusLeadingSpace; } else { return kOmniboxImageLeadingSpace; } } // The leading padding to add in the search field when the fakebox is displayed // in the middle of the screen. - (CGFloat)fakeboxLeadingSpace { if (IsNewTabPageUICleanupEnabled()) { return kFakeboxLeadingSpaceUICleanup; } if ([self shouldShowPlusButton]) { return kFakeboxPlusLeadingSpace; } else if (CanShowTabStrip(self) || !IsSplitToolbarMode(self)) { return kFakeboxImageLeadingSpace + kFakeboxIPadExtraLeadingSpace; } else { return kFakeboxImageLeadingSpace; } } // Adds the appropriate leading view on the given search field. - (void)addLeadingViewToSearchField:(UIView*)searchField { UIView* leadingView; CGFloat leadingViewYOffset = 0; if ([self shouldShowPlusButton]) { [self createPlusButton]; leadingView = self.plusButton; } else { _logoView = [[UIImageView alloc] init]; _logoView.contentMode = UIViewContentModeScaleAspectFit; _logoView.image = _dseLogo; leadingView = _logoView; leadingViewYOffset = 1.0; } if (!leadingView) { return; } leadingView.translatesAutoresizingMaskIntoConstraints = NO; [searchField addSubview:leadingView]; CGFloat imageSize = IsNewTabPageUICleanupEnabled() ? kFakeboxImageSizeUICleanup : kFakeboxImageSize; AddSquareConstraints(leadingView, imageSize); CGFloat leadingViewConstraintConstant; if (IsChromeNextIaEnabled()) { leadingViewConstraintConstant = [self fakeboxLeadingSpace]; } else { leadingViewConstraintConstant = [self omniboxLeadingSpace]; } self.leadingViewConstraint = [leadingView.leadingAnchor constraintEqualToAnchor:searchField.leadingAnchor constant:leadingViewConstraintConstant]; [NSLayoutConstraint activateConstraints:@[ self.leadingViewConstraint, [leadingView.centerYAnchor constraintEqualToAnchor:self.searchHintLabel.centerYAnchor constant:leadingViewYOffset] ]]; } // Updates button styling for the current trait collection. - (void)updateButtonsForCurrentTraitCollection { // Variations containing MIA entry point force disable colors in the icons. const BOOL forceDisableColors = IsAimEnabledInNtp(); const BOOL darkUIStyle = self.traitCollection.userInterfaceStyle == UIUserInterfaceStyleDark; const BOOL ntpHasCustomBackground = [self.traitCollection boolForNewTabPageImageBackgroundTrait] || [self.traitCollection objectForNewTabPageTrait]; const BOOL useColorIcon = !darkUIStyle && !forceDisableColors && !ntpHasCustomBackground; content_suggestions::ConfigureVoiceSearchButton(self.voiceSearchButton, useColorIcon); if (self.lensButton) { // Only color the badge if there's no image background. UIColor* newBadgeColor = [self.traitCollection boolForNewTabPageImageBackgroundTrait] ? nil : [self.traitCollection objectForNewTabPageTrait].tintColor; content_suggestions::ConfigureLensButtonAppearance( self.lensButton, _useNewBadgeForLensButton, useColorIcon, newBadgeColor); if (_useNewBadgeForLensButton) { content_suggestions::ConfigureLensButtonWithNewBadgeAlpha( self.lensButton, 1 - _lastAnimationPercent); } } } - (void)addSeparatorToSearchField:(UIView*)searchField { DCHECK(searchField.superview == self); self.separator = [[UIView alloc] init]; self.separator.backgroundColor = [UIColor colorNamed:kToolbarShadowColor]; self.separator.alpha = 0; self.separator.translatesAutoresizingMaskIntoConstraints = NO; [searchField addSubview:self.separator]; [NSLayoutConstraint activateConstraints:@[ [self.separator.leadingAnchor constraintEqualToAnchor:self.leadingAnchor], [self.separator.trailingAnchor constraintEqualToAnchor:self.trailingAnchor], [self.separator.topAnchor constraintEqualToAnchor:searchField.bottomAnchor], [self.separator.heightAnchor constraintEqualToConstant:content_suggestions::HeaderSeparatorHeight()], ]]; } - (CGFloat)searchFieldProgressForOffset:(CGFloat)offset { // The scroll offset at which point searchField's frame should stop growing. CGFloat maxScaleOffset = [self offsetToBeginFakeOmniboxResizing]; // The scroll offset at which point searchField's frame should start // growing. CGFloat startScaleOffset = maxScaleOffset - ntp_header::kAnimationDistance; CGFloat percent = 0; if (offset && offset > startScaleOffset) { CGFloat animatingOffset = offset - startScaleOffset; percent = std::clamp( animatingOffset / ntp_header::kAnimationDistance, 0, 1); } if (CanShowTabStrip(self) || !IsSplitToolbarMode(self)) { // For ipad and landscape iphone, this makes the animation start slowly // and accelerate especially towards the end. percent = percent * percent; } return percent; } // Animate the leading view from its fakebox position to its scrolled omnibox // position linearly. When percent is 0, the fakebox is displayed in the // middle of the screen; when it's 1, the fakebox is fully scrolled up. - (void)updateLogoAnimationWithProgress:(CGFloat)progress { if (IsChromeNextIaEnabled() && !CanShowTabStrip(self)) { return; } if (IsNTPHeaderTransformsForAnimationsEnabled()) { self.leadingViewConstraint.constant = [self fakeboxLeadingSpace]; CGFloat translationX = ([self omniboxLeadingSpace] - [self fakeboxLeadingSpace]) * progress; _logoView.transform = CGAffineTransformMakeTranslation(translationX, 0); } else { self.leadingViewConstraint.constant = Interpolate( [self fakeboxLeadingSpace], [self omniboxLeadingSpace], progress); } } // Updates the background color and opacity of the fakebox based on progress. - (void)updateFakeboxBackgroundWithProgress:(CGFloat)progress { // Update the opacity of the header background color as the user scrolls so // that content does not appear beneath it. Since the NTP background might be // a gradient, the opacity must be 0 by default. if (!IsChromeNextIaEnabled() || IsNewTabPagePinnedOmniboxColorUpdateEnabled()) { self.backgroundColor = [HeaderBackgroundColor(self) colorWithAlphaComponent:progress]; } [self setFakeboxColorsWithProgress:progress]; } // Animates the hint label position and scale between fakebox and omnibox based // on progress. - (void)updateHintLabelAnimationWithProgress:(CGFloat)progress { if (IsChromeNextIaEnabled() && !CanShowTabStrip(self)) { return; } [self scaleHintLabelForPercent:progress]; CGFloat hintLabelScalingExtraOffset = (_currentHintLabelScale - 1) * self.searchHintLabel.intrinsicContentSize.width * 0.5; if (IsNTPHeaderTransformsForAnimationsEnabled()) { self.hintLabelTrailingConstraint.constant = -kHintLabelFakeboxTrailingSpace; CGFloat tx = 0; if (CanShowTabStrip(self) || !IsSplitToolbarMode(self)) { tx = hintLabelScalingExtraOffset; } else { tx = hintLabelScalingExtraOffset + (self.hintLabelOmniboxLeadingSpace - self.hintLabelFakeboxLeadingSpace) * progress; } // Combine scale (already set in scaleHintLabelForPercent:) and translation. self.searchHintLabel.transform = CGAffineTransformScale(CGAffineTransformMakeTranslation(tx, 0), _currentHintLabelScale, _currentHintLabelScale); } else { // If MIA animation view is shown then add an aditional spacing to avoid any // overlap with the label. self.hintLabelTrailingConstraint.constant = -hintLabelScalingExtraOffset - kHintLabelFakeboxTrailingSpace; if (CanShowTabStrip(self) || !IsSplitToolbarMode(self)) { self.hintLabelLeadingConstraint.constant = self.hintLabelFakeboxLeadingSpace + hintLabelScalingExtraOffset; } else { self.hintLabelLeadingConstraint.constant = hintLabelScalingExtraOffset + Interpolate(self.hintLabelFakeboxLeadingSpace, self.hintLabelOmniboxLeadingSpace, progress); } } } // Updates constraints for the pinned layout where the search field is // collapsed. - (void)updatePinnedLayoutWithProgress:(CGFloat)progress searchFieldNormalWidth:(CGFloat)searchFieldNormalWidth widthConstraint:(NSLayoutConstraint*)widthConstraint { CHECK(CanShowTabStrip(self) || !IsSplitToolbarMode(self)); CGFloat fakeOmniboxHeight = content_suggestions::FakeOmniboxHeight(); // When Voiceover is running, if the header's alpha is set to 0, voiceover // can't scroll back to it, and it will never come back into view. To // prevent that, set the alpha to non-zero when the header is fully // offscreen. It will still not be seen, but it will be accessible to // Voiceover. self.alpha = std::max(1 - progress, 0.01); widthConstraint.constant = searchFieldNormalWidth; self.fakeLocationBarHeightConstraint.constant = fakeOmniboxHeight - kFakeLocationBarHeightMargin; self.fakeLocationBar.layer.cornerRadius = self.fakeLocationBarHeightConstraint.constant / 2; self.fakeLocationBarLeadingConstraint.constant = 0; self.fakeLocationBarTrailingConstraint.constant = 0; self.fakeLocationBarTopConstraint.constant = 0; self.separator.alpha = 0; _buttonStack.directionalLayoutMargins = NSDirectionalEdgeInsetsMake( 0, 0, 0, [self endButtonFakeboxTrailingSpace]); } // Updates constraints for the expanding layout where the search field grows to // fill the width. - (void)updateExpandingLayoutWithProgress:(CGFloat)progress safeAreaInsets:(UIEdgeInsets)safeAreaInsets searchFieldNormalWidth:(CGFloat)searchFieldNormalWidth widthConstraint:(NSLayoutConstraint*)widthConstraint heightConstraint:(NSLayoutConstraint*)heightConstraint topMarginConstraint: (NSLayoutConstraint*)topMarginConstraint { CGFloat fakeOmniboxHeight = content_suggestions::FakeOmniboxHeight(); CGFloat locationBarHeight = content_suggestions::PinnedFakeOmniboxHeight(); self.alpha = 1; self.separator.alpha = progress; CGFloat maxWidth = self.bounds.size.width; widthConstraint.constant = Interpolate(searchFieldNormalWidth, maxWidth, progress); CGFloat maxTopMarginDiff = fakeOmniboxHeight - locationBarHeight - kAdaptiveLocationBarVerticalMargin; topMarginConstraint.constant = -content_suggestions::LogoToFakeboxPadding(self.searchEngineLogoState) - maxTopMarginDiff * progress; heightConstraint.constant = ntp_header::kFakeLocationBarTopConstraint - content_suggestions::HeaderSeparatorHeight() + Interpolate(fakeOmniboxHeight, locationBarHeight + kAdaptiveLocationBarVerticalMargin, progress); // Calculate the amount to shrink the width and height of background so that // it's where the focused adapative toolbar focuses. self.fakeLocationBarLeadingConstraint.constant = Interpolate( 0, safeAreaInsets.left + kExpandedLocationBarHorizontalMargin, progress); self.fakeLocationBarTrailingConstraint.constant = -Interpolate( 0, safeAreaInsets.right + kExpandedLocationBarHorizontalMargin, progress); self.fakeLocationBarTopConstraint.constant = ntp_header::kFakeLocationBarTopConstraint * progress; self.fakeLocationBarHeightConstraint.constant = Interpolate(fakeOmniboxHeight, locationBarHeight, progress); self.fakeLocationBar.layer.cornerRadius = self.fakeLocationBarHeightConstraint.constant / 2; // Adjust the position of the search field's subviews. CGFloat endButtonInset = Interpolate([self endButtonFakeboxTrailingSpace], kEndButtonOmniboxTrailingSpace, progress); _buttonStack.directionalLayoutMargins = NSDirectionalEdgeInsetsMake(0, 0, 0, endButtonInset); // Fade in badge treatment when scrolled. if (_useNewBadgeForLensButton && !_lensButtonWithNewBadgeTapped && self.lensButton) { content_suggestions::ConfigureLensButtonWithNewBadgeAlpha(self.lensButton, 1 - progress); // Hide divider when N badge is shown. self.voiceAndLensDivider.alpha = progress; } } // Updates the fakebox layout in split toolbar mode (portrait iPhone) based on // NTP scroll progress. Progress goes from 0.0 (fully unscrolled) to 1.0 (fully // scrolled). - (void)updateSplitToolbarLayoutWithProgress:(CGFloat)progress searchFieldNormalWidth:(CGFloat)searchFieldNormalWidth widthConstraint: (NSLayoutConstraint*)widthConstraint { CHECK(IsChromeNextIaEnabled()); CHECK(IsSplitToolbarMode(self)); CHECK(self.layoutGuideCenter); widthConstraint.constant = searchFieldNormalWidth; UIView* topOmniboxView = [self.layoutGuideCenter referencedViewUnderName:kTopOmniboxGuide]; if (!topOmniboxView) { return; } // Automatically recalculate and apply correct masks. [self updateFakeboxMask]; if (!_isBottomOmnibox) { CGFloat currentWidth = self.fakeOmniboxContainer.bounds.size.width; CGFloat currentHeight = self.fakeOmniboxContainer.bounds.size.height; CGPoint currentCenter = self.fakeOmniboxContainer.center; if (currentWidth <= 0 || currentHeight <= 0) { return; } CGFloat targetWidth = topOmniboxView.frame.size.width; CGFloat targetHeight = topOmniboxView.frame.size.height; CGPoint targetCenter = [topOmniboxView convertPoint:CGPointMake(CGRectGetMidX(topOmniboxView.bounds), CGRectGetMidY(topOmniboxView.bounds)) toView:self]; CGFloat progressEase = progress * (2.0 - progress); CGFloat scaleX = Interpolate(1.0, (targetWidth / currentWidth), progressEase); CGFloat scaleY = Interpolate(1.0, (targetHeight / currentHeight), progressEase); CGFloat translateX = (targetCenter.x - currentCenter.x) * progressEase; CGAffineTransform scaleTransform = CGAffineTransformMakeScale(scaleX, scaleY); CGAffineTransform translateTransform = CGAffineTransformMakeTranslation(translateX, 0.0); self.fakeOmniboxContainer.transform = CGAffineTransformConcat(scaleTransform, translateTransform); } else { // Bottom omnibox. // No transform for the fakebox transition when the omnibox is pinned to the // bottom. self.fakeOmniboxContainer.transform = CGAffineTransformIdentity; } CGFloat minAlpha = IsChromeNextIaEnabled() ? 0.0 : 0.01; self.alpha = std::max(1.0 - progress, minAlpha); } // Calculates progress and calls appropriate helper methods to update the header // layout based on scroll offset. - (void)updateSearchFieldWidth:(NSLayoutConstraint*)widthConstraint height:(NSLayoutConstraint*)heightConstraint topMargin:(NSLayoutConstraint*)topMarginConstraint forOffset:(CGFloat)offset screenWidth:(CGFloat)screenWidth safeAreaInsets:(UIEdgeInsets)safeAreaInsets { CGFloat contentWidth = std::max( 0, screenWidth - safeAreaInsets.left - safeAreaInsets.right); if (screenWidth == 0 || contentWidth == 0) { return; } CGFloat searchFieldNormalWidth = content_suggestions::SearchFieldWidth(contentWidth, self.traitCollection); CGFloat percent = [self searchFieldProgressForOffset:offset]; [self updateFakeboxBackgroundWithProgress:percent]; [self updateTabGroupIndicatorAvailabilityWithOffset:offset]; [self updateHintLabelAnimationWithProgress:percent]; [self updateLogoAnimationWithProgress:percent]; if (IsChromeNextIaEnabled() && IsSplitToolbarMode(self)) { [self updateSplitToolbarLayoutWithProgress:percent searchFieldNormalWidth:searchFieldNormalWidth widthConstraint:widthConstraint]; } else if (CanShowTabStrip(self) || !IsSplitToolbarMode(self)) { [self updatePinnedLayoutWithProgress:percent searchFieldNormalWidth:searchFieldNormalWidth widthConstraint:widthConstraint]; } else { [self updateExpandingLayoutWithProgress:percent safeAreaInsets:safeAreaInsets searchFieldNormalWidth:searchFieldNormalWidth widthConstraint:widthConstraint heightConstraint:heightConstraint topMarginConstraint:topMarginConstraint]; } _lastAnimationPercent = percent; } - (void)setCustomizationMenuButton:(UIButton*)customizationMenuButton withNewBadge:(BOOL)hasNewBadge { CHECK(!IsOverflowMenuHomeCustomizationEntrypointEnabled()); if (_customizationMenuButton) { [_customizationMenuButton removeFromSuperview]; } UIButtonConfiguration* configuration = [UIButtonConfiguration plainButtonConfiguration]; UIImage* icon = SymbolTemplateWithPointSize(SymbolPencil, ntp_home::kNTPMenuButtonIconSize); configuration.image = icon; configuration.background.cornerRadius = ntp_home::kNTPMenuButtonCornerRadius; customizationMenuButton.configuration = configuration; UIColor* unthemedTintColor = IsNewTabPageUICleanupEnabled() ? [UIColor colorNamed:kNTPRedesignCustomizationMenuButtonIconColor] : [UIColor colorNamed:kBlue600Color]; customizationMenuButton.configurationUpdateHandler = CreateThemedButtonConfigurationUpdateHandler( unthemedTintColor, ^UIColor*(NewTabPageColorPalette* palette) { if (palette) { return palette.headerButtonColor; } return [UIColor colorWithDynamicProvider:^UIColor*( UITraitCollection* traits) { if (traits.userInterfaceStyle == UIUserInterfaceStyleDark) { return IsNewTabPageUICleanupEnabled() ? [UIColor colorNamed:kSurfaceContainerLowColor] : [UIColor colorNamed:kTabGroupFaviconBackgroundColor]; } return [[UIColor colorNamed:kSolidWhiteColor] colorWithAlphaComponent:ntp_home:: kNTPMenuButtonLightUnthemedAlpha]; }]; }); customizationMenuButton.translatesAutoresizingMaskIntoConstraints = NO; customizationMenuButton.pointerInteractionEnabled = YES; customizationMenuButton.clipsToBounds = YES; NewFeatureBadgeView* newBadgeView = [[NewFeatureBadgeView alloc] initWithBadgeSize:20 fontSize:10]; newBadgeView.translatesAutoresizingMaskIntoConstraints = NO; newBadgeView.userInteractionEnabled = NO; newBadgeView.layer.opacity = hasNewBadge ? 1 : 0; [self.toolBarView addSubview:customizationMenuButton]; [self.toolBarView addSubview:newBadgeView]; [NSLayoutConstraint activateConstraints:@[ [customizationMenuButton.centerYAnchor constraintEqualToAnchor:self.toolBarView.centerYAnchor], [customizationMenuButton.heightAnchor constraintEqualToConstant:ntp_home::kNTPMenuButtonDimension], [customizationMenuButton.widthAnchor constraintEqualToAnchor:customizationMenuButton.heightAnchor], [customizationMenuButton.leadingAnchor constraintEqualToAnchor:self.safeAreaLayoutGuide.leadingAnchor constant:(ntp_home::kIdentityAvatarPadding + ntp_home::kHeaderIconMargin)], [newBadgeView.centerXAnchor constraintEqualToAnchor:customizationMenuButton.centerXAnchor constant:kCustomizationNewBadgeOffset], [newBadgeView.centerYAnchor constraintEqualToAnchor:customizationMenuButton.centerYAnchor constant:-kCustomizationNewBadgeOffset], ]]; _customizationMenuButton = customizationMenuButton; _customizationNewFeatureBadge = newBadgeView; [self.layoutGuideCenter referenceView:customizationMenuButton underName:kFeedIPHNamedGuide]; [self applyBackgroundTheme]; } - (void)setToolsMenuButton:(NTPToolsMenuButton*)toolsMenuButton { CHECK(IsChromeNextIaEnabled()); if (!toolsMenuButton) { [_toolsMenuButton removeFromSuperview]; _toolsMenuButton = nil; return; } toolsMenuButton.translatesAutoresizingMaskIntoConstraints = NO; [self.toolBarView addSubview:toolsMenuButton]; NSLayoutAnchor* leadingAnchor = IsOverflowMenuHomeCustomizationEntrypointEnabled() ? self.safeAreaLayoutGuide.leadingAnchor : self.customizationMenuButton.trailingAnchor; CGFloat leadingConstant = IsOverflowMenuHomeCustomizationEntrypointEnabled() ? (ntp_home::kIdentityAvatarPadding + ntp_home::kHeaderIconMargin) : ntp_home::kHeaderIconMargin; [NSLayoutConstraint activateConstraints:@[ [toolsMenuButton.centerYAnchor constraintEqualToAnchor:self.toolBarView.centerYAnchor], [toolsMenuButton.heightAnchor constraintEqualToConstant:ntp_home::kNTPMenuButtonDimension], [toolsMenuButton.widthAnchor constraintEqualToAnchor:toolsMenuButton.heightAnchor], [toolsMenuButton.leadingAnchor constraintEqualToAnchor:leadingAnchor constant:leadingConstant] ]]; _toolsMenuButton = toolsMenuButton; _toolsMenuButton.blueDot = _hasToolsMenuBlueDot; [self applyBackgroundTheme]; } - (void)hideBadgeOnCustomizationMenu { _customizationNewFeatureBadge.alpha = 0; } - (void)updateTabGroupIndicatorAvailabilityWithOffset:(CGFloat)offset { BOOL canShowTabStrip = CanShowTabStrip(self); BOOL isAvailable = !IsCompactHeight(self) && !canShowTabStrip; _tabGroupIndicatorView.available = isAvailable; // Make the view disappear when the indicator is scrolled out of the screen. // The absolute value of the offset is used to make the view disappear when: // - Scrolling down to reveal the Discover section. // - Scrolling up to reveal the overscroll actions. _tabGroupIndicatorView.alpha = 1 - fmax(0, (abs(offset) / kTabGroupIndicatorHeight)); _toolbarTabGroupIndicartorConstraint.constant = kTabGroupIndicatorNTPToolbarMargin - fmax(offset, 0); if (_tabGroupIndicatorView.hidden) { _toolbarTabGroupIndicartorConstraint.active = NO; _toolbarNoTabGroupIndicartorConstraint.active = YES; } else { _toolbarNoTabGroupIndicartorConstraint.active = NO; _toolbarTabGroupIndicartorConstraint.active = YES; } } - (UIView*)fakeboxButtonsSnapshot { return [_buttonStack snapshotViewAfterScreenUpdates:NO]; } - (BOOL)shouldShowPlusButton { return IsPlusButtonInFakeboxEnabled() && _isAIMAllowed && _fuseboxEligible; } - (void)resetSplitToolbarResizing { CHECK(IsChromeNextIaEnabled()); [self updateFakeboxBackgroundWithProgress:0.0]; self.alpha = 1.0; _lastAnimationPercent = 0.0; [self updateFakeboxMask]; self.fakeOmniboxContainer.transform = CGAffineTransformIdentity; } #pragma mark - NewTabPageHeaderConsumer - (void)setOmniboxInBottomPosition:(BOOL)isBottomOmnibox { CHECK(IsBottomOmniboxAvailable()); CHECK(IsChromeNextIaEnabled()); _isBottomOmnibox = isBottomOmnibox; if (IsSplitToolbarMode(self)) { [self resetSplitToolbarResizing]; } } - (void)setVoiceSearchIsEnabled:(BOOL)voiceSearchIsEnabled { if (_voiceSearchIsEnabled == voiceSearchIsEnabled) { return; } _voiceSearchIsEnabled = voiceSearchIsEnabled; self.voiceSearchButton.enabled = voiceSearchIsEnabled; self.voiceSearchButton.isAccessibilityElement = voiceSearchIsEnabled; [self layoutIfNeeded]; } - (void)setDefaultSearchEngineName:(NSString*)defaultSearchEngineName { if (_defaultSearchEngineName == defaultSearchEngineName) { return; } _defaultSearchEngineName = defaultSearchEngineName; [self updatePlaceholderText]; } - (void)setSearchEngineLogoView:(UIView*)searchEngineLogoView { if (_searchEngineLogoView == searchEngineLogoView) { return; } if (_searchEngineLogoView) { [_searchEngineLogoView removeFromSuperview]; } _searchEngineLogoView = searchEngineLogoView; if (_searchEngineLogoView) { [self insertSubview:_searchEngineLogoView belowSubview:self.toolBarView]; _searchEngineLogoView.translatesAutoresizingMaskIntoConstraints = NO; _searchEngineLogoView.accessibilityIdentifier = ntp_home::NTPLogoAccessibilityID(); [self addConstraintsForLogoView:_searchEngineLogoView fakeOmnibox:self.fakeOmniboxContainer andHeaderView:self]; } } - (void)updateADPBadgeWithErrorFound:(BOOL)hasAccountError name:(NSString*)name email:(NSString*)email { [self.identityDiscButton updateADPBadgeWithErrorFound:hasAccountError name:name email:email]; } - (void)setDefaultSearchEngineImage:(UIImage*)image { _dseLogo = image; _logoView.image = image; } - (void)setAIMAllowed:(BOOL)allowed { if (_isAIMAllowed == allowed) { return; } _isAIMAllowed = allowed; [self refreshFakeboxContent]; } - (void)setFuseboxEligible:(BOOL)eligible { if (_fuseboxEligible == eligible) { return; } _fuseboxEligible = eligible; [self refreshFakeboxContent]; } #pragma mark - Setters // Sets tabgroupIndicatorView. - (void)setTabGroupIndicatorView:(TabGroupIndicatorView*)view { _tabGroupIndicatorView = view; _tabGroupIndicatorView.hidden = YES; _tabGroupIndicatorView.translatesAutoresizingMaskIntoConstraints = NO; _tabGroupIndicatorView.showSeparator = YES; _tabGroupIndicatorView.delegate = self; [self addSubview:_tabGroupIndicatorView]; _toolbarTabGroupIndicartorConstraint = [_toolBarView.topAnchor constraintEqualToAnchor:_tabGroupIndicatorView.bottomAnchor constant:kTabGroupIndicatorNTPToolbarMargin]; [NSLayoutConstraint activateConstraints:@[ [self.tabGroupIndicatorView.leadingAnchor constraintEqualToAnchor:self.leadingAnchor], [self.tabGroupIndicatorView.trailingAnchor constraintEqualToAnchor:self.trailingAnchor], [self.tabGroupIndicatorView.topAnchor constraintEqualToAnchor:self.topAnchor constant:kTabGroupIndicatorNTPTopMargin], [_tabGroupIndicatorView.heightAnchor constraintEqualToConstant:kTabGroupIndicatorHeight], ]]; [self updateTabGroupIndicatorAvailabilityWithOffset:0]; } #pragma mark - Private // Creates the Home customization menu and adds it to the header view. - (void)addCustomizationMenu { CHECK(!IsOverflowMenuHomeCustomizationEntrypointEnabled()); UIButton* customizationMenuButton = [[ExtendedTouchTargetButton alloc] initWithFrame:CGRectZero]; customizationMenuButton.accessibilityIdentifier = kNTPCustomizationMenuButtonIdentifier; customizationMenuButton.accessibilityLabel = l10n_util::GetNSString(IDS_IOS_HOME_CUSTOMIZATION_ACCESSIBILITY_LABEL); [customizationMenuButton addTarget:self.commandHandler action:@selector(customizationMenuWasTapped:) forControlEvents:UIControlEventTouchUpInside]; [self setCustomizationMenuButton:customizationMenuButton withNewBadge:_useNewBadgeForCustomizationMenu]; } // Creates the Tools menu and adds it to the header view. - (void)addToolsMenu { CHECK(IsChromeNextIaEnabled()); CHECK(!IsRegularXRegularSizeClass(self)); CHECK(!CanShowTabStrip(self)); if (self.toolsMenuButton.superview) { // Tools menu button is already in the view hierarchy. return; } NTPToolsMenuButton* toolsMenuButton = [[NTPToolsMenuButton alloc] initWithFrame:CGRectZero]; [toolsMenuButton addTarget:self.commandHandler action:@selector(toolsMenuWasTapped:) forControlEvents:UIControlEventTouchUpInside]; self.toolsMenuButton = toolsMenuButton; } // Refreshes the content of the fakebox. - (void)refreshFakeboxContent { if (!self.fakeOmniboxContainer) { return; } [self removeAllFakeboxButtonsFromStack]; [self removeLeadingView]; [self addFakeboxButtonsToStack]; if (self.fakeOmniboxContainer) { [self addLeadingViewToSearchField:self.fakeOmniboxContainer]; [self setFakeboxColorsWithProgress:_lastAnimationPercent]; } } // Handles the creation of the plus button. - (void)createPlusButton { CHECK([self shouldShowPlusButton]); self.plusButton = [ExtendedTouchTargetButton buttonWithType:UIButtonTypeSystem]; self.plusButton.accessibilityLabel = l10n_util::GetNSString( IDS_IOS_COMPOSEBOX_ADD_ATTACHMENT_BUTTON_ACCESSIBILITY_LABEL); CGFloat symbolPointSize = IsNewTabPageUICleanupEnabled() ? kSymbolActionPointSizeUICleanup : kSymbolActionPointSize; [self.plusButton setImage:SymbolWithPointSize(SymbolPlus, symbolPointSize) forState:UIControlStateNormal]; [self.plusButton addTarget:self.NTPShortcutsHandler action:@selector(openMultimodalActionsMenu) forControlEvents:UIControlEventTouchUpInside]; } // Sets the background based on the current NTP background, current color // palette, or defaults if neither are set. - (void)applyBackgroundTheme { // Fakebox coloring looks at image/color/default to determine correct colors. [self setFakeboxColorsWithProgress:_lastAnimationPercent]; } // Empties the fakebox buttons stack. - (void)removeAllFakeboxButtonsFromStack { for (UIView* arrangedSubview in _buttonStack.arrangedSubviews) { [arrangedSubview removeFromSuperview]; } } // Clears the leading views. - (void)removeLeadingView { [_plusButton removeFromSuperview]; [_logoView removeFromSuperview]; _plusButton = nil; _logoView = nil; } // Adds the necessary buttons to the fakebox stack. - (void)addFakeboxButtonsToStack { // Voice search. self.voiceSearchButton = [ExtendedTouchTargetButton buttonWithType:UIButtonTypeSystem]; self.voiceSearchButton.enabled = _voiceSearchIsEnabled; self.voiceSearchButton.isAccessibilityElement = _voiceSearchIsEnabled; [_buttonStack addArrangedSubview:self.voiceSearchButton]; // Lens. const BOOL useLens = lens_availability::CheckAndLogAvailabilityForLensEntryPoint( LensEntrypoint::NewTabPage, _isGoogleDefaultSearchEngine); if (useLens) { if (IsNewTabPageUICleanupEnabled()) { self.voiceAndLensDivider = nil; } else { [self addVoiceAndLensDivider]; } self.lensButton = [ExtendedTouchTargetButton buttonWithType:UIButtonTypeSystem]; [_buttonStack addArrangedSubview:self.lensButton]; [self.layoutGuideCenter referenceView:self.lensButton underName:kFakeboxLensIconGuide]; if (_useNewBadgeForLensButton) { [self.lensButton addTarget:self action:@selector(lensButtonWithNewBadgeTapped:) forControlEvents:UIControlEventTouchUpInside]; } } [self updateButtonsForCurrentTraitCollection]; [self addActionsToFakeboxButtons]; [self updateHintLabelTrailingConstraint]; } // Registers the actions for the fakebox buttons. - (void)addActionsToFakeboxButtons { [self.voiceSearchButton addTarget:self action:@selector(loadVoiceSearch:) forControlEvents:UIControlEventTouchUpInside]; [self.voiceSearchButton addTarget:self action:@selector(preloadVoiceSearch:) forControlEvents:UIControlEventTouchDown]; [self.lensButton addTarget:self action:@selector(openLensViewFinder) forControlEvents:UIControlEventTouchUpInside]; } // Updates the trailing constraint of the label to the nearest button stack // element. - (void)updateHintLabelTrailingConstraint { UIView* referenceView = _buttonStack.arrangedSubviews.firstObject; if (!referenceView) { return; } self.hintLabelTrailingConstraint = [self.searchHintLabel.trailingAnchor constraintLessThanOrEqualToAnchor:referenceView.leadingAnchor constant:-kHintLabelFakeboxTrailingSpace]; self.hintLabelTrailingConstraint.priority = UILayoutPriorityDefaultHigh; [NSLayoutConstraint activateConstraints:@[ [referenceView.centerYAnchor constraintEqualToAnchor:self.fakeLocationBar.centerYAnchor], self.hintLabelTrailingConstraint, ]]; } // Gets the fonts for the pinned and unpinned fakebox hint label, and sets // the correct one. - (void)updateHintLabelFonts { UIContentSizeCategory maxCategory = IsChromeNextIaEnabled() ? LocationBarSteadyViewMaxSizeCategory() : LegacyLocationBarSteadyViewMaxSizeCategory(); _hintLabelFontSmall = PreferredFontForTextStyleWithMaxCategory( LocationBarFontTextStyle(), self.traitCollection.preferredContentSizeCategory, maxCategory); CGFloat bigFontSize = _hintLabelFontSmall.pointSize / (1.0 - [self hintTextScale]); _hintLabelFontBig = [_hintLabelFontSmall fontWithSize:bigFontSize]; self.searchHintLabel.font = [self hintLabelFontForPercent:_lastAnimationPercent]; } // Returns the font for the hint label at the given animation percent. - (UIFont*)hintLabelFontForPercent:(CGFloat)percent { if (percent == 1 && !self.allowFontScaleAnimation) { return _hintLabelFontSmall; } return _hintLabelFontBig; } // Returns the scale factor for the hint label based on whether // `kNewTabPageUICleanup` is enabled. - (CGFloat)hintTextScale { return IsNewTabPageUICleanupEnabled() ? content_suggestions::kHintTextScaleUICleanup : content_suggestions::kHintTextScale; } // Scale the the hint label down to at most content_suggestions::kHintTextScale. - (void)scaleHintLabelForPercent:(CGFloat)percent { DCHECK(self.searchHintLabel); if (percent == _lastAnimationPercent) { return; } if (percent > 0.90) { // When percent is very close to 1, the big font will be scaled down to be // almost the same size as the small font. But due to rendering differences // the big font scaled down can actually look slightly smaller than the // small font. By switching to the small font 10% early, a glitchy jump in // size is avoided. percent = 1; } UILabel* searchHintLabel = self.searchHintLabel; UIFont* font = [self hintLabelFontForPercent:percent]; if (searchHintLabel.font != font) { searchHintLabel.font = font; } if (percent == 1 && !self.allowFontScaleAnimation) { // When pinned, the small font is used without scaling down. _currentHintLabelScale = 1; searchHintLabel.transform = CGAffineTransformIdentity; return; } // When unpinned, the bigger font is used and scaling is applied depending on // the animation percent. _currentHintLabelScale = 1 - ([self hintTextScale] * percent); searchHintLabel.transform = CGAffineTransformMakeScale( _currentHintLabelScale, _currentHintLabelScale); } // The positive offset value to begin the fake omnibox resizing animation. - (CGFloat)offsetToBeginFakeOmniboxResizing { CGFloat offset = self.frame.size.height; BOOL canShowTabStrip = CanShowTabStrip(self); BOOL isSplitToolbarMode = IsSplitToolbarMode(self); if (!IsChromeNextIaEnabled()) { offset -= content_suggestions::FakeToolbarHeight(); if (canShowTabStrip || !isSplitToolbarMode) { offset += content_suggestions::FakeOmniboxHeight(); if (canShowTabStrip) { offset -= content_suggestions::LogoToFakeboxPadding( self.searchEngineLogoState); } } return offset; } CGFloat topToolbarHeight = (_isBottomOmnibox || canShowTabStrip) ? 0.0 : kTopToolbarIPhonePortraitHeight; if (isSplitToolbarMode) { // Top toolbar is taller in split toolbar mode when there is a tab group // indicator. BOOL tabGroupIndicatorVisible = _tabGroupIndicatorView && !_tabGroupIndicatorView.isHidden; topToolbarHeight += (tabGroupIndicatorVisible ? kTabGroupIndicatorHeight : 0.0); offset -= self.safeAreaInsets.top + topToolbarHeight; offset -= content_suggestions::FakeOmniboxHeight() * kFakeboxResizingStartOffsetFactor; return offset; } // Non-split toolbar mode (iPad or landscape iPhone). offset -= content_suggestions::FakeToolbarHeight() - content_suggestions::FakeOmniboxHeight(); if (canShowTabStrip) { offset -= content_suggestions::LogoToFakeboxPadding(self.searchEngineLogoState); } else { offset -= self.safeAreaInsets.top + topToolbarHeight; } return offset; } // Returns the view that should mask the fake omnibox if the fake omnibox is // overlapping with it. - (UIView*)blockingViewForFakeOmnibox { CHECK(IsChromeNextIaEnabled()); if (!self.layoutGuideCenter) { return nil; } if (_isBottomOmnibox) { // Top toolbar. return [self.layoutGuideCenter referencedViewUnderName:kPrimaryToolbarGuide]; } else { // Omnibox from the toolbar. return [self.layoutGuideCenter referencedViewUnderName:kTopOmniboxGuide]; } } // Sets the fakebox's colors, based on the current customization settings and // the progress towards being pinned at the top. - (void)setFakeboxColorsWithProgress:(CGFloat)progress { NewTabPageColorPalette* colorPalette = [self.traitCollection objectForNewTabPageTrait]; [self.fakeLocationBar updateColorsWithProgress:progress colorPalette:colorPalette]; UIColor* defaultTintColor = content_suggestions::DefaultIconTintColorWithAIMAllowed(_isAIMAllowed); UIColor* defaultDividerColor = [UIColor colorNamed:kGrey600Color]; UIColor* tintColor = colorPalette ? BlendColors(colorPalette.tintColor, defaultTintColor, progress) : defaultTintColor; UIColor* dividerColor = colorPalette ? BlendColors(colorPalette.omniboxIconDividerColor, defaultDividerColor, progress) : defaultDividerColor; _voiceSearchButton.tintColor = tintColor; _lensButton.tintColor = tintColor; _plusButton.tintColor = tintColor; _voiceAndLensDivider.backgroundColor = dividerColor; } // Creates a thin grey divider that acts as a visual separator. - (UIView*)createDivider { UIView* divider = [[UIView alloc] init]; divider.translatesAutoresizingMaskIntoConstraints = NO; CGFloat dividerWidth = 1.0 / self.traitCollection.displayScale; [NSLayoutConstraint activateConstraints:@[ [divider.heightAnchor constraintEqualToConstant:kIconDividerHeight], [divider.widthAnchor constraintEqualToConstant:dividerWidth], ]]; return divider; } // Adds a short vertical line between the mic and lens icons in the fakebox. - (void)addVoiceAndLensDivider { UIView* divider = [self createDivider]; self.voiceAndLensDivider = divider; [_buttonStack addArrangedSubview:divider]; } // Handles a lens button with new badge tap. Registers that the tap has occurred // and animates out the new badge portion of the button. - (void)lensButtonWithNewBadgeTapped:(id)sender { if (!_lensButtonWithNewBadgeTapped) { _lensButtonWithNewBadgeTapped = YES; [UIView animateWithDuration:kMaterialDuration1 animations:^{ content_suggestions::ConfigureLensButtonWithNewBadgeAlpha( self.lensButton, 0); }]; } } // Returns end button fakebox trailing space depending on fakebox size and // whether the new badge is displayed. - (CGFloat)endButtonFakeboxTrailingSpace { if (IsNewTabPageUICleanupEnabled()) { return kEndButtonFakeboxTrailingSpaceUICleanup; } // If normal sized fakebox and new bade is showing, reduce trailing space. if (_useNewBadgeForLensButton && !IsAimEnabledInNtp()) { return kEndButtonNormalSizeFakeboxWithBadgeTrailingSpace; } // Adjust the iPad voice button spacing to mirror the leading padding when no // other buttons are present. BOOL isSplitToolbarMode = IsSplitToolbarMode(self); if (!isSplitToolbarMode) { return kEndButtonFakeboxIPadTrailingSpace; } // Common trailing space. return kEndButtonFakeboxTrailingSpace; } // Updates facets of the UI to reflect the change in the collection of UITraits. - (void)updateUIOnTraitChange:(UITraitCollection*)previousTraitCollection { BOOL horizontalSizeClassChanged = previousTraitCollection.horizontalSizeClass != self.traitCollection.horizontalSizeClass; BOOL preferredContentSizeCategoryChanged = previousTraitCollection.preferredContentSizeCategory != self.traitCollection.preferredContentSizeCategory; if (horizontalSizeClassChanged || preferredContentSizeCategoryChanged) { [self updateFakeboxDisplay]; } if (IsChromeNextIaEnabled()) { if (horizontalSizeClassChanged || previousTraitCollection.verticalSizeClass != self.traitCollection.verticalSizeClass) { [self resetSplitToolbarResizing]; if (!CanShowTabStrip(self) && !IsRegularXRegularSizeClass(self)) { [self addToolsMenu]; } else { // If the Tools menu button is always visible in the toolbar (iPad), the // Tools menu should not be in the header. self.toolsMenuButton = nil; } } } if (preferredContentSizeCategoryChanged) { [self updateHintLabelFonts]; } if (previousTraitCollection.userInterfaceStyle != self.traitCollection.userInterfaceStyle) { // The fakebox background can be a blended color, which will not // automatically update when dark/light mode is changed. It needs to be // manually updated here. [self setFakeboxColorsWithProgress:_lastAnimationPercent]; } } #pragma mark - helpers - (CGFloat)hintLabelFakeboxLeadingSpace { if (IsNewTabPageUICleanupEnabled()) { return kHintLabelFakeboxLeadingSpaceUICleanup; } if ([self shouldShowPlusButton]) { return kHintLabelFakeboxLeadingSpaceWithPlus; } else if (CanShowTabStrip(self) || !IsSplitToolbarMode(self)) { return kHintLabelFakeboxLeadingSpaceWithIcon + kFakeboxIPadExtraLeadingSpace; } else { return kHintLabelFakeboxLeadingSpaceWithIcon; } } - (CGFloat)hintLabelOmniboxLeadingSpace { if ([self shouldShowPlusButton]) { return kHintLabelOmniboxLeadingSpaceWithWithPlus; } else { return kHintLabelOmniboxLeadingSpaceWithIcon; } } // Applies an inverted mask so that `viewToMask` is not visible where it is // being overlapped by `blockingView`. Helper for when the fakebox is being // scrolled behind the top toolbar which fades in. - (void)applyInvertedMaskToView:(UIView*)viewToMask blockedByView:(UIView*)blockingView { CHECK(IsChromeNextIaEnabled()); if (!viewToMask) { return; } // If there is no blocking view, clear any existing mask so the view renders // fully. if (!blockingView) { viewToMask.layer.mask = nil; return; } CGRect blockingFrameInLocalSpace = [viewToMask convertRect:blockingView.bounds fromView:blockingView]; UIBezierPath* maskPath = [UIBezierPath bezierPathWithRect:viewToMask.bounds]; CGFloat targetRadius = blockingView.layer.cornerRadius; if (targetRadius <= 0.0) { targetRadius = blockingFrameInLocalSpace.size.height / 2.0; } UIBezierPath* cutoutPath = [UIBezierPath bezierPathWithRoundedRect:blockingFrameInLocalSpace cornerRadius:targetRadius]; [maskPath appendPath:cutoutPath]; CAShapeLayer* maskLayer = (CAShapeLayer*)viewToMask.layer.mask; if (!maskLayer || ![maskLayer isKindOfClass:[CAShapeLayer class]]) { maskLayer = [CAShapeLayer layer]; viewToMask.layer.mask = maskLayer; } maskLayer.fillRule = kCAFillRuleEvenOdd; maskLayer.path = maskPath.CGPath; } // Updates the mask over the fakebox or its elements based on omnibox position. - (void)updateFakeboxMask { CHECK(IsChromeNextIaEnabled()); if (!IsBottomOmniboxAvailable()) { // On iPad (bottom omnibox unavailable), the fakebox does not need to be // masked because it slides under the fully opaque top toolbar which is // always shown. return; } // Only apply masks when in split toolbar mode and the page has scrolled. If // `shouldMask` is NO, all existing masks will be cleared. BOOL shouldMask = IsSplitToolbarMode(self) && (_lastAnimationPercent > 0.0); UIView* innerElementBlockingView = nil; UIView* containerBlockingView = nil; if (shouldMask) { UIView* blockingView = [self blockingViewForFakeOmnibox]; innerElementBlockingView = _isBottomOmnibox ? nil : blockingView; containerBlockingView = _isBottomOmnibox ? blockingView : nil; } // When the omnibox is pinned to the top, the search hint text in the fakebox // can overlap with the search hint in the top toolbar during scrolling. // Because the top toolbar fades in with the omnibox as the fakebox scrolls // into its area, this inverted mask clips the fakebox's search hint text at // the top omnibox's boundary to prevent the text fields from visually // overlapping or cross-fading. [self applyInvertedMaskToView:_buttonStack blockedByView:innerElementBlockingView]; [self applyInvertedMaskToView:self.searchHintLabel blockedByView:innerElementBlockingView]; [self applyInvertedMaskToView:(self.plusButton ? self.plusButton : _logoView) blockedByView:innerElementBlockingView]; // When the omnibox is pinned to the bottom, the full fakebox can overlap with // the top toolbar area during scrolling. Because the top toolbar fades in as // the fakebox scrolls off-screen, this inverted mask clips the fakebox at the // toolbar's boundary to prevent them from visually overlapping or // cross-fading. [self applyInvertedMaskToView:self.fakeOmniboxContainer blockedByView:containerBlockingView]; } #pragma mark - Action handling - (void)openAIM { [self.NTPShortcutsHandler openAIM]; } - (void)openLensViewFinder { [self.NTPShortcutsHandler openLensViewFinder]; } - (void)loadVoiceSearch:(id)sender { UIView* voiceSearchButton = base::apple::ObjCCastStrict(sender); [self.NTPShortcutsHandler loadVoiceSearchFromView:voiceSearchButton]; } - (void)preloadVoiceSearch:(id)sender { [sender removeTarget:self action:@selector(preloadVoiceSearch:) forControlEvents:UIControlEventTouchDown]; [self.NTPShortcutsHandler preloadVoiceSearch]; } #pragma mark - TabGroupIndicatorViewDelegate - (void)tabGroupIndicatorViewVisibilityUpdated:(BOOL)visible { CHECK_EQ(_tabGroupIndicatorView.hidden, !visible); if (visible) { _toolbarTabGroupIndicartorConstraint.active = YES; _toolbarNoTabGroupIndicartorConstraint.active = NO; } else { _toolbarTabGroupIndicartorConstraint.active = NO; _toolbarNoTabGroupIndicartorConstraint.active = YES; } } #pragma mark - UIIndirectScribbleInteractionDelegate - (void)indirectScribbleInteraction:(UIIndirectScribbleInteraction*)interaction requestElementsInRect:(CGRect)rect completion: (void (^)(NSArray* elements))completion { completion(@[ kScribbleFakeboxElementId ]); } - (BOOL)indirectScribbleInteraction:(UIIndirectScribbleInteraction*)interaction isElementFocused: (UIScribbleElementIdentifier)elementIdentifier { DCHECK(elementIdentifier == kScribbleFakeboxElementId); return self.scribbleForwardingTarget.isFirstResponder; } - (CGRect) indirectScribbleInteraction:(UIIndirectScribbleInteraction*)interaction frameForElement:(UIScribbleElementIdentifier)elementIdentifier { DCHECK(elementIdentifier == kScribbleFakeboxElementId); // Imitate the entire location bar being scribblable. return interaction.view.bounds; } - (void)indirectScribbleInteraction:(UIIndirectScribbleInteraction*)interaction focusElementIfNeeded: (UIScribbleElementIdentifier)elementIdentifier referencePoint:(CGPoint)focusReferencePoint completion: (void (^)(UIResponder* focusedInput)) completion { if (!self.scribbleForwardingTarget.isFirstResponder) { [self.scribbleForwardingTarget becomeFirstResponder]; } completion(self.scribbleForwardingTarget); } - (BOOL)indirectScribbleInteraction:(UIIndirectScribbleInteraction*)interaction shouldDelayFocusForElement: (UIScribbleElementIdentifier)elementIdentifier { DCHECK(elementIdentifier == kScribbleFakeboxElementId); return YES; } #pragma mark - UIPointerInteractionDelegate - (UIPointerRegion*)pointerInteraction:(UIPointerInteraction*)interaction regionForRequest:(UIPointerRegionRequest*)request defaultRegion:(UIPointerRegion*)defaultRegion { return defaultRegion; } - (UIPointerStyle*)pointerInteraction:(UIPointerInteraction*)interaction styleForRegion:(UIPointerRegion*)region { // If the view is no longer in a window due to a race condition, no // pointer style is needed. if (!interaction.view.window) { return nil; } // Without this, the hover effect looks slightly oversized. CGRect rect = CGRectInset(interaction.view.bounds, 1, 1); UIBezierPath* path = [UIBezierPath bezierPathWithRoundedRect:rect cornerRadius:rect.size.height]; UIPreviewParameters* parameters = [[UIPreviewParameters alloc] init]; parameters.visiblePath = path; UITargetedPreview* preview = [[UITargetedPreview alloc] initWithView:interaction.view parameters:parameters]; UIPointerHoverEffect* effect = [UIPointerHoverEffect effectWithPreview:preview]; effect.prefersScaledContent = NO; effect.prefersShadow = NO; UIPointerShape* shape = [UIPointerShape beamWithPreferredLength:interaction.view.bounds.size.height / 2 axis:UIAxisVertical]; return [UIPointerStyle styleWithEffect:effect shape:shape]; } #pragma mark - UserAccountImageUpdateDelegate - (void)setSignedOutAccountImage { _isSignedIn = NO; [self.identityDiscButton setSignedOutAccountImage]; } // Updates current signed-in user account avatar with the supplied images. // `avatarWithoutAITier` is the normal-sized avatar image to be displayed when // the AI tier ring is not shown. - (void)updateAccountWithName:(NSString*)name email:(NSString*)email avatarImage:(UIImage*)avatarImage hasAITier:(BOOL)hasAITier { _isSignedIn = YES; [self.identityDiscButton updateAccountWithName:name email:email avatarImage:avatarImage hasAITier:hasAITier]; } #pragma mark - SearchEngineLogoConsumer - (void)searchEngineLogoStateDidChange:(SearchEngineLogoState)logoState { if (logoState == self.searchEngineLogoState) { return; } self.searchEngineLogoState = logoState; self.fakeOmniboxTopMarginConstraint.constant = -content_suggestions::LogoToFakeboxPadding(self.searchEngineLogoState); [self updateFakeboxDisplay]; [self setNeedsLayout]; [UIView performWithoutAnimation:^{ [self layoutIfNeeded]; [self.commandHandler updateForHeaderSizeChange]; }]; } #pragma mark - Public (Fakebox & Logo Layout) - (void)expandHeaderForFocus { // Make sure that the offset is after the pinned offset to have the fake // omnibox taking the full width. CGFloat offset = 9000; [self updateLogoForOffset:offset]; [self updateSearchFieldWidth:self.fakeOmniboxWidthConstraint height:self.fakeOmniboxHeightConstraint topMargin:self.fakeOmniboxTopMarginConstraint forOffset:offset screenWidth:self.bounds.size.width safeAreaInsets:self.safeAreaInsets]; self.fakeOmniboxWidthConstraint.constant = self.bounds.size.width; [self layoutIfNeeded]; if (!IsComposeboxIOSEnabled()) { UIView* topOmnibox = [self.layoutGuideCenter referencedViewUnderName:kTopOmniboxGuide]; CGRect omniboxFrameInFakebox = [topOmnibox convertRect:topOmnibox.bounds toView:self.fakeOmniboxContainer]; self.fakeLocationBarLeadingConstraint.constant = omniboxFrameInFakebox.origin.x; self.fakeLocationBarTrailingConstraint.constant = -(self.fakeOmniboxContainer.bounds.size.width - (omniboxFrameInFakebox.origin.x + omniboxFrameInFakebox.size.width)); [self updateFakeboxElementsForExpansion:YES]; } } - (void)revertHeaderExpansionOnUnfocus { if (!IsComposeboxIOSEnabled()) { [self updateFakeboxElementsForExpansion:NO]; } } - (void)updateFakeOmniboxForOffset:(CGFloat)offset screenWidth:(CGFloat)screenWidth safeAreaInsets:(UIEdgeInsets)safeAreaInsets animateScrollAnimation:(BOOL)animateScrollAnimation { if (self.isShowing) { [self updateTabGroupIndicatorAvailabilityWithOffset:offset]; CGFloat progress = (self.searchEngineLogoState != SearchEngineLogoState::kNone) || !CanShowTabStrip(self) ? [self searchFieldProgressForOffset:offset] // RxR with no logo hides the fakebox, so always show the omnibox. : 1; [self updateLogoForOffset:offset]; if (!IsChromeNextIaEnabled()) { if (!CanShowTabStrip(self) && IsSplitToolbarMode(self)) { // Ensure omnibox is reset when not a regular tablet. progress = 1.0; } } self.scrollProgress = progress; if (IsChromeNextIaEnabled()) { if (progress == 0.0 && _toolsMenuButton) { [self.layoutGuideCenter referenceView:_toolsMenuButton underName:kToolsMenuGuide]; } } } if (animateScrollAnimation) { [self updateSearchFieldWidth:self.fakeOmniboxWidthConstraint height:self.fakeOmniboxHeightConstraint topMargin:self.fakeOmniboxTopMarginConstraint forOffset:offset screenWidth:screenWidth safeAreaInsets:safeAreaInsets]; } } - (void)updateFakeOmniboxForWidth:(CGFloat)width { self.fakeOmniboxWidthConstraint.constant = content_suggestions::SearchFieldWidth(width, self.traitCollection); } - (void)layoutHeader { [self layoutIfNeeded]; } - (CGFloat)headerHeight { return content_suggestions::HeightForLogoHeader(self.searchEngineLogoState, self.traitCollection); } #pragma mark - Private (Fakebox & Logo Layout Helpers) // Updates the elements inside the fakebox based on whether it is part of an // expansion. - (void)updateFakeboxElementsForExpansion:(BOOL)expansion { if (expansion) { self.voiceSearchButton.alpha = 0; self.cancelButton.alpha = 0.7; self.omnibox.alpha = 1; self.searchHintLabel.alpha = 0; } else { self.voiceSearchButton.alpha = 1; self.cancelButton.alpha = 1; self.searchHintLabel.alpha = 1; } } - (void)updateFakeboxDisplay { self.doodleTopMarginConstraint.constant = content_suggestions::LogoTopPadding( self.searchEngineLogoState, self.traitCollection); [self.doodleHeightConstraint setConstant:content_suggestions::DoodleHeight(self.searchEngineLogoState, self.traitCollection)]; self.fakeOmniboxContainer.hidden = CanShowTabStrip(self) && (self.searchEngineLogoState == SearchEngineLogoState::kNone); self.headerViewHeightConstraint.constant = content_suggestions::HeightForLogoHeader(self.searchEngineLogoState, self.traitCollection); [self layoutIfNeeded]; } - (void)addConstraintsForLogoView:(UIView*)logoView fakeOmnibox:(UIView*)fakeOmnibox andHeaderView:(UIView*)headerView { self.doodleTopMarginConstraint = [logoView.topAnchor constraintEqualToAnchor:headerView.topAnchor constant:content_suggestions::LogoTopPadding( self.searchEngineLogoState, self.traitCollection)]; self.doodleHeightConstraint = [logoView.heightAnchor constraintEqualToConstant:content_suggestions::DoodleHeight( self.searchEngineLogoState, self.traitCollection)]; self.fakeOmniboxHeightConstraint = [fakeOmnibox.heightAnchor constraintEqualToConstant:content_suggestions::FakeOmniboxHeight()]; CGFloat initialWidth = content_suggestions::SearchFieldWidth( self.bounds.size.width, self.traitCollection); self.fakeOmniboxWidthConstraint = [fakeOmnibox.widthAnchor constraintEqualToConstant:initialWidth]; self.fakeOmniboxTopMarginConstraint = [logoView.bottomAnchor constraintEqualToAnchor:fakeOmnibox.topAnchor constant:-content_suggestions::LogoToFakeboxPadding( self.searchEngineLogoState)]; self.headerViewHeightConstraint = [headerView.heightAnchor constraintEqualToConstant:[self headerHeight]]; self.headerViewHeightConstraint.active = YES; self.doodleTopMarginConstraint.active = YES; self.doodleHeightConstraint.active = YES; self.fakeOmniboxWidthConstraint.active = YES; self.fakeOmniboxHeightConstraint.active = YES; self.fakeOmniboxTopMarginConstraint.active = YES; [logoView.widthAnchor constraintEqualToAnchor:headerView.widthAnchor].active = YES; [logoView.leadingAnchor constraintEqualToAnchor:headerView.leadingAnchor] .active = YES; [fakeOmnibox.centerXAnchor constraintEqualToAnchor:headerView.centerXAnchor] .active = YES; } - (void)updateLogoForOffset:(CGFloat)offset { self.searchEngineLogoView.alpha = std::max(1 - [self searchFieldProgressForOffset:offset], 0.0); } // Returns the default background color for buttons based on the current // appearance. - (UIColor*)defaultButtonBackgroundColor { return [UIColor colorWithDynamicProvider:^UIColor*(UITraitCollection* traits) { return traits.userInterfaceStyle == UIUserInterfaceStyleDark ? [UIColor colorNamed:kTabGroupFaviconBackgroundColor] : [[UIColor colorNamed:kSolidWhiteColor] colorWithAlphaComponent:0.75]; }]; } - (UIView*)fakeOmniboxView { if (IsComposeboxIOSEnabled()) { return self.fakeOmniboxContainer; } return self.fakeLocationBar; } - (CGFloat)pinnedOffsetY { CGFloat offsetY = self.headerHeight - content_suggestions::FakeToolbarHeight(); if ([self.delegate shouldPinFakeOmnibox]) { offsetY -= self.headerHeight; } return AlignValueToLowerPixel(offsetY); } - (void)didAppear { [self maybeShowSwitchAccountsIPH]; if (self.lensButton && _useNewBadgeForLensButton && !_didNotifyLensBadgeDisplay) { [self.mutator notifyLensBadgeDisplayed]; _didNotifyLensBadgeDisplay = YES; } if (self.customizationMenuButton && _useNewBadgeForCustomizationMenu && !_didNotifyCustomizationBadgeDisplay) { [self.mutator notifyCustomizationBadgeDisplayed]; _didNotifyCustomizationBadgeDisplay = YES; } } - (void)focusAccessibilityOnOmnibox { UIAccessibilityPostNotification(UIAccessibilityScreenChangedNotification, self.fakeOmniboxContainer); } - (void)maybeShowSwitchAccountsIPH { if (!_isSignedIn) { return; } [self.helpHandler presentInProductHelpWithType: InProductHelpType::kSwitchAccountsWithNTPAccountParticleDisc]; } - (void)completeHeaderFakeOmniboxFocusAnimationWithFinalPosition: (UIViewAnimatingPosition)finalPosition { if (finalPosition == UIViewAnimatingPositionEnd) { [self.fakeboxFocuserHandler onFakeboxAnimationComplete]; } } - (void)omniboxDidEndEditing { [self.omnibox.textInput setText:@""]; [self updateFakeboxDisplay]; } - (void)setOverflowMenuBlueDot:(BOOL)hasBlueDot { _hasToolsMenuBlueDot = hasBlueDot; self.toolsMenuButton.blueDot = hasBlueDot; } @end