Swift 5 一款简单、灵活的下拉框（文本输入下拉框）

小灰灰 2023-06-29 12:59 36阅读 0赞

代码地址：  
[DropBoxDemo][]

## I 思路 ##

以`TableView`为基础，提供一个可以灵活地实现文本输入选择的下拉框。  
![20200612141614978.gif][]

## II 使用 ##

##### 支持 TextField #####

如果你希望为已有的一个`TextField`添加下拉选择的功能，那这真的十分适合你，这里面提供的`DropBoxTextField`能够很好地兼容你现有的文本输入框。

你以前的代码可能是这样的：

let textField = UITextField(frame: ...)
    // 省略一些代码
    self.view.addSubview(textField)

只需要做如下的修改就能很好地兼容上面的代码：

let textField = UITextField()
    // 省略一些代码
    let dropBoxTextField = DropBoxTextField(frame:..., textField: textField)
    self.view.addSubview(dropBoxTextField)

就像装饰者模式一样，我们为你的`TextField`增加了下拉框的功能，你之前对它的一切定制仍然生效，也许会有一些布局上的影响，但相信你能很好地解决，这难不倒你。

## III 可能存在的问题 ##

为什么我展开后的下拉框被挡住了？

答：这种情况是常有的，因为下拉框添加到父识图时可能位于其他子识图的下层。你可以为可能展开的下拉框预留一些空间，如果不能，你可以在父view调用`bringSubviewToFront(UIView)`让下拉框始终保持在最前面。

为什么样例中 `DropBoxMenu` 点击某一项后会自动回收，而 `DropBoxTextField` 需要我们在 `DropBoxDelegate.didSelectItemAt()` 里设置手动回收？

答：考虑到文本下拉框以后可能会做多选的拓展，所以我们并没有赋予它自动回收的能力，而是通过用户自定义使其针对多选的情况更加灵活；而下拉菜单经过考虑还是为它加上了自动回收的功能。

*以上问题可能来自很多人的建议和疑惑，如果你有相同的情况，请一定及时联系我们。*

## IV 其他 ##

如果你还有别的问题或者改进可以通过issue或者邮件通知我们，如果我们的代码或者思路帮助到你的开发，请为我们的项目留下你的star。

[DropBoxDemo]: https://github.com/XuJiaLe1997/DropBoxDemo
[20200612141614978.gif]: https://img-blog.csdnimg.cn/20200612141614978.gif

发表评论取消回复

表情：

评论列表（有 0 条评论，36人围观）

还没有评论，来说两句吧...

相关阅读

相关 Swift 5 一款简单、灵活的下拉框（文本输入下拉框）

代码地址： [DropBoxDemo][] I 思路以`TableView`为基础，提供一个可以灵活地实现文本输入选择的下拉框。 ![202006121416

小灰灰/ 2023年06月29日 12:59/ 0 赞/ 37 阅读

相关 pyqt下拉框

pycharm 以下代码涉及下下拉框的大小和点击事件 import sys from PyQt5.Qt import clas

爱被打了一巴掌/ 2023年01月11日 01:17/ 0 赞/ 258 阅读

相关查询下拉框

开发工具与关键技术：WPF 作者：文泽钦撰写时间：2021.01.18 先写一个下拉框，我这里用商品功能下拉框为例。 ![在这里插入图片描述][2021012

秒速五厘米/ 2023年01月09日 01:16/ 0 赞/ 240 阅读

相关 Extjs 下拉框

刚刚熟练了easyui控件的使用，又开始了现在的这个项目。这个项目是个半成品，前端使用的是Extjs控件，jsp中没有代码，就引用了很多的js。。。于是乎有种不知所措了呀。

末蓝、/ 2022年08月12日 02:59/ 0 赞/ 382 阅读

相关初始化下拉框

1. /\\ 2. \ 初始化下拉框 3. \ 4. \ @param par 父控件 5. \/ 6.

小灰灰/ 2022年08月08日 06:17/ 0 赞/ 341 阅读

相关 JQuery之简单下拉框

今天介绍的主题是如何用JQuery实现下拉框，话不多说，贴代码！ <!DOCTYPE html> <html> <script type="text/

本是古典何须时尚/ 2022年06月10日 12:11/ 0 赞/ 247 阅读

相关 Android 下拉框

Android 下拉框的使用方法直接上代码 <Spinner android:id="@+id/spinner" android:layout_width="100

超、凢脫俗/ 2022年05月22日 12:58/ 0 赞/ 747 阅读

相关 Android 简单下拉框

1.在布局文件中添加一个Spinner布局，并设置相关属性 <Spinner android:id="@+id/spiner_sele

深碍√TFBOYSˉ_/ 2022年05月08日 10:24/ 0 赞/ 308 阅读

相关下拉框

1.jsp: <select class=" z9" name="sstage" id="sstage"> <c:forEach items="$\{sstagelis

比眉伴天荒/ 2021年11月23日 03:28/ 0 赞/ 587 阅读

相关重构-下拉框

动画: 选择按钮旋转下拉框伸缩边框、图标、选项hover变色参数: placeholder:PropTy

痛定思痛。/ 2021年07月24日 20:58/ 0 赞/ 587 阅读