Table View 中开启文本菜单功能

长按所选的对象后,弹出文本菜单(Context Menu),允许用户进行剪切、复制、粘贴操作。默认情况下,文本菜单功能在 Table View 中是关闭状态。在本节教程中,将学习如何在 Table View Cell 中开启文本菜单功能,将所选的文本复制到 Text Filed(文本输入框)中。本节教程使用的是 Xcode 8.1 和 iOS 10。

设置工程

打开 Xcode,创建一个 Single View Application。

Table View 中开启文本菜单功能_第1张图片

点击 Next。Product Name 使用IOS10ContextMenuTableViewTutorial,填写自己的 Organization Name 和 Organization Identifier,Language 一栏选择 Swift,Devices 一栏选择 iPhone。

Table View 中开启文本菜单功能_第2张图片

打开Main.storyboard文件,从 Object Library 中拖拽一个 Table View 到主界面,然后选中 Table View,找到 Attribute Inspector,在 Table View 部分,将 Prototype Cells 的值改为1。

选中 Table View Cell,找到 Attribute Inspector ,在 Table View Cell 区域,将 Indentifier 的值设置为 “cell”。

选中 Table View,点击右下角的 Pin 按钮,点击上方、左、右三条线,选择 Height,设置成固定高度。在 Update Frames 的下拉菜单中选择 Items of New Contraints,接下来点击 “Add 4 Constraints”。

Table View 中开启文本菜单功能_第3张图片

从 Object Library 中拖拽一个 Text Field 控件,放到 Table View 的下方。按住 Control 键,将其拖拽到 Table View 上,松开 Control 键,选择 “Vertical Spacing” 和 “Center Horizontally”。

Table View 中开启文本菜单功能_第4张图片

选中 Text Field,点击右下角的 Pin 按钮,选中左、右两条线。如下图添加约束。

Table View 中开启文本菜单功能_第5张图片

View Controller 需要成为 Table View 的代理(delegate)。选中 TableView,按住 Control 键,将其拖拽到 View Controller 顶部的黄色图标上,点击 dataSource,重复上述步骤,点击 delegate。

对 Text Field 控件也重复上述步骤,使 View Controller 成为 Text Field 的代理(delegate)。然后打开ViewController.swift文件,将类的声明改成如下代码:

class          ViewController:UIViewController,UITableViewDelegate,UITableViewDataSource,UITextFieldDelegate{

接着添加下列属性:

var pasteBoard =UIPasteboard.generalPasteboard()

var tableData: [String] = ["dog","cat","fish"]

pasteBoard 属性将用于复制粘贴操作,tableData 存储展示在 Table View Cell 上的数据。接下来,如下所示修改 Table View 的 delegate 方法:

fun cnumberOfSections(intableView: UITableView)->Int{

return 1

}

fun ctableView(_tableView: UITableView, numberOfRowsInSection section: Int)->Int{

return tableData.count

}

fun ctableView(_tableView: UITableView, cellForRowAt indexPath: IndexPath)->UITableViewCell{

letcell = tableView.dequeueReusableCell(withIdentifier:"cell",for: indexPath)

cell.textLabel?.text = tableData[indexPath.row]

return cell

}

Table View 现在会展示 tableData 数组中的值,想要开启文本菜单功能,需要实现以下三个 delegate 方法。

fun ctableView(_tableView: UITableView, shouldShowMenuForRowAt indexPath: IndexPath)->Bool

{

return true

}

fun ctableView(_tableView: UITableView, canPerformAction action: Selector, forRowAt indexPath: IndexPath, withSender sender: Any?)->Bool{

if(action == #selector(UIResponderStandardEditActions.copy(_:))) {

return true

}

return false

}

fun ctableView(_tableView: UITableView, performAction action: Selector, forRowAt indexPath: IndexPath, withSender sender: Any?){

let cell = tableView.cellForRow(at: indexPath)

pasteBoard.string = cell!.textLabel?.text

}

tableView:shouldShowMenuForRowAt方法必须返回 true,才能长按显示文本菜单。tableView:canPerformAction:forRowAt方法,让文本菜单只显示 copy(复制)一个选项。tableView:performAction:forRowAt:withSender方法将选中的文本复制到 pasteBoard 变量中。

最后,通过textFieldShouldReturn方法,在点击 Text Field 后让键盘消失。

fun ctextFieldShouldReturn(_textField: UITextField)->Bool{

self.view.endEditing(true)

return false

}

运行工程,长按一行 Table View Cell,然后选择 copy(复制) 选项,粘贴到 Text Field(文本框)里。

Table View 中开启文本菜单功能_第6张图片

你可能感兴趣的:(Table View 中开启文本菜单功能)