• Swift


    (本文代码已升级至Swift3)
     
    本文演示如何制作一个可以编辑单元格内容的表格(UITableView)。

    1,效果图
    (1)默认状态下,表格不可编辑,当点击单元格的时候会弹出提示框显示选中的内容。
            原文:Swift - 可编辑表格样例(可直接编辑单元格中内容、移动删除单元格)         原文:Swift - 可编辑表格样例(可直接编辑单元格中内容、移动删除单元格)

    (2)点击导航栏右侧编辑按钮,表格进入可以编辑状态
    原文:Swift - 可编辑表格样例(可直接编辑单元格中内容、移动删除单元格)

    (3)这时我们可以删除表格项。
    原文:Swift - 可编辑表格样例(可直接编辑单元格中内容、移动删除单元格)

    (4)也可以拖动调整单元格的顺序。
    原文:Swift - 可编辑表格样例(可直接编辑单元格中内容、移动删除单元格)

    (5)然后就是本文的重点,在编辑状态下。直接点击单元格,即可在当前页面下直接编辑修改单元格中的内容。
    原文:Swift - 可编辑表格样例(可直接编辑单元格中内容、移动删除单元格)

    2,单元格编辑功能讲解
    (1)通过自定义 UITableViewCell,在其内部添加一个 textField 来实现可编辑的cell。
    (2)通过改变 userInteractionEnabled 属性,可以让 textField 在可编辑与只读两个状态间切换。
    (3)在编辑状态下要加大 textField 的左边距,因为左侧会出现个删除按钮图标。
    (4)同时在编辑 cell 内容的时候,由于键盘会弹出挡到后面的表格。所以我们在键盘出现的时候,要通过改变 edgeInsets 的办法在底部加大 tableview 的 contentview 大小。
    而结束编辑隐藏键盘时,需要还原 tableview 的 contentview 的尺寸。

    3,程序代码
    --- MyTableViewCell.swift(自定义单元格类)---
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    import UIKit
     
    //表格数据实体类
    class ListItem: NSObject {
        var text: String
         
        init(text: String) {
            self.text = text
        }
    }
     
    //单元格类
    class MyTableViewCell: UITableViewCell, UITextFieldDelegate {
        //单元格内部标签(可输入)
        let label:UITextField
        //单元格左边距
        var leftMarginForLabel: CGFloat = 15.0
         
        //单元格数据
        var listItem:ListItem? {
            didSet {
                label.text = listItem!.text
            }
        }
         
        //单元格是否可编辑
        var labelEditable:Bool? {
            didSet {
                label.isUserInteractionEnabled = labelEditable!
                //如果是可以编辑的话,要加大左边距(因为左边有个删除按钮)
                leftMarginForLabel = labelEditable! ? 45.0 : 15.0
                self.setNeedsLayout()
            }
        }
         
        //初始化
        override init(style: UITableViewCellStyle, reuseIdentifier: String?) {
            //初始化文本标签
            label = UITextField(frame: CGRect.null)
            label.textColor = UIColor.black
            label.font = UIFont.systemFont(ofSize: 16)
             
            super.init(style: style, reuseIdentifier: reuseIdentifier)
             
            //设置文本标签代理
            label.delegate = self
            label.contentVerticalAlignment = UIControlContentVerticalAlignment.center
            //添加文本标签
            addSubview(label)
        }
         
        //布局
        override func layoutSubviews() {
            super.layoutSubviews()
            label.frame = CGRect(x: leftMarginForLabel, y: 0,
                                  bounds.size.width - leftMarginForLabel,
                                 height: bounds.size.height)
        }
         
        //键盘回车
        func textFieldShouldReturn(_ textField: UITextField) -> Bool {
            textField.resignFirstResponder()
            return false
        }
         
        //结束编辑
        func textFieldShouldEndEditing(_ textField: UITextField) -> Bool {
            if listItem != nil {
                listItem?.text = textField.text!
            }
            return true
        }
         
        required init?(coder aDecoder: NSCoder) {
            fatalError("init(coder:) has not been implemented")
        }
    }

    --- ViewController.swift(主类)---
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    96
    97
    98
    99
    100
    101
    102
    103
    104
    105
    106
    107
    108
    109
    110
    111
    112
    113
    114
    115
    116
    117
    118
    119
    120
    121
    122
    123
    124
    125
    126
    127
    128
    129
    130
    131
    132
    133
    134
    135
    136
    137
    138
    139
    140
    141
    142
    143
    144
    145
    146
    147
    148
    149
    150
    151
    152
    153
    154
    155
    156
    157
    158
    159
    160
    161
    162
    163
    164
    165
    166
    167
    168
    169
    170
    171
    172
    173
    174
    175
    176
    177
    178
    179
    180
    181
    182
    183
    184
    185
    186
    187
    import UIKit
     
    class ViewController: UIViewController, UITableViewDelegate,
    UITableViewDataSource{
         
        //表格
        var tableView:UITableView?
        //表格数据
        var listItems = [ListItem]()
         
        override func viewDidLoad() {
            super.viewDidLoad()
             
            //初始化数据
            listItems = [ListItem(text: "这是条目1"), ListItem(text: "这是条目2"),
                         ListItem(text: "这是条目3"), ListItem(text: "这是条目4"),
                         ListItem(text: "这是条目5"), ListItem(text: "这是条目6"),
                         ListItem(text: "这是条目7"), ListItem(text: "这是条目8"),
                         ListItem(text: "这是条目9"), ListItem(text: "这是条目10"),
                         ListItem(text: "这是条目11"), ListItem(text: "这是条目12"),
                         ListItem(text: "这是条目13"), ListItem(text: "这是条目14"),
                         ListItem(text: "这是条目15"), ListItem(text: "这是条目16"),
                         ListItem(text: "这是条目17")]
             
            //创建表视图
            self.tableView = UITableView(frame:self.view.frame, style:.plain)
            self.tableView!.delegate = self
            self.tableView!.dataSource = self
            //创建一个重用的单元格
            self.tableView!.register(MyTableViewCell.self, forCellReuseIdentifier: "tableCell")
            self.view.addSubview(self.tableView!)
             
            //监听键盘弹出通知
            NotificationCenter.default
                .addObserver(self,selector: #selector(keyboardWillShow(_:)),
                             name: NSNotification.Name.UIKeyboardWillShow, object: nil)
            //监听键盘隐藏通知
            NotificationCenter.default
                .addObserver(self,selector: #selector(keyboardWillHide(_:)),
                             name: NSNotification.Name.UIKeyboardWillHide, object: nil)
        }
         
        //导航栏编辑按钮点击
        @IBAction func editBarBtnClick(_ sender: UIBarButtonItem) {
            //在正常状态和编辑状态之间切换
            if(self.tableView!.isEditing == false){
                self.tableView!.setEditing(true, animated:true)
                sender.title = "保存"
            }
            else{
                self.tableView!.setEditing(false, animated:true)
                sender.title = "编辑"
            }
            //重新加载表数据(改变单元格输入框编辑/只读状态)
            self.tableView?.reloadData()
        }
         
        //在本例中,有1个分区
        func numberOfSections(in tableView: UITableView) -> Int {
            return 1
        }
         
        //返回表格行数
        func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
            return listItems.count
        }
         
        //创建各单元显示内容(创建参数indexPath指定的单元)
        func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath)
            -> UITableViewCell
        {
            let cell = tableView
                .dequeueReusableCell(withIdentifier: "tableCell", for: indexPath)
                as! MyTableViewCell
            //设置单元格内容
            let item = listItems[(indexPath as NSIndexPath).row]
            cell.listItem = item
            cell.accessoryType = UITableViewCellAccessoryType.disclosureIndicator
            //内容标签是否可编辑
            cell.labelEditable = tableView.isEditing
            return cell
        }
         
        // UITableViewDelegate 方法,处理列表项的选中事件
        func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath)
        {
            self.tableView!.deselectRow(at: indexPath, animated: true)
            let itemString = listItems[(indexPath as NSIndexPath).row].text
            let alertController = UIAlertController(title: "提示!",
                                                    message: "你选中了【(itemString)】",
                preferredStyle: .alert)
            let okAction = UIAlertAction(title: "确定", style: .cancel, handler: nil)
            alertController.addAction(okAction)
            self.present(alertController, animated: true, completion: nil)
        }
         
        //是否有删除功能
        func tableView(_ tableView: UITableView, editingStyleForRowAt indexPath: IndexPath)
            -> UITableViewCellEditingStyle
        {
            if(self.tableView!.isEditing == false){
                return UITableViewCellEditingStyle.none
            }else{
                return UITableViewCellEditingStyle.delete
            }
        }
         
        //删除提示
        func tableView(_ tableView: UITableView,
                       titleForDeleteConfirmationButtonForRowAt indexPath: IndexPath)
            -> String? {
                return "确定删除?"
        }
         
        //编辑完毕(这里只有删除操作)
        func tableView(_ tableView: UITableView,
                       commit editingStyle: UITableViewCellEditingStyle,
                       forRowAt indexPath: IndexPath) {
            if(editingStyle == UITableViewCellEditingStyle.delete)
            {
                self.listItems.remove(at: (indexPath as NSIndexPath).row)
                self.tableView!.reloadData()
                print("你确认了删除按钮")
            }
        }
         
        //在编辑状态,可以拖动设置cell位置
        func tableView(_ tableView: UITableView, canMoveRowAt indexPath: IndexPath) -> Bool {
            return true
        }
         
        //移动cell事件
        func tableView(_ tableView: UITableView, moveRowAt fromIndexPath: IndexPath,
                       to toIndexPath: IndexPath) {
            if fromIndexPath != toIndexPath{
                //获取移动行对应的值
                let itemValue:ListItem = listItems[(fromIndexPath as NSIndexPath).row]
                //删除移动的值
                listItems.remove(at: (fromIndexPath as NSIndexPath).row)
                //如果移动区域大于现有行数,直接在最后添加移动的值
                if (toIndexPath as NSIndexPath).row > listItems.count{
                    listItems.append(itemValue)
                }else{
                    //没有超过最大行数,则在目标位置添加刚才删除的值
                    listItems.insert(itemValue, at:(toIndexPath as NSIndexPath).row)
                }
            }
        }
         
        // 键盘显示
        func keyboardWillShow(_ notification: Notification) {
            let userInfo = (notification as NSNotification).userInfo!
            //键盘尺寸
            let keyboardSize = (userInfo[UIKeyboardFrameBeginUserInfoKey]
                as! NSValue).cgRectValue
            var contentInsets:UIEdgeInsets
            //判断是横屏还是竖屏
            let statusBarOrientation = UIApplication.shared.statusBarOrientation
            if UIInterfaceOrientationIsPortrait(statusBarOrientation) {
                contentInsets = UIEdgeInsetsMake(64.0, 0.0, (keyboardSize.height), 0.0);
            } else {
                contentInsets = UIEdgeInsetsMake(64.0, 0.0, (keyboardSize.width), 0.0);
            }
            //tableview的contentview的底部大小
            self.tableView!.contentInset = contentInsets;
            self.tableView!.scrollIndicatorInsets = contentInsets;
        }
         
        // 键盘隐藏
        func keyboardWillHide(_ notification: Notification) {
            //还原tableview的contentview大小
            let contentInsets:UIEdgeInsets = UIEdgeInsetsMake(64.0, 0.0, 0, 0.0);
            self.tableView!.contentInset = contentInsets
            self.tableView!.scrollIndicatorInsets = contentInsets
        }
         
        //页面移除时
        override func viewDidDisappear(_ animated: Bool) {
            super.viewDidAppear(animated)
            //取消键盘监听通知
            NotificationCenter.default.removeObserver(self)
        }
         
        override func didReceiveMemoryWarning() {
            super.didReceiveMemoryWarning()
        }
    }
    源码下载:hangge_1175.zip
    原文出自:www.hangge.com  转载请保留原文链接:http://www.hangge.com/blog/cache/detail_1175.html
  • 相关阅读:
    css3 动画
    jQuery toast 淡入淡出提示
    JavaScript事件——拖拉事件
    Vue -- element-ui 限制只能输入number
    css 移动端页面,在ios中,margin-bottom 没有生效
    django 快速搭建blog
    python 正则表达式口诀
    [转]python os模块 常用命令
    【转】scapy 构造以太网注入帧
    【转】关于Scapy
  • 原文地址:https://www.cnblogs.com/Free-Thinker/p/7264300.html
Copyright © 2020-2023  润新知