首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

iOS中UISearchBar(搜索框)使用总结

iOS中UISearchBar(搜索框)使用总结 初始化:UISearchBar继承于UIView,我们可以像创建View那样创建searchBar     UISearchBar * bar = [...showsCancelButton animated:(BOOL)animated; 设置显示取消按钮 @property(nonatomic,retain) UIColor *tintColor; 设置这个颜色值会影响搜索框中的光标的颜色...@property(nonatomic,retain) UIColor *barTintColor; 设置这个颜色会影响搜索框的背景颜色 @property (nonatomic) UISearchBarStyle...,图片的枚举如下: typedef NS_ENUM(NSInteger, UISearchBarIcon) {     UISearchBarIconSearch, //搜索图标     UISearchBarIconClear..., // 清除图标     UISearchBarIconBookmark, // 书本图标     UISearchBarIconResultsList, // 结果列表图标 }; 下面是搜索框控件的一些代理方法

2.6K10

自定义UISearchController的外观

以前我们在项目中使用搜索框的时候,如果用系统自带的控件则是使用UISearchDisplayController,而自从iOS8之后,系统重新给我们提供了一个搜索控件:UISearchController...于是我开始搜索并总结出了几个不通过继承的方式来更改UISearchBar外观的方法。...同时我们也可以直接获取UISearchBar的subViews,UISearchBar的subView是一个UIView的实例,这个UIView包含了所有在UISearchBar上可以展示的子视图,iOS...SDK提供的UISearchBar,在iOS7之前是分为UISearchBarBackground、UISearchBarTextField、UIButton这几个类的实例组成,而在iOS7之后,是将...的外观,至于怎样使用UISearchController来搜索,以及谓词的使用,下一篇文章再更新。

1.7K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    实践-小细节 Ⅰ

    当隐藏系统的导航条,使用自定义的导航条的时候(一个自定义的View,当初是因为设置导航条的颜色,RGB值相同时,导航条颜色比较浅,所以就使用自定义的导航条)。...点击搜索后,停止编辑后,系统的单航条就会出现,而且通过代理来手动隐藏是无法做到的,所以,在使用  UISearchBar & UISearchDisplayController时不要使用自定义的导航条,...使用UISearchBar & UISearchDisplayController时就会有那个点击搜索框后,试图上移的效果,若是不使用UISearchDisplayController单单使用UISearchBar...是一个全局的单例,不注销的话机会造成 crash  调用方法是里: object : 被观察对象 observer: 观察对象 forKeyPath里面带上property的name,如UIView...这样iOS就能知道移除的是自己的kvo,而不是父类中的kvo,避免二次remove造成crash。 6.阴影效果不出来?

    1.6K20

    iOS应用黑暗模式设计终极指南(附套件下载)

    这就是与开发人员进行“和谐”对话所需的全部知识。 05 填充颜色和灰色 iOS的准则提供了4种填充颜色(也为灰色)和6种其他灰色可供选择。它们是界面上所有元素的理想选择,例如字形(图标),UI控件等。...这里有一个很小的例子,说明如何在用户界面中使用它们。 ? 在上图中,您可以看到相机和笔图标触摸目标,我使用了灰色。对于搜索栏,我使用了填充色。 那么,是否必须以这种方式使用这些颜色?不。...第三级标签颜色用于占位符文本,例如搜索栏。四分之一标签颜色用于禁用的文本。但是,会有一些偏差。如果您查看UIKit,会发现搜索栏占位符文本使用“第二”标签颜色,而不是“第三”标签颜色。...但是,这9种颜色在亮模式和暗模式下略有不同。如果您选择使用这些系统强调颜色,则该应用程序将自动将亮模式色调颜色更改为暗模式色调颜色。 ? 你会发现亮模式和暗模式下的颜色是稍有差异的,请务必注意。...顺便说一句,材质还用于诸如通知和模态之类的组件。这是模态中使用的材质的示例: ? 11 控件或组件 对于控件(Tab),滑块,搜索栏,开关等元素,请尝试使用UI套件中的组件。

    3.4K10

    iOS 9人机界面指南(四):UI元素(上) - 腾讯ISUX

    4.1.7 搜索栏 搜索栏获取用户键入的文本,用以作为搜索的关键字(下图中显示的文本为占位符,非用户输入文本)。...搜索栏可能包含以下这些可选元素: 占位符文本(Placeholder text)。...占位符文本通常会写明控件的功能(比如上图里的 “Search”字样),或者提示用户输入的文本将在哪里搜索(如“Google”)。 书签按钮(The Bookmarks button)。...书签按钮只有当搜索栏中没有占位符或用户输入内容时才会出现,当搜索栏中已有文本时,书签按钮会被清除按钮(Clear button)所代替。 清除按钮(The Clear button)。...4.1.8 范围栏 范围栏只有在与搜索栏一起时才会出现,它让用户可以定义搜索结果的范围。 API注释 想要了解如何在代码中定义搜索栏与范围栏,请参考UISearchBar.

    10.1K51

    iOS开发-搜索栏UISearchBar和UISearchController

    最近项目中用到了搜索栏,所以在网上搜了一些相关的资料学习了一下,现在记录一下,iOS中的搜索栏实现起来相对简单一点,网上也有很多参考资料,不过靠谱的不是很多,很多都是iOS 8.0之前的实现,iOS...1 UISearchBar和UIDisplayController实现搜索 是网上最常见的也算是最简单的,也有使用Searh Bar Search Display Controller的控件的,本文就简单的使用...Search Bar和UITableView实现搜索Demo的,最上面的就是搜索栏,之前的就是TableView: ?...: - (BOOL)searchBarShouldBeginEditing:(UISearchBar *)searchBar{ NSLog(@"搜索Begin"); return YES; } -...:(UISearchBar *)searchBar{ NSLog(@"搜索End"); return YES;} 搜索时过滤数据: - (BOOL)searchDisplayController

    2.4K70

    必读~苹果iOS小组件Widget设计终极完全指南

    静电说:今天特别为小伙伴们准备了这篇有知识点有实例操作的Widget终极设计指南,干货真的很多,千万不要错过。 在本指南中,我将介绍为iOS,macOS和iPadOS设计小部件所需的所有知识。...Apple的人机界面指南构成了本指南的基础。我将以Twitter和Duolingo为例来讲解。 随着iOS 14和iPhone 12全系列的发售,小部件成为最令人期待的功能之一。...填充样式:顾名思义,用丰富的颜色和内容填充小部件。当您深入链接到单个内容时,此选项适用。 单元格样式:每个可点击的单元格包含不同的元素。...您可以从应用程序的设计及其图标中套用设计风格。使用熟悉的颜色和字体来帮助用户进行交互操作。丰富的图像,简单的外观或淡淡的颜色是增加个性的一些方法。...占位符 当小部件处于非活动状态或无法加载数据时,Apple将显示占位符。这是一个例子: 其实占位符设计非常方便,程序员使用Swift UI即可搞定,不需特别设计。

    7.5K30

    实践-小细节Ⅵ

    UITableView的空白区域颜色设置 有时候,UITableView 的cell个数很少,可是UITableView的headView又是一个有颜色背景的View,当我们下拉的时候,拉扯出来的区域也是白色的...想通过设置 _Tb的父视图的背景颜色来达到想象的效果是行不通的。 2....关于UISearchBar 的设置以及取消按钮的颜色和文字设置 效果图 UISearchBar *searchBar = [[UISearchBar alloc] initWithFrame:CGRectMake...class], nil] setTitle:@"取消"]; 修改UISearchBar 的placeholder的字体颜色和大小 有两种方法,不过要注意的是要写在最后面,之前就是因为写在最前面被覆盖导致无效果的...8.生成一个可以供安卓/苹果手机扫描下载安装APP的二维码 芝麻二维码 输入iOS应用的itunes中的下载路径 输入安卓应用的下载路径,可以是百度的安卓市场地址、腾讯的应用宝地址、还可以是自己服务器上的下载地址

    95920

    IOS学习——iphone X的适配

    ] 自定义的导航栏的返回按钮右移明显 UISearchBar的高度有变化,而且点击之后背景颜色和原先不一致 UITableview的header高度变大,有的地方会出现空白cell格 UITableview...UISearchBar的高度有变化,而且点击之后背景颜色和原先不一致    上图右边图是点击搜索框之前和点击结束输入后正常情况下的效果,左边图是iOS 11下点击点击结束输入后的效果。...因为在这里项目中并没有对搜索栏进行自定义或者修改参数,但是iPhone X的自带系统软件中搜索点击之后很正常,所以猜测很可能是默认布局的一些参数被修改了。...适配代码如下: 1 //适配iOS 11的搜索栏点击之后颜色变化问题 2 if (@available(iOS 11.0, *)) { 3 [self setExtendedLayoutIncludesOpaqueBars...并且在iOS 11中如果没有重写header、footer的height和view函数,iOS 11中系统不会像之前那样自动调用。

    1.5K60

    iOS 9人机界面指南(一)下篇:UI设计基础 - 腾讯ISUX

    优秀的应用应该通过创建独特的外观和感觉来为用户提供愉悦、难忘的体验。 在iOS系统之下可以很容易地使用自定义的图标、颜色和字体来创建区别于其他应用的UI。...用户使用你的应用来完成事务或者进行娱乐,他们不希望被强迫着去观看广告。为了获得最好的用户体验,你可以通过字体、颜色和图像的设计来潜移默化地地提醒用户你的品牌身份。 ? 避免远离用户关心的内容。...UISearchBar Class Reference....就像iOS的日历里面,工具栏上便是使用”今天”,”日历”和”收件箱”来代替图标进行表意的。 ? 想要决定在工具栏和导航栏中到底是用图标还是文字,可以优先考虑一屏中最多会同时出现多少个图标。...若有需要,亦可先参考先前已翻译的iOS7 UI Elements章节:上,下。) 不要混用不同版本的iOS里的UI元素。你一定不希望让用户觉得你的UI元素来自于与当前用户的设备版本不同的iOS系统。

    1.8K21

    最新iOS设计规范五|3大界面要素:控件(Controls)

    一、按钮(Buttons) 按钮常用于触发特定操作,可自定义的背景颜色,并且可以包含标题或图标。系统为大多数用例提供了许多预定义的按钮样式。你也可以设计自定义按钮。...例如:你可以使用分隔符对与需要编辑的相关的操作项进行分组,使用另一个分隔符对与共享的相关操作项进行分组。 避免为同一项目提供情境菜单和编辑菜单。...当滑块的值发生变化时,最小值和拇指之间的轨道部分会填充颜色。滑块的左右位置好可以展示图标,来说明最小值和最大值的含义。 ? 如有必要,可以自定义滑块的外观。...为了与你的设计风格融合并且更准确地传达设计意图,滑块的外观是可以更改的,包括轨道颜色、“拇指”图标以及左右位置的图标。 不要使用滑块来调节音量。如果你的APP需要提供音量控制,请使用音量视图。...在文本输入框中显示必要的提示,以帮助用户更好的输入。当输入框中没有其他文本时,文本输入框可以包含占位符文本。 适当时侯,在文本输入框的右端显示“清除”按钮。

    8.6K30

    关于无障碍设计的七件事

    处在禁用状态的元素不需要遵循这个规则。禁用状态的元素指的是不可点击的按钮或菜单项。不过,输入框的占位符也需要遵循这个规则。 下面的例子是来自BBC官网。...它使用颜色条来提示哪个链接处于焦点状态。 ? Twitter使用默认焦点和提示的组合方式来显示焦点,图标也从灰色变成绿色。这是三个独立的视觉效果,可以很好地为键盘用户提供焦点提示。 ?...下面是类似的搜索自动补全,不过每个前面多了图标。 ? 这些是基本的搜索补全的UI模式。用户输入内容,基于输入内容的一系列结果将显示在下方。然后,用户通过鼠标或者键盘来从列表中选择内容。...下面的例子则是一个容易让人产生识别障碍的模式。用户不仅可以从列表中筛选项目,还可以通过单击铅笔或垃圾桶图标来编辑或删除项目。加上这两个图标以后,搜索自动补全的UI模式变得难以识别了。 ?...与搜索的自动补全的例子不同,幸运的是,非模态对话框可以继续通过箭头键访问。 了解它们之间的区别以及它对用户体验的影响。 设计师需要了解细微的设计更改如何导致用户交互模型的更改。

    3K30

    Wolfram Mathematica 12.1 文档中心的新内容

    我们最近发布了Wolfram语言的12.1版本,也增加了一些新的文档功能和页面类型。每一次发布新版本的时候,你都会发现以一种直观、用户友好的方式展现出的新功能、范例和在不同情况下的应用方法。...这个概述页面是一个发现新功能和更新功能的好地方。12.1版本的新功能包括视频计算,机器学习方面的重大更新,地理学可视化方面的主要更新等等。...另一个有用的功能是可以复制整个使用模板,然后可以(连带占位符)粘贴进笔记本中: 像这样复制模板是Wolfram预测界面提示框中的函数和选项模板的线上模拟。...这就是为什么我们对在产品内部和网络中搜索文档的功能做了大量优化和提升。这些提升是使用我们自己的搜索技术进行构建的。...教程文档的发展(短论文和专著) 从12.0版本开始直到12.1版,我们一直在将教程文档重新打包成短论文和专著。

    2K30

    Sentry 监控 - Search 搜索查询实战

    属性 Event 属性 自定义 Tag 已保存搜索 创建组织范围的已保存搜索 删除组织范围内已保存的搜索 更改固定搜索 固定推荐搜索 推荐搜索 固定搜索 组织范围内保存的搜索 语法 搜索查询是使用 key...通配符(*) 搜索支持通配符 * 作为特定字符和字符串的占位符。...标签的几种常见用途包括: 服务器的 hostname 您的平台版本(例如,iOS 5.0) 用户的 language 已保存搜索 在 Issues 的 “Saved Searches” 选项卡中,您可以访问推荐的搜索...更改固定搜索 要更改您的固定搜索: 选择您的固定搜索。取消单击图钉图标。您的默认搜索将返回到 is:unresolved。 运行另一个搜索。单击图钉图标。...单击垃圾桶图标以从下拉列表中删除自定义保存的搜索。

    2.2K10

    2022年最新Python大数据之Python基础【一】

    、Python中的bug和调试 9、字符串的格式化及输出 Python Python基础语法:标识符,关键字,变量,判断循环 。。。。...""" # 注释:有提示作用,注释不参与代码执行,但是可以增加代码的可读性 # 语法规范:单行注释#号与注释内容之间存在一个空格, 如果在语句末尾注释,语句和#之间要有两个空格 # 单行注释 print...(只要是让程序员起名字,都是标识符) # 文件名可以不遵循标识符的命名规则,但是在服务器中无法使用,不能当做模块进行导入,很多服务器工具或组件不支持非标识符文件. ''' Python)abc 不能...‘要书写的内容,占位符1, 占位符2, 。。。。’...%之前的占位符数量要和%之后的变量数量相匹配,一一对应否则会报错 # 格式: '字符串,占位符' % 变量 # 在上述格式中,格式化完成后,会将占位符位置填充上对应的变量 # 不同数据类型的变量,要使用不同的占位符进行占位

    58120

    教你做出一款清丽脱俗的Ui图标

    因为APP在智能手机上显示时,图标相对较小。 如果它们太复杂,可能会混淆用户,它不应该加载太多的内容,无需使用太多的颜色,一个或两个主要的颜色应该就够了。...这个效果让我想起了前不起宝马做的一个画风与上图类似的h5广告,据说宝马的那个广告引爆朋友圈了哦! 三、避免使用文本 APP图标通常不包含任何文字或单词,因为“一图片胜千文”嘛。...可如果您的品牌标志不是众所周知的,蝉大师则不推荐使用。 其实这很好理解,如果图标不能影起用户的注意,那么用户有很大的可能直接跳过我们的APP。 五、平整和哑光 在iOS6上,苹果的图标有光泽效果。...这里是iOS6和iOS7苹果的图标之间的比较。...其实现在到了ios10以后,苹果赋予了用户更多更改图标的权限,比如用户可以更改任何APP图标的具体样式,当然步骤会有点麻烦,而且ios10控制中心下方的4个图标均支持3D Touch,比如在手电筒上可以设置亮度

    94150
    领券