TTADataPickerView

A Swift picker view allows you to pick the titles you want and the date, time or dateTime in one view

ScreenShort & gif

Installation

TTADataPickerView is avaibale on CocoaPods.

• 1 Insatll with CocoaPods:

  target 'MyApp' do
      pod 'TTADataPickerView'
  end

  Then run a pod install inside you terminal

• 2 Manually

  Clone the code from the github:

  git clone https://github.com/TMTBO/TTADataPickerView.git

  Then drop the TTADataPickerView folder to your project

  import TTADataPickerView

Features

• 1 Pick Data and date in one PickerView:

  You do not need to write UIDatePicker and UIPickerView

• 2 Configurable apperance:

  You can configure the PickerView's apperance as you want

Usage

• 1 Initializer, you can configure the type and title

  let pickerView = TTADataPickerView(title: "TTADataPickerView", type: .text)

• 2 Configure pickerView type with this property

  pickerView.type = .text

  Some Other type

  /// The component type of the TTADataPickerView
  public enum TTADataPickerViewType {
      /// pickerView default
      case text
      /// datePicker
      case date
      /// date and time
      case dateTime
      /// time
      case time
  }

• 3 Configure the delegate

  // You need to confirm `TTADataPickerViewDelegate`
  pickerView.delegate = self

• 4 When the pickerView type is .text, configure this property to tell the pickerView what you want to select

  pickerView.textItemsForComponent = [["First", "Second", "Third", "Fourth", "Fifth", "Sixth", "Seventh", "Eighth", "Ninth", "Tenth"], ["First", "Second", "Third", "Fourth", "Fifth", "Sixth", "Seventh", "Eighth", "Ninth", "Tenth"], ["First", "Second", "Third", "Fourth", "Fifth", "Sixth", "Seventh", "Eighth", "Ninth", "Tenth"]]

• 5 Show the PickerView

  pickerView.show()
  
  or
  
  pickerView.show { 
     // something you want to do after show the pickerView
  }

• 6 Set the selectedTitles or selectedDate when the pickerView appers

  pickerView.selectedTitles(titles)
  pickerView.selectedDate(date)

• 7 Configure the TTADataPickerView's apperance

  // config the TTADataPickerView's apperance
  let apperance = TTADataPickerView.appearance()
  apperance.setConfirmButtonAttributes(att: [NSForegroundColorAttributeName: UIColor.red])
  pperance.setCancelButtonAttributes(att: [NSForegroundColorAttributeName: UIColor.blue])
  apperance.setToolBarTintColor(color: .yellow)      apperance.setToolBarBarTintColor(color: .orange)
  apperance.setTitleFont(font: UIFont.systemFont(ofSize: 20))
  apperance.setTitleColor(color: .cyan)

• 8 Delegate Functions

  // MARK: - TTADataPickerViewDelegate
  
  extension ViewController: TTADataPickerViewDelegate {
      // when the pickerView type is `.text`, you clicked the done button, you will get the titles you selected just now from the `titles` parameter
      func dataPickerView(_ pickerView: TTADataPickerView, didSelectTitles titles: [String]) {
          showLabel.text = titles.joined(separator: " ")
      }
      // when the pickerView type is NOT `.text`, you clicked the done button, you will get the date you selected just now from the `date` parameters
      func dataPickerView(_ pickerView: TTADataPickerView, didSelectDate date: Date) {
          // actually you need configure the dateFormatter dateStyle and timeStyle to get the currect date from the `date` parameter
          if pickerView.type == .date {
              dateFormatter.dateStyle = .medium
          } else if pickerView.type == .time {
              dateFormatter.timeStyle = .medium
          } else if pickerView.type == .dateTime {
              dateFormatter.dateStyle = .medium
              dateFormatter.timeStyle = .medium
          }
          showLabel.text = dateFormatter.string(from: date)
      }
      // when the pickerView  has been changed, this function will be called, and you will get the row and component which changed just now
      func dataPickerView(_ pickerView: TTADataPickerView, didChange row: Int, inComponent component: Int) {
          print(#function)
      }
      // when you clicked the cancel button, this function will be called firstly
      func dataPickerViewWillCancel(_ pickerView: TTADataPickerView) {
          print(#function)
      }
      // when you clicked the cancel button, this function will be called at the last
      func dataPickerViewDidCancel(_ pickerView: TTADataPickerView) {
          print(#function)
      }
  }