Swift UICollectionView 文本字段 [英] Swift UICollectionView Textfields
问题描述
我有一堆 UITextFields 位于不同单元格(大约 7 个)的集合视图中.我正在寻找一种方法来将验证这些字段的责任委托给内部服务类.有没有办法在不导致控制器膨胀的情况下做到这一点?
我部分尝试的是创建一个对象,然后将 Textfield 委托分配给该对象.但是,我努力将两者链接在一起(能够访问 textField.text 属性以验证并将输出添加到结构中).
是否有更干净、更有效的方法,或者我正在寻找一个很长的控制器?
谢谢
功能
- 将文本字段中的数据保存在单元格中
- 检测编辑TextField的坐标
- 在 ViewController (MVC) 中找到 TextFields 处理程序
- 滚动时隐藏键盘
详情
xCode 8.3,Swift 3.1
完整示例
<块引用>ViewController.swift
导入 UIKitfileprivate var textFieldsTexts = [IndexPath:String]()类视图控制器:UIViewController {@IBOutlet 弱变量 collectionView:UICollectionView!覆盖 func viewDidLoad() {super.viewDidLoad()设置集合视图()}}扩展视图控制器:UICollectionViewDataSource {func setupCollectionView() {collectionView.dataSource = selfcollectionView.delegate = self}func numberOfSections(in collectionView: UICollectionView) ->整数{返回 1}func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection 部分: Int) ->整数{返回 100}func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) ->UICollectionViewCell {let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "CollectionViewCell", for: indexPath) as!集合视图单元格cell.textField.placeholder = "\(indexPath)"cell.delegate = self返回单元格}}扩展视图控制器:UICollectionViewDelegate {func collectionView(_ collectionView: UICollectionView, willDisplay cell: UICollectionViewCell, forItemAt indexPath: IndexPath) {让单元格 = 单元格为!集合视图单元格cell.textField.text = textFieldsTexts[indexPath]}func scrollViewWillBeginDecelerating(_ scrollView: UIScrollView) {view.endEditing(真)}}扩展视图控制器:CollectionViewCellDelegate {func collectionViewCell(valueChangedIn textField: UITextField, delegatedFrom cell: CollectionViewCell) {如果让 indexPath = collectionView.indexPath(for: cell), let text = textField.text {print("textField text: \(text) from cell: \(indexPath))")textFieldsTexts[indexPath] = 文本}}func collectionViewCell(textField: UITextField, shouldChangeCharactersIn range: NSRange, replacementString string: String, delegatedFrom cell: CollectionViewCell) ->布尔{打印(来自单元格的文本字段中的验证操作:\(String(描述:collectionView.indexPath(for:cell)))")返回真}}
<块引用>
CollectionViewCell.swift
导入 UIKit类 CollectionViewCell: UICollectionViewCell {@IBOutlet 弱变量 textField:UITextField!var 委托:CollectionViewCellDelegate?覆盖 funcawakeFromNib() {super.awakeFromNib()textField.delegate = self}@IBAction func valueChanged(_ sender: UITextField) {委托?.collectionViewCell(valueChangedIn: textField, delegatedFrom: self)}}扩展 CollectionViewCell: UITextFieldDelegate {func textField(_ textField: UITextField, shouldChangeCharactersIn range: NSRange, replacementString string: String) ->布尔{如果让委托 = 委托 {return delegate.collectionViewCell(textField: textField, shouldChangeCharactersIn: range, replacementString: string, delegatedFrom: self)}返回真}}
<块引用>
CollectionViewCellDelegate.swift
导入 UIKit协议 CollectionViewCellDelegate {func collectionViewCell(valueChangedIn textField: UITextField, delegatedFrom cell: CollectionViewCell)func collectionViewCell(textField: UITextField, shouldChangeCharactersIn range: NSRange, replacementString string: String, delegatedFrom cell: CollectionViewCell) ->布尔值}
<块引用>
主故事板
<device id="retina4_7"orientation="纵向"><适配id="全屏"/></设备><依赖项><部署标识符=iOS"/><plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="12086"/><capability name="以 Xcode 8 格式保存的文档" minToolsVersion="8.0"/></依赖项><场景><!--视图控制器--><scene sceneID="tne-QT-ifu"><对象><viewController id="BYZ-38-t0r" customClass="ViewController" customModule="stackoverflow_43143119" customModuleProvider="target" sceneMemberID="viewController"><布局指南><viewControllerLayoutGuide type="top" id="y3c-jy-aDJ"/><viewControllerLayoutGuide type="bottom" id="wfy-db-euE"/></layoutGuides><view key="view" contentMode="scaleToFill" id="8bC-Xf-vdC"><rect key="frame" x="0.0" y="0.0" width="375" height="667"/><autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/><子视图><collectionView clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="scaleToFill" dataMode="prototypes" translatesAutoresizingMaskIntoConstraints="NO" id="KWt-KV-A2D"><rect key="frame" x="0.0" y="28" width="375" height="639"/><color key="backgroundColor" white="1" alpha="1" colorSpace="calibratedWhite"/><collectionViewFlowLayout key="collectionViewLayout" minimumLineSpacing="10" minimumInteritemSpacing="10" id="WoG-le-dkA"><size key="itemSize" width="100" height="50"/><size key="headerReferenceSize" width="0.0" height="0.0"/><size key="footerReferenceSize" width="0.0" height="0.0"/><inset key="sectionInset" minX="0.0" minY="0.0" maxX="0.0" maxY="0.0"/></collectionViewFlowLayout><细胞><collectionViewCell opaque="NO" clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="center" usesIdentifier="CollectionViewCell" id="w5c-mF-XjG" customClass="CollectionViewCell" customModule="stackoverflow_43143119" customModuleProvider="目标"><rect key="frame" x="0.0" y="0.0" width="100" height="50"/><autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/><view key="contentView" opaque="NO" clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="center"><rect key="frame" x="0.0" y="0.0" width="100" height="50"/><autoresizingMask key="autoresizingMask"/><子视图><textField opaque="NO" clipsSubviews="YES" contentMode="scaleToFill" contentHorizontalAlignment="left" contentVerticalAlignment="center" borderStyle="roundedRect" placeholder="text" textAlignment="natural" minimumFontSize="17" translatesAutoresizingMaskIntoConstraints="NO" id="HAy-QM-Eqi"><rect key="frame" x="0.0" y="10" width="100" height="30"/><nil key="textColor"/><fontDescription key="fontDescription" type="system" pointSize="14"/><textInputTraits key="textInputTraits"/><连接><action selector="valueChanged:" destination="w5c-mF-XjG" eventType="editingChanged" id="qDf-D2-X1l"/></连接></textField></subviews></查看><color key="backgroundColor" white="0.66666666666666663" alpha="1" colorSpace="calibratedWhite"/><约束><constraint firstItem="HAy-QM-Eqi" firstAttribute="centerY" secondItem="w5c-mF-XjG" secondAttribute="centerY" id="JCH-09-Hsr"/><constraint firstItem="HAy-QM-Eqi" firstAttribute="leading" secondItem="w5c-mF-XjG" secondAttribute="leading" id="YvF-Qw-sOW"/><constraint firstAttribute="trailing" secondItem="HAy-QM-Eqi" secondAttribute="trailing" id="kPK-6X-Aug"/></约束><连接><outlet property="textField" destination="HAy-QM-Eqi" id="3tf-0f-agX"/></连接></collectionViewCell></细胞></collectionView></subviews><color key="backgroundColor" red="1" green="1" blue="1" alpha="1" colorSpace="custom" customColorSpace="sRGB"/><约束><constraint firstItem="KWt-KV-A2D" firstAttribute="top" secondItem="y3c-jy-aDJ" secondAttribute="bottom" constant="8" symbols="YES" id="5Fe-R9-7li"/><constraint firstItem="KWt-KV-A2D" firstAttribute="bottom" secondItem="wfy-db-euE" secondAttribute="top" id="Rjm-Ij-0Pe"/><constraint firstAttribute="trailing" secondItem="KWt-KV-A2D" secondAttribute="trailing" id="kZ0-HK-x0Z"/><constraint firstItem="KWt-KV-A2D" firstAttribute="leading" secondItem="8bC-Xf-vdC" secondAttribute="leading" id="zQM-Za-bkN"/></约束></查看><连接><outlet property="collectionView" destination="KWt-KV-A2D" id="SR1-Cn-p5v"/></连接></viewController><placeholder placeholderIdentifier="IBFirstResponder" id="dkx-z0-nzr" sceneMemberID="firstResponder"/></对象><point key="canvasLocation" x="133.59999999999999" y="137.18140929535232"/></场景></场景></文档>
结果
I have a bunch of UITextFields living inside a collection view in different cells (around 7). I'm looking for a way to delegate the responsibility of validating these fields to an internal service class. Is there a way in which I can do this without causing controller bloat?
What I've partially tried is to create an object and then assign the Textfield delegates to this object. However I struggled on linking the two together (able to access the textField.text property to validate and add the output into a struct).
Is there a cleaner, more efficient way or am I looking at a long Controller?
Thanks
Features
- Save data from TextFields in cell
- Detect coordinates of editing TextField
- Locate TextFields handler in ViewController (MVC)
- Hide keyboard when scroll
Details
xCode 8.3, Swift 3.1
Full Example
ViewController.swift
import UIKit
fileprivate var textFieldsTexts = [IndexPath:String]()
class ViewController: UIViewController {
@IBOutlet weak var collectionView: UICollectionView!
override func viewDidLoad() {
super.viewDidLoad()
setupCollectionView()
}
}
extension ViewController: UICollectionViewDataSource {
func setupCollectionView() {
collectionView.dataSource = self
collectionView.delegate = self
}
func numberOfSections(in collectionView: UICollectionView) -> Int {
return 1
}
func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
return 100
}
func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "CollectionViewCell", for: indexPath) as! CollectionViewCell
cell.textField.placeholder = "\(indexPath)"
cell.delegate = self
return cell
}
}
extension ViewController: UICollectionViewDelegate {
func collectionView(_ collectionView: UICollectionView, willDisplay cell: UICollectionViewCell, forItemAt indexPath: IndexPath) {
let cell = cell as! CollectionViewCell
cell.textField.text = textFieldsTexts[indexPath]
}
func scrollViewWillBeginDecelerating(_ scrollView: UIScrollView) {
view.endEditing(true)
}
}
extension ViewController: CollectionViewCellDelegate {
func collectionViewCell(valueChangedIn textField: UITextField, delegatedFrom cell: CollectionViewCell) {
if let indexPath = collectionView.indexPath(for: cell), let text = textField.text {
print("textField text: \(text) from cell: \(indexPath))")
textFieldsTexts[indexPath] = text
}
}
func collectionViewCell(textField: UITextField, shouldChangeCharactersIn range: NSRange, replacementString string: String, delegatedFrom cell: CollectionViewCell) -> Bool {
print("Validation action in textField from cell: \(String(describing: collectionView.indexPath(for: cell)))")
return true
}
}
CollectionViewCell.swift
import UIKit
class CollectionViewCell: UICollectionViewCell {
@IBOutlet weak var textField: UITextField!
var delegate: CollectionViewCellDelegate?
override func awakeFromNib() {
super.awakeFromNib()
textField.delegate = self
}
@IBAction func valueChanged(_ sender: UITextField) {
delegate?.collectionViewCell(valueChangedIn: textField, delegatedFrom: self)
}
}
extension CollectionViewCell: UITextFieldDelegate {
func textField(_ textField: UITextField, shouldChangeCharactersIn range: NSRange, replacementString string: String) -> Bool {
if let delegate = delegate {
return delegate.collectionViewCell(textField: textField, shouldChangeCharactersIn: range, replacementString: string, delegatedFrom: self)
}
return true
}
}
CollectionViewCellDelegate.swift
import UIKit
protocol CollectionViewCellDelegate {
func collectionViewCell(valueChangedIn textField: UITextField, delegatedFrom cell: CollectionViewCell)
func collectionViewCell(textField: UITextField, shouldChangeCharactersIn range: NSRange, replacementString string: String, delegatedFrom cell: CollectionViewCell) -> Bool
}
Main.storyboard
<?xml version="1.0" encoding="UTF-8"?>
<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="12118" systemVersion="16D32" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES" colorMatched="YES" initialViewController="BYZ-38-t0r">
<device id="retina4_7" orientation="portrait">
<adaptation id="fullscreen"/>
</device>
<dependencies>
<deployment identifier="iOS"/>
<plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="12086"/>
<capability name="documents saved in the Xcode 8 format" minToolsVersion="8.0"/>
</dependencies>
<scenes>
<!--View Controller-->
<scene sceneID="tne-QT-ifu">
<objects>
<viewController id="BYZ-38-t0r" customClass="ViewController" customModule="stackoverflow_43143119" customModuleProvider="target" sceneMemberID="viewController">
<layoutGuides>
<viewControllerLayoutGuide type="top" id="y3c-jy-aDJ"/>
<viewControllerLayoutGuide type="bottom" id="wfy-db-euE"/>
</layoutGuides>
<view key="view" contentMode="scaleToFill" id="8bC-Xf-vdC">
<rect key="frame" x="0.0" y="0.0" width="375" height="667"/>
<autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
<subviews>
<collectionView clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="scaleToFill" dataMode="prototypes" translatesAutoresizingMaskIntoConstraints="NO" id="KWt-KV-A2D">
<rect key="frame" x="0.0" y="28" width="375" height="639"/>
<color key="backgroundColor" white="1" alpha="1" colorSpace="calibratedWhite"/>
<collectionViewFlowLayout key="collectionViewLayout" minimumLineSpacing="10" minimumInteritemSpacing="10" id="WoG-le-dkA">
<size key="itemSize" width="100" height="50"/>
<size key="headerReferenceSize" width="0.0" height="0.0"/>
<size key="footerReferenceSize" width="0.0" height="0.0"/>
<inset key="sectionInset" minX="0.0" minY="0.0" maxX="0.0" maxY="0.0"/>
</collectionViewFlowLayout>
<cells>
<collectionViewCell opaque="NO" clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="center" reuseIdentifier="CollectionViewCell" id="w5c-mF-XjG" customClass="CollectionViewCell" customModule="stackoverflow_43143119" customModuleProvider="target">
<rect key="frame" x="0.0" y="0.0" width="100" height="50"/>
<autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
<view key="contentView" opaque="NO" clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="center">
<rect key="frame" x="0.0" y="0.0" width="100" height="50"/>
<autoresizingMask key="autoresizingMask"/>
<subviews>
<textField opaque="NO" clipsSubviews="YES" contentMode="scaleToFill" contentHorizontalAlignment="left" contentVerticalAlignment="center" borderStyle="roundedRect" placeholder="text" textAlignment="natural" minimumFontSize="17" translatesAutoresizingMaskIntoConstraints="NO" id="HAy-QM-Eqi">
<rect key="frame" x="0.0" y="10" width="100" height="30"/>
<nil key="textColor"/>
<fontDescription key="fontDescription" type="system" pointSize="14"/>
<textInputTraits key="textInputTraits"/>
<connections>
<action selector="valueChanged:" destination="w5c-mF-XjG" eventType="editingChanged" id="qDf-D2-X1l"/>
</connections>
</textField>
</subviews>
</view>
<color key="backgroundColor" white="0.66666666666666663" alpha="1" colorSpace="calibratedWhite"/>
<constraints>
<constraint firstItem="HAy-QM-Eqi" firstAttribute="centerY" secondItem="w5c-mF-XjG" secondAttribute="centerY" id="JCH-09-Hsr"/>
<constraint firstItem="HAy-QM-Eqi" firstAttribute="leading" secondItem="w5c-mF-XjG" secondAttribute="leading" id="YvF-Qw-sOW"/>
<constraint firstAttribute="trailing" secondItem="HAy-QM-Eqi" secondAttribute="trailing" id="kPK-6X-Aug"/>
</constraints>
<connections>
<outlet property="textField" destination="HAy-QM-Eqi" id="3tf-0f-agX"/>
</connections>
</collectionViewCell>
</cells>
</collectionView>
</subviews>
<color key="backgroundColor" red="1" green="1" blue="1" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
<constraints>
<constraint firstItem="KWt-KV-A2D" firstAttribute="top" secondItem="y3c-jy-aDJ" secondAttribute="bottom" constant="8" symbolic="YES" id="5Fe-R9-7li"/>
<constraint firstItem="KWt-KV-A2D" firstAttribute="bottom" secondItem="wfy-db-euE" secondAttribute="top" id="Rjm-Ij-0Pe"/>
<constraint firstAttribute="trailing" secondItem="KWt-KV-A2D" secondAttribute="trailing" id="kZ0-HK-x0Z"/>
<constraint firstItem="KWt-KV-A2D" firstAttribute="leading" secondItem="8bC-Xf-vdC" secondAttribute="leading" id="zQM-Za-bkN"/>
</constraints>
</view>
<connections>
<outlet property="collectionView" destination="KWt-KV-A2D" id="SR1-Cn-p5v"/>
</connections>
</viewController>
<placeholder placeholderIdentifier="IBFirstResponder" id="dkx-z0-nzr" sceneMemberID="firstResponder"/>
</objects>
<point key="canvasLocation" x="133.59999999999999" y="137.18140929535232"/>
</scene>
</scenes>
</document>
Result
这篇关于Swift UICollectionView 文本字段的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!