-
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.
Merge pull request #193 from kyleve/kve/zindex-ordered-by-global-index
Support tappable headers
- Loading branch information
Showing
28 changed files
with
600 additions
and
78 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.