搜索栏算是UI中很简单的一个操作了,拖一个搜索栏上来。

swift UI专项训练17 SearchBar搜索条

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

swift UI专项训练17 SearchBar搜索条


这一项是设置背景颜色:

swift UI专项训练17 SearchBar搜索条

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

swift UI专项训练17 SearchBar搜索条

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

swift UI专项训练17 SearchBar搜索条


接下来看这部分:

swift UI专项训练17 SearchBar搜索条

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

还有这个Return Key,我们可以点开看看:

swift UI专项训练17 SearchBar搜索条

这个包括了很多常用的搜索网站。

如果想对搜索的东西进行一些操作的话,只需要实现回调方法UISearchBarDelegate

     搜索栏算是UI中很简单的一个操作了,拖一个搜索栏上来。

swift UI专项训练17 SearchBar搜索条

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

swift UI专项训练17 SearchBar搜索条


这一项是设置背景颜色:

swift UI专项训练17 SearchBar搜索条

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

swift UI专项训练17 SearchBar搜索条

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

swift UI专项训练17 SearchBar搜索条


接下来看这部分:

swift UI专项训练17 SearchBar搜索条

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

还有这个Return Key,我们可以点开看看:

swift UI专项训练17 SearchBar搜索条

这个包括了很多常用的搜索网站。

如果想对搜索的东西进行一些操作的话,只需要实现回调方法UISearchBarDelegate

相关文章:

  • 2021-06-08
  • 2021-12-09
  • 2021-09-20
  • 2022-12-23
  • 2021-05-09
  • 2021-11-30
  • 2021-08-23
  • 2021-10-20
猜你喜欢
  • 2021-12-30
  • 2022-12-23
  • 2021-08-13
  • 2021-10-17
  • 2021-08-06
  • 2021-11-01
相关资源
相似解决方案