当前位置:首页 > 操作系统 > MacOs

macOS SwiftUI 封装组件之 可设置高度搜索框NSSearchField(教程含源码)

实战需求

macOS SwiftUI 封装组件之 可设置高度搜索框NSSearchField

本文价值与收获

看完本文后,您将能够作出下面的界面

macOS SwiftUI 封装组件之 可设置高度搜索框NSSearchField(教程含源码) - 文章图片

看完本文您将掌握的技能

  • 实现标准搜索框
  • 实现自定义高度

基础知识

搜索框Search Fields

搜索字段是一种文本字段样式,已针对在大量值中执行基于文本的搜索进行了优化。许多窗口在工具栏中都包含搜索字段,但是搜索字段也可以显示在窗口的主体区域中。搜索字段显示放大镜图标,并且还可以包含占位符文本和取消按钮。

macOS SwiftUI 封装组件之 可设置高度搜索框NSSearchField(教程含源码) - 文章图片

使用搜索字段而不是标准文本字段来实现搜索。文本字段没有人们期望的搜索字段外观。

避免提供介绍性标签。人们熟悉搜索字段的独特外观,因此无需对其进行标记。例外情况是在工具栏中放置搜索字段时。在这种情况下,您必须提供标签“搜索”,以便在用户将工具栏配置为仅显示图标和文本时显示。

通常,启用取消按钮。大多数搜索字段都包含一个取消按钮,该按钮会删除该字段的内容并立即终止搜索。


实战代码


【说明】本文章由站长整理发布,文章内容不代表本站观点,如文中有侵权行为,请与本站客服联系(QQ:254677821)!

相关教程推荐

其他课程推荐