swift4.0 - 自定义键盘

老规矩 Demo地址
看下我们自定义的键盘效果

keyboard.gif

项目中需求不能让用户使用汉字输入法,同时不能联想等等。说了一大堆。没办法自己手动实现一下只带大小写英文和数字输入法以及标点符号输入。
首先还是要先感谢@Misaki_yuyi这篇文章的思路iOS 自定义数字和字母键盘
基于自定义的基础上实现了基本的需求大写.png

小写.png
数字字符.png

字符.png

大致实现思路如下

1.主键盘26个按钮采用UICollectionView实现,通过自定义flowlayout显示自动布局和定义大小间距
2.我们看到的键盘切换,以及底部几个按钮采用自定义button来实现
3.键盘父视图采用继承UIView实现,数据处理全部放在ZMKeyBoardView内部进行实现处理,
4.外部调用只需要创建ZMKeyBoardView,让当前的textfield的inputview = ZMKeyBoardView() 即可

看下代码层

public.png

大致说下根目录作用,采用MVC实现

1.image文件夹主要放自定义键盘需要的图片
2.util中的ZMKeyBoardUtil主要放置需要用到的数据源逻辑处理,方便我们使用的时候直接调用
3.ZMKeyBoadModel就是键盘需要用的模型
4.ZMCollectionViewCell是我们实现的自定义cell。ZMCollectionLayout是我们自定义的layout来满足指定间距大小动态化布局的。
5.。ZMKeyBoardView就是我们的父视图,所有的自定义键盘控件添加,逻辑处理都放在这里边。

实现的话,主要的26个英文item采用的是collectionView,分三个区。样式放在了cell里边,布局属性放到了自定义layout里边。其他5个按钮统一使用ZMKeyBoardButtonView进行实现。已经开出需要用到的方法,比如点击高亮,切换处理。等
调用比较方便,调用示例
        let keyBoards = ZMKeyBoardView()
        textfield1.inputView = keyBoards
        keyBoards.inputSource = textfield1
最后再附上 Demo地址
代码层需要优化的地方还有很多,希望你在看完Demo后能提出宝贵的意见。愿与君共勉
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Swift 4.0中,系统没有提供直接的底部弹窗控件。但是你可以使用UIAlertController和UIAlertAction来创建一个自定义的底部弹窗。下面是一个示例代码: ```swift func showBottomAlert() { let alertController = UIAlertController(title: nil, message: nil, preferredStyle: .actionSheet) let action1 = UIAlertAction(title: "Action 1", style: .default) { (action) in // 处理点击 Action 1 的操作 } alertController.addAction(action1) let action2 = UIAlertAction(title: "Action 2", style: .default) { (action) in // 处理点击 Action 2 的操作 } alertController.addAction(action2) let cancelAction = UIAlertAction(title: "Cancel", style: .cancel) { (action) in // 处理点击取消按钮的操作 } alertController.addAction(cancelAction) if let popoverPresentationController = alertController.popoverPresentationController { popoverPresentationController.sourceView = self.view popoverPresentationController.sourceRect = CGRect(x: self.view.bounds.midX, y: self.view.bounds.maxY, width: 0, height: 0) popoverPresentationController.permittedArrowDirections = [] } present(alertController, animated: true, completion: nil) } ``` 在上面的代码中,我们创建了一个UIAlertController,并添加了两个UIAlertAction作为选项,以及一个UIAlertAction作为取消按钮。然后,我们通过present方法将底部弹窗显示在屏幕上。 注意,为了将弹窗显示在底部,我们设置了popoverPresentationController的sourceView为当前的view,并且设置了sourceRect的位置在屏幕底部中间。这样就能够实现底部弹窗的效果。 希望这可以帮助你实现底部弹窗!如果还有其他问题,请随时提问。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值