diff --git a/VDSSample.xcodeproj/project.pbxproj b/VDSSample.xcodeproj/project.pbxproj index daa6a9b..eb5c277 100644 --- a/VDSSample.xcodeproj/project.pbxproj +++ b/VDSSample.xcodeproj/project.pbxproj @@ -43,6 +43,7 @@ EA3C3BB628996775000CA526 /* MenuViewController.swift in Sources */ = {isa = PBXBuildFile; fileRef = EA3C3BB228996775000CA526 /* MenuViewController.swift */; }; EA3C3BB728996775000CA526 /* ToggleViewController.swift in Sources */ = {isa = PBXBuildFile; fileRef = EA3C3BB328996775000CA526 /* ToggleViewController.swift */; }; EA4DB30428DCD25B00103EE3 /* BadgeViewController.swift in Sources */ = {isa = PBXBuildFile; fileRef = EA4DB30328DCD25B00103EE3 /* BadgeViewController.swift */; }; + EA5E3050294D11540082B959 /* TileContainerViewController.swift in Sources */ = {isa = PBXBuildFile; fileRef = EA5E304F294D11540082B959 /* TileContainerViewController.swift */; }; EA84F76228BE4AE500D67ABC /* RadioSwatchGroupViewController.swift in Sources */ = {isa = PBXBuildFile; fileRef = EA84F76128BE4AE500D67ABC /* RadioSwatchGroupViewController.swift */; }; EA89201928B56DF5006B9984 /* RadioBoxGroupViewController.swift in Sources */ = {isa = PBXBuildFile; fileRef = EA89201828B56DF5006B9984 /* RadioBoxGroupViewController.swift */; }; EA89204628B66CE2006B9984 /* ScrollViewController.swift in Sources */ = {isa = PBXBuildFile; fileRef = EA89203F28B66CE2006B9984 /* ScrollViewController.swift */; }; @@ -107,6 +108,7 @@ EA3C3BB228996775000CA526 /* MenuViewController.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = MenuViewController.swift; sourceTree = ""; }; EA3C3BB328996775000CA526 /* ToggleViewController.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = ToggleViewController.swift; sourceTree = ""; }; EA4DB30328DCD25B00103EE3 /* BadgeViewController.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = BadgeViewController.swift; sourceTree = ""; }; + EA5E304F294D11540082B959 /* TileContainerViewController.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = TileContainerViewController.swift; sourceTree = ""; }; EA84F76128BE4AE500D67ABC /* RadioSwatchGroupViewController.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = RadioSwatchGroupViewController.swift; sourceTree = ""; }; EA89201828B56DF5006B9984 /* RadioBoxGroupViewController.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = RadioBoxGroupViewController.swift; sourceTree = ""; }; EA89203F28B66CE2006B9984 /* ScrollViewController.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = ScrollViewController.swift; sourceTree = ""; }; @@ -253,6 +255,7 @@ EAA5EEAC28EB6924003B3210 /* TextEntryFieldViewController.swift */, EAC9257F29119FC400091998 /* TextLinkViewController.swift */, EA0FC2C02912DC5500DF80B4 /* TextLinkCaretViewController.swift */, + EA5E304F294D11540082B959 /* TileContainerViewController.swift */, EA3C3BB328996775000CA526 /* ToggleViewController.swift */, ); path = ViewControllers; @@ -405,6 +408,7 @@ EA89201928B56DF5006B9984 /* RadioBoxGroupViewController.swift in Sources */, EA3C3BB628996775000CA526 /* MenuViewController.swift in Sources */, EA3C3B9D289966EF000CA526 /* AppDelegate.swift in Sources */, + EA5E3050294D11540082B959 /* TileContainerViewController.swift in Sources */, EAF7F11A28A14A0E00B287F5 /* RadioButtonViewController.swift in Sources */, EA89204628B66CE2006B9984 /* ScrollViewController.swift in Sources */, EA3C3B9F289966EF000CA526 /* SceneDelegate.swift in Sources */, diff --git a/VDSSample/ViewControllers/MenuViewController.swift b/VDSSample/ViewControllers/MenuViewController.swift index c66f4fc..3805f7f 100644 --- a/VDSSample/ViewControllers/MenuViewController.swift +++ b/VDSSample/ViewControllers/MenuViewController.swift @@ -83,6 +83,7 @@ class MenuViewController: UITableViewController { MenuComponent(title: "TextEntryField", completed: false, viewController: TextEntryFieldViewController.self), MenuComponent(title: "TextLink", completed: true, viewController: TextLinkViewController.self), MenuComponent(title: "TextLinkCaret", completed: true, viewController: TextLinkCaretViewController.self), + MenuComponent(title: "TileContainer", completed: false, viewController: TileContainerViewController.self), MenuComponent(title: "Toggle", completed: true, viewController: ToggleViewController.self) ] diff --git a/VDSSample/ViewControllers/TileContainerViewController.swift b/VDSSample/ViewControllers/TileContainerViewController.swift new file mode 100644 index 0000000..86d6f62 --- /dev/null +++ b/VDSSample/ViewControllers/TileContainerViewController.swift @@ -0,0 +1,110 @@ +// +// TileContainerViewController.swift +// VDSSample +// +// Created by Matt Bruce on 12/16/22. +// + +import Foundation +import UIKit +import VDS +import VDSColorTokens + +class TileContainerViewController: BaseViewController { + + lazy var backgroundColorPickerSelectorView = { + PickerSelectorView(title: "white", + picker: self.picker, + items: TileContainer.ContainerBackgroundColor.allCases) + }() + + lazy var paddingPickerSelectorView = { + PickerSelectorView(title: "16", + picker: self.picker, + items: TileContainer.ContainerPadding.allCases) + }() + + lazy var scalingTypePickerSelectorView = { + PickerSelectorView(title: "white", + picker: self.picker, + items: TileContainer.ContainerScalingType.allCases) + }() + + var label = Label() + var showBorderSwitch = Toggle() + var showDropShadowSwitch = Toggle() + var widthTextField = TextField() + + var tileContainer = TileContainer() + + override func viewDidLoad() { + super.viewDidLoad() + addContentTopView(view: .makeWrapper(for: tileContainer)) + + setupForm() + setupPicker() + setupModel() + } + + override func allTextFields() -> [UITextField]? { [widthTextField] } + + func setupForm(){ + addFormRow(label: "Surface", view: surfacePickerSelectorView) + addFormRow(label: "Width", view: widthTextField) + addFormRow(label: "Show Border", view: showBorderSwitch) + addFormRow(label: "Show Drop Shadow", view: showDropShadowSwitch) + addFormRow(label: "Background Color", view: backgroundColorPickerSelectorView) + addFormRow(label: "Padding", view: paddingPickerSelectorView) + addFormRow(label: "Aspect Ratio", view: scalingTypePickerSelectorView) + + showBorderSwitch + .publisher(for: .valueChanged) + .sink { [weak self] sender in + self?.tileContainer.showBorder = sender.isOn + }.store(in: &subscribers) + + showDropShadowSwitch + .publisher(for: .valueChanged) + .sink { [weak self] sender in + self?.tileContainer.showDropShadows = sender.isOn + }.store(in: &subscribers) + + widthTextField + .textPublisher + .sink { [weak self] text in + if let n = NumberFormatter().number(from: text) { + self?.tileContainer.width = CGFloat(truncating: n) + } + }.store(in: &subscribers) + + } + + func setupModel() { + //setup UI + surfacePickerSelectorView.text = tileContainer.surface.rawValue + paddingPickerSelectorView.text = tileContainer.containerPadding.rawValue + scalingTypePickerSelectorView.text = tileContainer.aspectRatio.rawValue + widthTextField.text = "\(tileContainer.width)" + } + + func setupPicker(){ + + surfacePickerSelectorView.onPickerDidSelect = { [weak self] item in + self?.tileContainer.surface = item + self?.contentTopView.backgroundColor = item.color + } + + backgroundColorPickerSelectorView.onPickerDidSelect = { [weak self] item in + self?.tileContainer.containerBackgroundColor = item + } + + scalingTypePickerSelectorView.onPickerDidSelect = { [weak self] item in + self?.tileContainer.aspectRatio = item + } + + paddingPickerSelectorView.onPickerDidSelect = { [weak self] item in + self?.tileContainer.containerPadding = item + } + + } +}