Latest 0.7.1
Homepage https://github.com/bcylin/QuickTableViewController
License MIT
Platforms ios 8.0, requires ARC

Build Status
Carthage compatible
CocoaPods Compatible
Platform
codecov
Swift 3.1

A simple way to create a table view for settings, including:

  • Table view cells with UISwitch
  • Table view cells with center aligned text for tap actions
  • A section that provides mutually exclusive options
  • Actions performed when the row reacts to the user interaction
  • Customizable table view cell image, cell style and cell accessory type

Usage

Set up tableContents in viewDidLoad:

import QuickTableViewController

class ViewController: QuickTableViewController {

  override func viewDidLoad() {
    super.viewDidLoad()

    tableContents = [
      Section(title: "Switch", rows: [
        SwitchRow<SwitchCell>(title: "Setting 1", switchValue: true, action: { _ in }),
        SwitchRow<SwitchCell>(title: "Setting 2", switchValue: false, action: { _ in }),
      ]),

      Section(title: "Tap Action", rows: [
        TapActionRow<TapActionCell>(title: "Tap action", action: { [weak self] in self?.showAlert($0) })
      ]),

      Section(title: "Navigation", rows: [
        NavigationRow(title: "CellStyle.default", subtitle: .none, icon: Icon(image: UIImage(named: "globe"), highlightedImage: UIImage(named: "globe-highlighted"))),
        NavigationRow(title: "CellStyle", subtitle: .belowTitle(".subtitle"), icon: Icon(image: UIImage(named: "gear"))),
        NavigationRow(title: "CellStyle", subtitle: .rightAligned(".value1"), icon: Icon(imageName: "time"), action: { [weak self] in self?.showDetail($0) }),
        NavigationRow(title: "CellStyle", subtitle: .leftAligned(".value2"))
      ]),

      RadioSection(title: "Radio Buttons", options: [
        OptionRow(title: "Option 1", isSelected: true, action: nil),
        OptionRow(title: "Option 2", isSelected: false, action: nil),
        OptionRow(title: "Option 3", isSelected: false, action: nil)
      ], footer: "See RadioSection for more details.")
    ]
  }

  // MARK: - Actions

  private func showAlert(_ sender: Row) {
    // ...
  }

  private func showDetail(_ sender: Row) {
    // ...
  }

}

NavigationRow

Subtitle Styles

NavigationRow(title: "UITableViewCellStyle.Default", subtitle: .none)
NavigationRow(title: "UITableViewCellStyle", subtitle: .belowTitle(".subtitle")
NavigationRow(title: "UITableViewCellStyle", subtitle: .rightAligned(".value1")
NavigationRow(title: "UITableViewCellStyle", subtitle: .leftAligned(".value2"))

Images

  • Images in table view cells can be set by specifying the icon of each row.
  • The Icon struct carries info about images for both normal and highlighted states.
  • Table view cells in UITableViewCellStyle.value2 will not show the image view.
NavigationRow(title: "Cell with image", subtitle: .none, icon: Icon(imageName: "icon"))

Disclosure Indicator

  • A NavigationRow with an action will be displayed in a table view cell whose accessoryType is .disclosureIndicator.
  • The action will be invoked when the related table view cell is selected.
NavigationRow(title: "Navigation cell", subtitle: .None, action: { (sender: Row) in })

SwitchRow

  • A SwitchRow is representing a table view cell with a UISwitch as its accessoryView.
  • The action will be invoked when the switch value changes.
  • The subtitle is disabled in SwitchRow.
SwitchRow(title: "Switch", switchValue: true, action: { (sender: Row) in }),

TapActionRow

  • A TapActionRow is representing a button-like table view cell.
  • The action will be invoked when the related table view cell is selected.
  • Icon is disabled in TapActionRow.
TapActionRow(title: "Tap action", action: { (sender: Row) in })

OptionRow & RadioSection

  • An OptionRow is representing a selectable table view cell.
  • When the row isSelected, the table view cell shows .checkmark as its accessoryType.
  • The action will be invoked when the selection is toggled.
  • The subtitle is disabled in OptionRow.
OptionRow(title: "Option", isSelected: true, action: { (sender: Row) in })
  • OptionRow can be used with or without RadioSection, which guarantees that there’s only one option is selected.
  • RadioSection allows all options unselected by default. Setting alwaysSelectsOneOption to true will preserve one selected option.
  • selectedOption is available as the result of selection in RadioSection.

Customization

Rows

All rows must conform to Row and RowStyle. Addtional info can be attached to customized rows, such as switchValue in SwitchRow and isSelected in OptionRow.

Cell Classes

A customized table view cell type can be specified to rows during initialization.

// NavigationRow, using UITableViewCell if not specified.
NavigationRow<CustomCell>(title: "Navigation", subtitle: .none)

// SwitchRow, using SwitchCell if not specified.
SwitchRow<CustomSwitchCell>(title: "Switch", switchValue: true, action: { _ in })

// TapActionRow, using TapActionCell if not specified.
TapActionRow<CustomTapActionCell>(title: "Tap", action: { _ in })

// OptionRow, using UITableViewCell if not specified.
OptionRow<CustomOptionCell>(title: "Option", isSelected: true, action: { _ in })

Table view cell classes that conform to Configurable can implement additional configuration to set up the cell during tableView(_:cellForRowAt:):

protocol Configurable {
  func configure(with row: Row & RowStyle)
}

Other setups can also be added to each row using the customize closure:

protocol RowStyle {
  var customize: ((UITableViewCell, Row & RowStyle) -> Void)? { get }
}

The customization using register(_:forCellReuseIdentifier:) is deprecated after v0.6.0.

Documentation

Requirements

QuickTableViewController iOS Xcode Swift
~> 0.1.0 8.0+ 6.4 Swift 1.2
~> 0.2.0 8.0+ 7.0 Swift 2.0
~> 0.3.0 8.0+ 7.3 Swift 2.2
~> 0.4.0 8.0+ 8.0 Swift 2.3
~> 0.5.0 8.0+ 8.0 Swift 3.0
~> 0.6.0 8.0+ 8.3 Swift 3.1
~> 0.7.0 8.0+ 8.3 Swift 3.1

Installation

Use CocoaPods

Create a Podfile with the following specification and run pod install.

platform :ios, '8.0'
use_frameworks!

pod 'QuickTableViewController', '~> 0.7.0'

Use Carthage

Create a Cartfile with the following specification and run carthage update QuickTableViewController.
Follow the instructions to add the framework to your project.

github "bcylin/QuickTableViewController" ~> 0.7.0

Use Git Submodule

git submodule add -b master [email protected]:bcylin/QuickTableViewController.git Dependencies/QuickTableViewController
  • Drag QuickTableViewController.xcodeproj to your app project as a subproject.
  • On your application target’s Build Phases settings tab, add QuickTableViewController-iOS to Target Dependencies.

Contact

Twitter

License

QuickTableViewController is released under the MIT license.
See LICENSE for more details.
Image source: iconmonstr.

Latest podspec

{
    "name": "QuickTableViewController",
    "version": "0.7.1",
    "summary": "A simple way to create a UITableView for settings.",
    "screenshots": "https://bcylin.github.io/QuickTableViewController/img/screenshots.png",
    "homepage": "https://github.com/bcylin/QuickTableViewController",
    "license": {
        "type": "MIT",
        "file": "LICENSE"
    },
    "authors": "bcylin",
    "platforms": {
        "ios": "8.0"
    },
    "source": {
        "git": "https://github.com/bcylin/QuickTableViewController.git",
        "tag": "v0.7.1"
    },
    "source_files": "Source/**/*.swift",
    "requires_arc": true,
    "pushed_with_swift_version": "3.1"
}

Pin It on Pinterest

Share This