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:

  arget 'MyApp' do
  		pod 'TTADataPickerView'
  nd
  

  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

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

• 2 Configure pickerView type with this property

  ickerView.type = .text
  

  Some Other type

  // The component type of the TTADataPickerView
  ublic 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`
  ickerView.delegate = self
  

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

  ickerView.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

  ickerView.show()
  
  r
  
  ickerView.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
  et apperance = TTADataPickerView.appearance()
  pperance.setConfirmButtonAttributes(att: [NSForegroundColorAttributeName: UIColor.red])
  perance.setCancelButtonAttributes(att: [NSForegroundColorAttributeName: UIColor.blue])
  pperance.setToolBarTintColor(color: .yellow)      apperance.setToolBarBarTintColor(color: .orange)
  pperance.setTitleFont(font: UIFont.systemFont(ofSize: 20))
  pperance.setTitleColor(color: .cyan)
  

• 8 Delegate Functions

  / MARK: - TTADataPickerViewDelegate
  
  xtension 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)
     }