[B2C-8878] Add month overlay item provider #3
There are no files selected for viewing
This file contains hidden or 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 hidden or 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,129 @@ | ||
| // Created by HorizonCalendar contributors. | ||
| // Copyright © 2024 Airbnb Inc. All rights reserved. | ||
|
|
||
| // Licensed under the Apache License, Version 2.0 (the "License"); | ||
| // you may not use this file except in compliance with the License. | ||
| // You may obtain a copy of the License at | ||
| // | ||
| // http://www.apache.org/licenses/LICENSE-2.0 | ||
| // | ||
| // Unless required by applicable law or agreed to in writing, software | ||
| // distributed under the License is distributed on an "AS IS" BASIS, | ||
| // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. | ||
| // See the License for the specific language governing permissions and | ||
| // limitations under the License. | ||
|
|
||
| import HorizonCalendar | ||
| import UIKit | ||
|
|
||
| // MARK: - MonthOverlayDemoViewController | ||
|
|
||
| final class MonthOverlayDemoViewController: BaseDemoViewController { | ||
|
|
||
| override func viewDidLoad() { | ||
| super.viewDidLoad() | ||
| title = "Month Days Overlay" | ||
| } | ||
|
|
||
| override func makeContent() -> CalendarViewContent { | ||
| let startDate = calendar.date(from: DateComponents(year: 2020, month: 01, day: 10))! | ||
| let endDate = calendar.date(from: DateComponents(year: 2021, month: 12, day: 31))! | ||
|
|
||
| return CalendarViewContent( | ||
| calendar: calendar, | ||
| visibleDateRange: startDate...endDate, | ||
| monthsLayout: monthsLayout | ||
| ) | ||
| .interMonthSpacing(24) | ||
| .verticalDayMargin(8) | ||
| .horizontalDayMargin(8) | ||
| .monthOverlayItemProvider { monthLayoutContext in | ||
| guard monthLayoutContext.month.month == 2 else { return nil } | ||
| return MonthDaysTintOverlayView.calendarItemModel( | ||
| invariantViewProperties: .init(), | ||
| content: .init(daysRect: monthLayoutContext.monthDaysAreaBounds) | ||
| ) | ||
| } | ||
| } | ||
|
|
||
| } | ||
|
|
||
| // MARK: - MonthDaysTintOverlayView | ||
|
|
||
| final class MonthDaysTintOverlayView: UIView { | ||
|
|
||
| // MARK: Lifecycle | ||
|
|
||
| fileprivate init(invariantViewProperties: InvariantViewProperties) { | ||
| self.invariantViewProperties = invariantViewProperties | ||
| super.init(frame: .zero) | ||
| backgroundColor = .clear | ||
| isUserInteractionEnabled = false | ||
|
|
||
| blurView.clipsToBounds = true | ||
| addSubview(blurView) | ||
|
|
||
| blurAnimator = UIViewPropertyAnimator(duration: 1, curve: .linear) { [blurView] in | ||
| blurView.effect = UIBlurEffect(style: invariantViewProperties.blurStyle) | ||
| } | ||
| blurAnimator?.fractionComplete = invariantViewProperties.blurIntensity | ||
| blurAnimator?.pausesOnCompletion = true | ||
| } | ||
|
|
||
| required init?(coder _: NSCoder) { | ||
| fatalError("init(coder:) has not been implemented") | ||
| } | ||
|
|
||
| deinit { | ||
| blurAnimator?.stopAnimation(true) | ||
| } | ||
|
|
||
| // MARK: Internal | ||
|
|
||
| override func layoutSubviews() { | ||
| super.layoutSubviews() | ||
| blurView.frame = daysRect ?? .zero | ||
| blurView.isHidden = daysRect == nil | ||
| } | ||
|
|
||
| // MARK: Fileprivate | ||
|
|
||
| fileprivate var daysRect: CGRect? { | ||
| didSet { | ||
| guard daysRect != oldValue else { return } | ||
| setNeedsLayout() | ||
| } | ||
| } | ||
|
|
||
| // MARK: Private | ||
|
|
||
| private let invariantViewProperties: InvariantViewProperties | ||
| private let blurView = UIVisualEffectView() | ||
| private var blurAnimator: UIViewPropertyAnimator? | ||
|
|
||
| } | ||
|
|
||
| // MARK: CalendarItemViewRepresentable | ||
|
|
||
| extension MonthDaysTintOverlayView: CalendarItemViewRepresentable { | ||
|
|
||
| struct InvariantViewProperties: Hashable { | ||
| var blurStyle = UIBlurEffect.Style.extraLight | ||
| var blurIntensity: CGFloat = 0.1 | ||
| } | ||
|
|
||
| struct Content: Equatable { | ||
| let daysRect: CGRect? | ||
| } | ||
|
|
||
| static func makeView( | ||
| withInvariantViewProperties invariantViewProperties: InvariantViewProperties | ||
| ) -> MonthDaysTintOverlayView { | ||
| MonthDaysTintOverlayView(invariantViewProperties: invariantViewProperties) | ||
| } | ||
|
|
||
| static func setContent(_ content: Content, on view: MonthDaysTintOverlayView) { | ||
| view.daysRect = content.daysRect | ||
| } | ||
|
|
||
| } | ||
This file contains hidden or 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 hidden or 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 hidden or 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 hidden or 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.
Oops, something went wrong.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
question: I noticed that this property was set in the example view controller and made me think: should this be the default behavior? If overlays are not meant to be interactable from an API design standpoint, it may be easier for client code to not have to set this explicitly, so if it's a sensible default then
isUserInteractionEnabled = falsecould be set by the library by default, not the client code. The goal with these is always to try to make client code integration as easy as possible, so that they don't have to "remember" to set UI configs like that, whenever possible.There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Yeah I considered that but, contrary to a background, I think an overlay might actually need to be interactive. I'm thinking a "reload" button for example