作者:与爱情无关于寂寞有染_973 | 来源:互联网 | 2024-09-27 16:56
搜索栏算是UI中很简单的一个操作了,拖一个搜索栏上来。 搜索栏中比较重要的属性是占位符,也就是图中右侧的Placeholder,比如输入“请输入关键字”,显示如下:
搜索栏算是UI中很简单的一个操作了,拖一个搜索栏上来。

搜索栏中比较重要的属性是占位符,也就是图中右侧的Placeholder,比如输入“请输入关键字”,显示如下:

这一项是设置背景颜色:

Options选项会对搜索框进行一些调整:

比如我们选择第一项,会显示出一个下拉箭头:

接下来看这部分:

这个里面有一些很有意思的选项,比如这个Keyboard Type,当我们在网页输入的时候要输入汉字和数字,当我们输入电话号码的时候只能输入数字,就是用这个选项。
还有这个Return Key,我们可以点开看看:

这个包括了很多常用的搜索网站。
如果想对搜索的东西进行一些操作的话,只需要实现回调方法UISearchBarDelegate
swift UI专项训练17 SearchBar搜索条