-
Notifications
You must be signed in to change notification settings - Fork 318
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #1272 from mapbox/jerrad/exit-view
Adding "Exit View" to Instructions Banner
- Loading branch information
Showing
54 changed files
with
676 additions
and
216 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,128 @@ | ||
| import UIKit | ||
|
|
||
| enum ExitSide: String{ | ||
| case left, right, other | ||
|
|
||
| var exitImage: UIImage { | ||
| return self == .left ? ExitView.leftExitImage : ExitView.rightExitImage | ||
| } | ||
| } | ||
|
|
||
| class ExitView: StylableView { | ||
| static let leftExitImage = UIImage(named: "exit-left", in: .mapboxNavigation, compatibleWith: nil)!.withRenderingMode(.alwaysTemplate) | ||
| static let rightExitImage = UIImage(named: "exit-right", in: .mapboxNavigation, compatibleWith: nil)!.withRenderingMode(.alwaysTemplate) | ||
|
|
||
| static let labelFontSizeScaleFactor: CGFloat = 2.0/3.0 | ||
|
|
||
| @objc dynamic var foregroundColor: UIColor? { | ||
| didSet { | ||
| layer.borderColor = foregroundColor?.cgColor | ||
| imageView.tintColor = foregroundColor | ||
| exitNumberLabel.textColor = foregroundColor | ||
| setNeedsDisplay() | ||
| } | ||
| } | ||
|
|
||
| var side: ExitSide = .right { | ||
| didSet { | ||
| populateExitImage() | ||
| rebuildConstraints() | ||
| } | ||
| } | ||
|
|
||
| lazy var imageView: UIImageView = { | ||
| let view = UIImageView(image: self.side.exitImage) | ||
| view.tintColor = foregroundColor | ||
| view.translatesAutoresizingMaskIntoConstraints = false | ||
| view.contentMode = .scaleAspectFit | ||
| return view | ||
| }() | ||
|
|
||
| lazy var exitNumberLabel: UILabel = { | ||
| let label: UILabel = .forAutoLayout() | ||
| label.text = exitText | ||
| label.textColor = .black | ||
| label.font = UIFont.boldSystemFont(ofSize: pointSize * ExitView.labelFontSizeScaleFactor) | ||
|
|
||
| return label | ||
| }() | ||
|
|
||
| var exitText: String? { | ||
| didSet { | ||
| exitNumberLabel.text = exitText | ||
| invalidateIntrinsicContentSize() | ||
| } | ||
| } | ||
| var pointSize: CGFloat { | ||
| didSet { | ||
| exitNumberLabel.font = exitNumberLabel.font.withSize(pointSize * ExitView.labelFontSizeScaleFactor) | ||
| rebuildConstraints() | ||
| } | ||
| } | ||
|
|
||
| convenience init(pointSize: CGFloat, side: ExitSide = .right, text: String) { | ||
| self.init(frame: .zero) | ||
| self.pointSize = pointSize | ||
| self.side = side | ||
| self.exitText = text | ||
| commonInit() | ||
| } | ||
|
|
||
| override init(frame: CGRect) { | ||
| pointSize = 0.0 | ||
| super.init(frame: frame) | ||
| } | ||
|
|
||
| required init?(coder aDecoder: NSCoder) { | ||
| pointSize = 0.0 | ||
| super.init(coder: aDecoder) | ||
| commonInit() | ||
| } | ||
|
|
||
| func rebuildConstraints() { | ||
| NSLayoutConstraint.deactivate(self.constraints) | ||
| buildConstraints() | ||
| } | ||
|
|
||
| func commonInit() { | ||
| layer.masksToBounds = true | ||
|
|
||
| //build view hierarchy | ||
| [imageView, exitNumberLabel].forEach(addSubview(_:)) | ||
| buildConstraints() | ||
| } | ||
|
|
||
| func populateExitImage() { | ||
| imageView.image = self.side.exitImage | ||
| } | ||
|
|
||
| func buildConstraints() { | ||
| let height = heightAnchor.constraint(equalToConstant: pointSize * 1.2) | ||
|
|
||
| let imageHeight = imageView.heightAnchor.constraint(equalTo: heightAnchor, multiplier: 0.4) | ||
| let imageAspect = imageView.widthAnchor.constraint(equalTo: imageView.heightAnchor, multiplier: imageView.image?.size.aspectRatio ?? 1.0) | ||
|
|
||
| let imageCenterY = imageView.centerYAnchor.constraint(equalTo: centerYAnchor) | ||
| let labelCenterY = exitNumberLabel.centerYAnchor.constraint(equalTo: centerYAnchor) | ||
|
|
||
| let sideConstraints = self.side != .left ? rightExitConstraints() : leftExitConstraints() | ||
|
|
||
| let constraints = [height, imageHeight, imageAspect, | ||
| imageCenterY, labelCenterY] + sideConstraints | ||
|
|
||
| addConstraints(constraints) | ||
| } | ||
| func rightExitConstraints() -> [NSLayoutConstraint] { | ||
| let labelLeading = exitNumberLabel.leadingAnchor.constraint(equalTo: leadingAnchor, constant: 8) | ||
| let imageLabelSpacing = exitNumberLabel.trailingAnchor.constraint(equalTo: imageView.leadingAnchor, constant: -8) | ||
| let imageTrailing = trailingAnchor.constraint(equalTo: imageView.trailingAnchor, constant: 8) | ||
| return [labelLeading, imageLabelSpacing, imageTrailing] | ||
| } | ||
|
|
||
| func leftExitConstraints() -> [NSLayoutConstraint] { | ||
| let imageLeading = imageView.leadingAnchor.constraint(equalTo: leadingAnchor, constant: 8) | ||
| let imageLabelSpacing = imageView.trailingAnchor.constraint(equalTo: exitNumberLabel.leadingAnchor, constant: -8) | ||
| let labelTrailing = trailingAnchor.constraint(equalTo: exitNumberLabel.trailingAnchor, constant: 8) | ||
| return [imageLeading, imageLabelSpacing, labelTrailing] | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.