- Notifications
You must be signed in to change notification settings - Fork3
Input views for UITextField show PickerView, TableView, Collection, instead of default keyboard
License
NotificationsYou must be signed in to change notification settings
sag333ar/InputViews
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
| Example1 | Example2 | Example3 |
|---|---|---|
![]() | ![]() | ![]() |
| Example4 | Example5 | Example6 |
![]() | ![]() |
Input views for UITextField show PickerView, TableView, Collection, instead of default keyboard
It helps you convert ordinaryUITextfield to item picker of multiple style.
- Date Picker (Example1)
- Item Picker using
UIPickerView(Example2) - Item Picker using
UITableView(Example3) - Item Picker using
UICollectionView(Example4) - Quick
AccessoryViewwith done button (All examples with done button toolbar) - Font Awesome Icon Picker (Example5)
- UIColor Picker (Example6)
- iOS 10.0+
- Xcode 10.2.1+
You can useCocoaPods to installInputViews by adding it to yourPodfile:
platform:ios,'10.0'use_frameworks!pod'InputViews'
To get the full benefits importInputViews wherever you import UIKit
import UIKitimport InputViews
@IBOutletvardatePicker:NoCutPasteTextField?{ didSet{guardlet datePicker= datePickerelse{return} // Setting up input view datePicker.inputView=DatePickerInputView( mode:.dateAndTime, didSelect:{(date)inletdateFormatter=DateFormatter() dateFormatter.dateFormat="dd-MMM-yyyy hh:mm a" datePicker.text= dateFormatter.string(from: date)}) // Setting up accessory view datePicker.inputAccessoryView=AccessoryView("Select Date", doneTapped:{ datePicker.resignFirstResponder()})}}
@IBOutletvaritemPicker:NoCutPasteTextField?{ didSet{guardlet itemPicker= itemPickerelse{return}letarray=["First item","Second item","Third item","Fourth item","Fifth","and sixth"] // Setting up input viewletinputView=PickerInputView<String>(height:250) inputView.items={return array} inputView.didSelectAtIndex={ indexin itemPicker.text=array[index]} inputView.text={ stringinreturn string} itemPicker.inputView= inputView // Setting up accessory view itemPicker.inputAccessoryView=AccessoryView("Select item", doneTapped:{ itemPicker.resignFirstResponder()})}}
@IBOutletvaritemsFromTablePicker:NoCutPasteTextField?{ didSet{guardlet itemsFromTablePicker= itemsFromTablePickerelse{return}letarray=["First item","Second item","Third item","Fourth item","Fifth","and sixth"]varselected:[String]=[]letinputView= TableInputView<String>.init(height:250) inputView.items={return array} inputView.didSelect={ stringiniflet index= selected.firstIndex(of: string){ selected.remove(at: index)}else{ selected.append(string)} itemsFromTablePicker.text= selected.joined(separator:",")} inputView.contains={ stringinreturn selected.firstIndex(of: string)!=nil} inputView.text={ stringinreturn string} itemsFromTablePicker.inputView= inputView // Setting up accessory view itemsFromTablePicker.inputAccessoryView=AccessoryView("Select item", doneTapped:{ itemsFromTablePicker.resignFirstResponder()})}}
@IBOutletvaritemsFromCollectionView:NoCutPasteTextField?{ didSet{guardlet itemsFromCollectionView= itemsFromCollectionViewelse{return}letarray=["First item","Second item","Third item","Fourth item","Fifth","and sixth"]varselected:[String]=[]letinputView=CollectionInputView<String>(height:250) inputView.items={return array} inputView.didSelect={ stringiniflet index= selected.firstIndex(of: string){ selected.remove(at: index)}else{ selected.append(string)} itemsFromCollectionView.text= selected.joined(separator:",")} inputView.text={ stringinreturn string} inputView.contains={ stringinreturn selected.firstIndex(of: string)!=nil} itemsFromCollectionView.inputView= inputView // Setting up accessory view itemsFromCollectionView.inputAccessoryView=AccessoryView("Select item", doneTapped:{ itemsFromCollectionView.resignFirstResponder()})}}
@IBOutletvarpickFontAwesomeIconView:NoCutPasteTextField?{ didSet{guardlet pickFontAwesomeIconView= pickFontAwesomeIconViewelse{return} pickFontAwesomeIconView.inputView=PickFontAwesomeIconView(didSelect:{(icon)inprint("Icon is\(icon)")}, height:250) // Setting up accessory view pickFontAwesomeIconView.inputAccessoryView=AccessoryView("Select item", doneTapped:{ pickFontAwesomeIconView.resignFirstResponder()})}}
@IBOutletvarcolorPicker:NoCutPasteTextField?{ didSet{guardlet colorPicker= colorPickerelse{return}varselectedColor:UIColor? colorPicker.inputView=ColorPickerView.init(didSelect:{(color)in colorPicker.backgroundColor= color selectedColor= color}, contains:{(color)inreturn color.isEqual(selectedColor)}, height:250, colorSize:30) // Setting up accessory view colorPicker.inputAccessoryView=AccessoryView("Select Color", doneTapped:{ colorPicker.resignFirstResponder()})}}
About
Input views for UITextField show PickerView, TableView, Collection, instead of default keyboard
Topics
Resources
License
Uh oh!
There was an error while loading.Please reload this page.
Stars
Watchers
Forks
Packages0
No packages published








