Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

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

NameName
Last commit message
Last commit date

Latest commit

 

History

32 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

InputViews Title

Example1Example2Example3
DatePickerItemPickerItemsPicker
Example4Example5Example6
ItemsPickerIconPickerColorPicker

InputViews

Input views for UITextField show PickerView, TableView, Collection, instead of default keyboard

PodPlatformLicense

It helps you convert ordinaryUITextfield to item picker of multiple style.

Features

  • Date Picker (Example1)
  • Item Picker usingUIPickerView (Example2)
  • Item Picker usingUITableView (Example3)
  • Item Picker usingUICollectionView (Example4)
  • QuickAccessoryView with done button (All examples with done button toolbar)
  • Font Awesome Icon Picker (Example5)
  • UIColor Picker (Example6)

Requirements

  • iOS 10.0+
  • Xcode 10.2.1+

Installation

CocoaPods

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

Usage Guide

Date Picker (Example1)

@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()})}}

Item picker withUIPickerView (Example2)

@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()})}}

Items picker withUITableView (Example3)

@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()})}}

Items picker withUICollectionView (Example4)

@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()})}}

Pick Font Awesome Icon (Example5)

@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()})}}

Pick UIColor (Example6)

@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

Stars

Watchers

Forks

Packages

No packages published

[8]ページ先頭

©2009-2025 Movatter.jp