Revision control
Copy as Markdown
// This Source Code Form is subject to the terms of the Mozilla Public
// License, v. 2.0. If a copy of the MPL was not distributed with this
import UIKit
import Common
/// Navigation toolbar implementation.
public class BrowserNavigationToolbar: UIView, NavigationToolbar, ThemeApplicable {
private enum UX {
static let horizontalEdgeSpace: CGFloat = 16
static let buttonSize = CGSize(width: 48, height: 48)
static let borderHeight: CGFloat = 1
}
private lazy var actionStack: UIStackView = .build { view in
view.distribution = .equalSpacing
}
private lazy var toolbarBorderView: UIView = .build()
private var toolbarBorderHeightConstraint: NSLayoutConstraint?
private var theme: Theme?
override init(frame: CGRect) {
super.init(frame: .zero)
setupLayout()
}
required init?(coder: NSCoder) {
fatalError("init(coder:) has not been implemented")
}
public func configure(state: NavigationToolbarState) {
updateActionStack(toolbarElements: state.actions)
// Update border
toolbarBorderHeightConstraint?.constant = state.shouldDisplayBorder ? UX.borderHeight : 0
}
// MARK: - Private
private func setupLayout() {
addSubview(toolbarBorderView)
addSubview(actionStack)
toolbarBorderHeightConstraint = toolbarBorderView.heightAnchor.constraint(equalToConstant: 0)
toolbarBorderHeightConstraint?.isActive = true
NSLayoutConstraint.activate([
toolbarBorderView.leadingAnchor.constraint(equalTo: leadingAnchor),
toolbarBorderView.topAnchor.constraint(equalTo: topAnchor),
toolbarBorderView.trailingAnchor.constraint(equalTo: trailingAnchor),
actionStack.leadingAnchor.constraint(equalTo: leadingAnchor, constant: UX.horizontalEdgeSpace),
actionStack.topAnchor.constraint(equalTo: toolbarBorderView.bottomAnchor),
actionStack.bottomAnchor.constraint(equalTo: bottomAnchor),
actionStack.trailingAnchor.constraint(equalTo: trailingAnchor, constant: -UX.horizontalEdgeSpace),
])
}
private func updateActionStack(toolbarElements: [ToolbarElement]) {
actionStack.removeAllArrangedViews()
toolbarElements.forEach { toolbarElement in
let button = toolbarElement.numberOfTabs != nil ? TabNumberButton() : ToolbarButton()
button.configure(element: toolbarElement)
actionStack.addArrangedSubview(button)
NSLayoutConstraint.activate([
button.widthAnchor.constraint(equalToConstant: UX.buttonSize.width),
button.heightAnchor.constraint(equalToConstant: UX.buttonSize.height),
])
if let theme {
// As we recreate the buttons we need to apply the theme for them to be displayed correctly
button.applyTheme(theme: theme)
}
}
}
// MARK: - ThemeApplicable
public func applyTheme(theme: Theme) {
backgroundColor = theme.colors.layer1
toolbarBorderView.backgroundColor = theme.colors.borderPrimary
self.theme = theme
}
}