-
Notifications
You must be signed in to change notification settings - Fork 28
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Implement support for tappable headers and footers, allow background …
…views in headers
- Loading branch information
Showing
28 changed files
with
596 additions
and
77 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
106 changes: 106 additions & 0 deletions
106
Demo/Sources/Demos/Demo Screens/AccordionViewController.swift
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,106 @@ | ||
| // | ||
| // AccordionViewController.swift | ||
| // Demo | ||
| // | ||
| // Created by Kyle Van Essen on 8/10/20. | ||
| // Copyright © 2020 Kyle Van Essen. All rights reserved. | ||
| // | ||
|
|
||
|
|
||
| import BlueprintLists | ||
| import BlueprintUICommonControls | ||
|
|
||
|
|
||
| final class AccordionViewController : ListViewController | ||
| { | ||
| var expandedSectionIndex : Int = 1 | ||
|
|
||
| override func configure(list: inout ListProperties) { | ||
|
|
||
| list += (1...10).map { sectionIndex in | ||
|
|
||
| Section(sectionIndex) { section in | ||
|
|
||
| section.header = HeaderFooter( | ||
| AccordionHeader(text: "Section Header #\(sectionIndex)"), | ||
| onTap: { _ in | ||
| self.expandedSectionIndex = sectionIndex | ||
| self.reload(animated: true) | ||
| } | ||
| ) | ||
|
|
||
| if expandedSectionIndex == sectionIndex { | ||
| section += (1...sectionIndex).map { itemIndex in | ||
| Item(AccordionRow(text: "Row #\(sectionIndex), \(itemIndex)")) { | ||
| $0.insertAndRemoveAnimations = .fade | ||
| } | ||
| } | ||
| } | ||
| } | ||
| } | ||
| } | ||
| } | ||
|
|
||
| fileprivate struct AccordionHeader : BlueprintHeaderFooterContent, Equatable | ||
| { | ||
| var text : String | ||
|
|
||
| var elementRepresentation: Element { | ||
| Label(text: self.text) { | ||
| $0.alignment = .left | ||
| $0.font = .systemFont(ofSize: 18.0, weight: .semibold) | ||
| } | ||
| .inset(horizontal: 20.0, vertical: 10.0) | ||
| .constrainedTo(height: .atLeast(80.0)) | ||
| } | ||
|
|
||
| var background: Element? { | ||
| self.background(with: .white) | ||
| } | ||
|
|
||
| var pressedBackground: Element? { | ||
| self.background(with: .white(0.9)) | ||
| } | ||
|
|
||
| private func background(with color : UIColor) -> Element { | ||
| Overlay( | ||
| elements: [ | ||
| Box(backgroundColor: color), | ||
|
|
||
| Box(backgroundColor: .init(white: 0.85, alpha: 1.0)) | ||
| .constrainedTo(height: .absolute(1.0)) | ||
| .aligned(vertically: .bottom, horizontally: .fill) | ||
| ] | ||
| ) | ||
| } | ||
| } | ||
|
|
||
|
|
||
| fileprivate struct AccordionRow : BlueprintItemContent, Equatable | ||
| { | ||
| var text : String | ||
|
|
||
| var identifier: Identifier<AccordionRow> { | ||
| .init(text) | ||
| } | ||
|
|
||
| func element(with info: ApplyItemContentInfo) -> Element { | ||
| Label(text: self.text) { | ||
| $0.alignment = .left | ||
| $0.font = .systemFont(ofSize: 16.0, weight: .regular) | ||
| } | ||
| .inset(horizontal: 20.0, vertical: 10.0) | ||
| .constrainedTo(height: .atLeast(60.0)) | ||
| } | ||
|
|
||
| func backgroundElement(with info: ApplyItemContentInfo) -> Element? { | ||
| Overlay( | ||
| elements: [ | ||
| Box(backgroundColor: .white), | ||
| Box(backgroundColor: .init(white: 0.90, alpha: 1.0)) | ||
| .constrainedTo(height: .absolute(1.0)) | ||
| .aligned(vertically: .bottom, horizontally: .fill) | ||
| ] | ||
| ) | ||
| } | ||
| } |
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
Oops, something went wrong.