UISearchController中的取消按钮导致SearchBar毛刺 - 腾讯云开发者社区

文章/答案/技术大牛

发布

iOS - Swift UISearchController的取消按钮

UISearchController�的取消按钮关于UISearchController�的设置就不多说了，可以参考《UISearchController�仿微信搜索框》或者自行上网查找。...情况本人想实现微信通讯录上方的搜索框功能，但在搜索框的取消按钮的设置这个卡住，在网上搜了个遍，没有�合适的做法，经过不懈的探索，终于找到解决方案，遂前来记录一下。...方案添加两个属性 // 记录是否已经找到取消按钮 lazy var hasFindCancelBtn: Bool = { return false }() // 定时器(用来定时查找取消按钮)...link: CADisplayLink = { CADisplayLink(target: self, selector: #selector(findCancel)) }() 提供查找并设置取消按钮的方法...= self func searchBarTextDidBeginEditing(_ searchBar: UISearchBar) { if !

1.4K2 0

【IOS开发基础系列】UISearch专题

= YES;//向下的箭头 bar.showsCancelButton = YES; //取消按钮 bar.showsBookmarkButton = YES; //书签按钮 ...]; [m_searchBar release]; 1.2.2 取消UISearchBar调用的键盘 [searchBar resignFirstResponder]; 1.2.3 添加UISearchBar...中也有Search bar变量，但是此界面中的Search bar必须自己新建定义，不能通过重用UISearchController....此界面中的Search bar只用于触发搜索操作，从而显示UISearchController页面。 ...使用时注意：在searchBarTextDidBeginEditing事件中必须将当前子视图上移44px(即移到导航条中)，以便达到让用户觉得UISearchController界面中的Search bar

2.2K2 0

您找到你想要的搜索结果了吗？

是的

没有找到

iOS - Swift UISearchController仿微信搜索框

创建一个UISearchController 如果传入的searchResultsController为nil，则表示搜索的结果在当前控制器中显示，现在我让它在searchResultVC中显示 //...添加searchBar 设置搜索框 // 搜索框 let bar = searchController.searchBar // 样式 bar.barStyle = .default // 设置光标及取消按钮的颜色...设置光标及取消按钮的颜色去除背景 // 去除背景及上下两条横线 bar.setBackgroundImage(UIImage(), for: .any, barMetrics: .default) ?..."VoiceSearchStartBtn"), for: .bookmark, state: .normal) 监听语音按钮的点击 // MARK:- UISearchBarDelegate extension...主要代码上面仅作演示，下面的代码为searchBar的主要设置 let commonBgColor = RGBA(r: 0.94, g: 0.94, b: 0.96, a: 1.00) searchBar.barTintColor

2.3K3 0

iOS开发实战之搜索控制器UISearchController使用

当tableView中的数据过多的时候，在tableView上加一个搜索框就变的很必要了，本文就讨论搜索控制器的使用，以及谓词的简单实现。...{ NSArray * _dataSource; } @property(nonatomic,strong)UISearchController *searchController;//搜索控制器 @...self.tableView setTableFooterView:[[UIView alloc]initWithFrame:CGRectZero]]; } 在输入搜索框中输入文本执行的代理函数 //...全部写完后，会发现点了搜索框之后右边有个取消的英文。...forState:UIControlStateNormal]; } } } } return YES; } 怎么截取那个取消按钮的代理呢

3.2K3 0

自定义UISearchController的外观

在UISearchController中我们无需再自己初始化UISearchBar，只需要提供searchResult展示的视图。...然而在开发中，我们往往需要根据项目的风格来改变UISearchBar的外观，通过继承的方式，我们可以完全定制符合项目风格的外观，然而有些情况下我们很难短时间内完成全部的外观定制工作，譬如我们项目用的好几个旧框架...，代码中充斥着各种写好的UISearchBar的展示，而改动底层框架并不是一个较好地实践。...cancelButton时，一定要确保cancelButton包含在了UISearchBar中，必要时可以提前调用： [_searchController.searchBar setShowsCancelButton...searchFieldsetFont:[UIFontsystemFontOfSize:14]]; [searchFieldsetBackgroundColor:[UIColorwhiteColor]]; 改变取消按钮的

2.1K2 0

iOS 问题总结（五）

使用 cocoapods 时，编译报错在 Building Setting 中的Other Linker Flags 中检查是不是为空了，如果是那么添加一句 $(inherited)，再重新编译就不会报错了...3.使用 UISearchController 遇到的问题：我自定义了一个 HeaderView，如下图： ?...-64 的高度，导致不能在屏幕上显示，如下图： ?...，苹果开发中心的demo中的对这行代码，注释如下 // know where you want UISearchController to be displayed 如果不添加上面这行代码，在设置 hidesNavigationBarDuringPresentation...这个属性为YES的时候，搜索框进入编辑模式会导致，搜索栏不可见，偏移 -64 ;在设置为 NO 的时候，进入编辑模式输入内容会导致高度为 64 的白条，猜测是导航栏没有渲染出来。

1.9K1 0

iOS17适配指南之UIContentUnavailableView(二)

介绍 iOS17适配指南之UIContentUnavailableView(一)主要讲解了 UIContentUnavailableView 的基本使用与 UIContentUnavailableConfiguration...的两种配置empty()、loading()。...= { let controller = UISearchController(searchResultsController: nil) controller.searchBar.searchBarStyle...的contentUnavailableConfiguration let config: UIContentUnavailableConfiguration?...school -> Bool in school.contains(text) } } } // MARK: 点击取消

8152 0

iOS26适配指南之UISearchController

介绍在 iOS 26 中，Apple 对 UISearchController 做出了两项重要改进：搜索栏在 UINavigationItem 中的布局更加灵活。...搜索栏在导航栏中的新布局 iOS 26 中如果 UISearchController 集成在 UINavigationItem，默认情况下搜索栏会显示在底部，如果希望像之前在顶部显示，可以将 UINavigationItem...= { let controller = UISearchController(searchResultsController: nil) controller.searchBar.searchBarStyle...集成 iOS 26 之前 UISearchController 只能出现在导航栏或者内容视图顶部，而现在可以将搜索栏直接放入 UIToolbar，打造一种更轻盈、紧凑的搜索体验。...= { let controller = UISearchController(searchResultsController: nil) controller.searchBar.searchBarStyle

7801 1

iOS开发-搜索栏UISearchBar和UISearchController

最近项目中用到了搜索栏，所以在网上搜了一些相关的资料学习了一下，现在记录一下，iOS中的搜索栏实现起来相对简单一点，网上也有很多参考资料，不过靠谱的不是很多，很多都是iOS 8.0之前的实现，iOS...8.0上的实现貌似很少看到，看了一些其他人的代码，使用了一下UISearchController感觉还是非常不错的。...2 UISearchController实现搜索 UISeachBar通过UISearchDisplayDelegate实现上面的效果是没有问题的，网上也有很多类似的实现效果，不过是警告的...实现 UISearchResultsUpdating 这个委托实现上面的效果；视图中中需要声明UISearchResultsUpdating: @interface ViewController...; 之前是通过判断搜索时候的TableView，不过现在直接使用self.searchController.active进行判断即可，也就是UISearchController的active属性:

3K7 0

手把手带你撸一个网易云音乐首页（三）

，唯一有意思之处在于“每日歌曲推荐”这个按钮上中间的文字是会随着日期改变的，如图： image 不过实现起来也简单，中间放一个 Label 即可。...2，防止滑动速率过大，导致翻页过多 pageFactor = pageFactor 的最顶层有一个视图，视图包含的内容有三部分：左按钮，搜索框，右按钮，这种结构很容易让我们联想到 UINavigationItem。...不过，由于搜索栏需要自定义一些样式，我们可以先定义一个 UISearchController 的成员变量，将它的属性初始化好以后，再进行赋值，代码如下： self.searchController...for searchController: UISearchController) { let searchBar = searchController.searchBar

3.1K1 0

IOS13的详细适配

在iOS13中发现presentViewController和之前弹出的样式不一样显示如下图 ?...解决方案：每个UIView都做修改是不现实的，统一的实现方式为：在plist文件中增加配置项UIUserInterfaceStyle，值为UIUserInterfaceStyleLight。...5.KVC获取状态栏(_statusBar)会导致崩溃,目的是为更改状态栏背景色 ?...8.通过kvc获取获取searchBar中的TextField方法更改，会引起崩溃原因: ios13之后把SearchBar中的textField直接暴露给开发者使用,无需在通过kvc获取。...解决方案： 1、使用UISearchController替代UISearchDisplayController 2、检查工程中是否有使用MPMoviePlayerController 10.UISegmentedControl

4K1 0

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

@property(nonatomic) BOOL showsCancelButton; 是否显示取消按钮，默认为NO，YES的效果如下： ?...- (void)setShowsCancelButton:(BOOL)showsCancelButton animated:(BOOL)animated; 设置显示取消按钮 @property(nonatomic...:(UISearchBar *)searchBar; 搜索按钮点击的回调 - (void)searchBarBookmarkButtonClicked:(UISearchBar *)searchBar...取消按钮点击的回调 - (void)searchBarResultsListButtonClicked:(UISearchBar *)searchBar; 搜索结果按钮点击的回调 - (void)searchBar...:(UISearchBar *)searchBar selectedScopeButtonIndexDidChange:(NSInteger)selectedScope; 搜索栏的附加试图中切换按钮触发的回调

3.1K1 0

iOS开发知识点

设置navBar的背景，去掉黑线，试了好长时间，查了好多，这个对我适用设置navBar上item的颜色，以及nav Title的颜色和字体大小替换系统返回按钮的图片，设计说自带的太丑，一开始是自定义返回的...setShadowImage:[[UIImage alloc] init]]; [[UINavigationBar appearance] setTranslucent:NO]; // 设置navBar的按钮的...= self; // 侧滑返回，自定义返回按钮后生效，在最顶部设置可以在Push出来的界面都有效 #pragma mark - gestureRecognizer delegate - // 侧滑返回...自带的取消按钮是cancel，英文的，但是产品强迫要中文的，所以就只能改啊 // searchBar开始编辑时改变取消按钮的文字 - (void)searchBarTextDidBeginEditing...:(UISearchBar *)searchBar { _searchBarView.searchBar.showsCancelButton = YES; NSArray *subViews

4765 0

【愚公系列】《微信小程序与云开发从入门到实践》028-WeUl库中的导航栏与搜索栏组件

animated 布尔值设置导航栏是否显示和隐藏过程中是否显示动画效果 bindback 函数绑定在用户点击默认的返回按钮的回调事件...bindchange 函数绑定选中的标签发生变化的回调事件 3.Searchbar 组件 Searchbar 组件，引用路径为： "weui-miniprogram.../searchbar/searchbar" 示例代码： searchbar placeholder="查找朋友">searchbar> 下面展示了 Searchbar 组件的示例效果。...设置 search 函数的调用最小间隔时间，单位为毫秒 cancelText 字符串设置取消按钮的标题 cancel 布尔值设置是否显示取消按钮...函数绑定清除按钮点击的回调事件 bindinput 函数绑定在搜索框输入过程中的回调事件 bindselectresult 函数绑定选择搜索结果时的回调事件

1.3K0 0

环信SDK 头像、昵称、表情自定义和群聊设置的实现二（附源码）

，你通过 [EMClient sharedClient].groupManager 就可以取到它了，然后剩下的就是按部就班的操作，给大家随便写一个，比如下面这是一个完整的屏蔽群消息和取消的方法，说下面三点...[MBPSecondary showMBProgressHUDWithText:@"取消中..."...(void)updateSearchResultsForSearchController:(UISearchController *)searchController { // 搜索指定内容的聊天记录...[self.noResultView removeFromSuperview]; NSString * keyWord = searchController.searchBar.text...dataSourceArray addObjectsFromArray:aMessages]; [self.tableView reloadData]; }]; } 再给大家看一下截图，你在做的过程中要有什么问题

1.3K6 0

实践－小细节Ⅵ

关于UISearchBar 的设置以及取消按钮的颜色和文字设置效果图 UISearchBar *searchBar = [[UISearchBar alloc] initWithFrame:CGRectMake..."]; 修改UISearchBar 的placeholder的字体颜色和大小有两种方法，不过要注意的是要写在最后面，之前就是因为写在最前面被覆盖导致无效果的。...实现description方法打印出Model属性 1504837291574293.jpg 我们发现在我自己创建的类中，没有实现description 和debugDescription 我们会发现...8.生成一个可以供安卓／苹果手机扫描下载安装APP的二维码芝麻二维码输入iOS应用的itunes中的下载路径输入安卓应用的下载路径，可以是百度的安卓市场地址、腾讯的应用宝地址、还可以是自己服务器上的下载地址...9.如何找到一个APP的itunes下载链接我们可以通过 Mac上的 itunes 来获取还可以通过浏览器来获取在浏览器中输入： xxxx on appstore 即可，红色框中的就是手机里面的下载链接

1.3K2 0

iOS TabBarController实例

imageNamed:selectedImg] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal]]; returnnav; } 1.设置按钮操作...//返回按钮 UIBarButtonItem * buttonItem = [[UIBarButtonItem alloc]initWithTitle:nil style:UIBarButtonItemStyleDone...中的UItextField并修改 searchView.frame = CGRectMake(0, kStatusBarHeight + Main_Screen_Width * 10 / 640...:1.0]; searchBar.layer.borderColor = [[UIColor clearColor] CGColor]; searchBar.backgroundColor...=[UIColor clearColor]; searchBar.placeholder = @"请输入关键字名称"; [searchView addSubview:searchBar]

6692 0

使用Mpvue配合Weui开发面试题题库微信小程序，并且发布到正式环境

$mount() 此时，打开pages目录的首页文件夹index中的index.vue，添加下面的代码：取消 searchbar-result"...} var _this=this; } } } .searchbar-result...{ margin-top: 0; font-size: 14px; } .searchbar-result:before { display: none; } .weui-cell {... 随后，打开微信小程序开发者工具，点击上传按钮，输入一个版本号最后，回到微信开发者平台，提交审核即可，一般大约两三个小时的时间就会通过审核，审核之前你也可以先用体验版自己测试一下功能和界面

5951 0

京喜前端自动化测试之路(小程序篇)

容灾演习是一项长期持续的工作，且涉及页面功能及场景多，人工的切换场景模拟异常导致演习效率较低，因此想通过开发自动化测试工具来提升演习效率，让容灾演习工作随时可以轻松开展。...开发实录— 快速创建测试用例为了提高测试脚本的可维护性、扩展性，我们将测试用例的信息都配置到 JSON 文件中，这样编写测试脚本的时候，我们只需关注测试流程的实现。...比如，当我们想点击页面中搜索框时，我们一般会这么做： const page = await miniProgram.currentPage() const $searchBar = await page...$('search-bar') await $searchBar.tap() 但这样真的可行吗？答案是：试试就知道了。运行这段测试脚本后生成的截图： ?...$searchBar.size() 运行这段测试脚本后生成的截图： ?

1.9K4 0

一步一步学Vue(四)

上篇中给出了代码框架，没有具体实现，这一篇会对上篇定义的几个组件进行分别介绍和完善： 1、TodoContainer组件　　TodoContainer组件，用来组织其它组件，这是react中推荐的方式...，也是redux中高阶组件一般就是用来包装成容器组件用的，比如redux中的connect函数，返回的包装组件就是一个容器组件，它用来处理这样一种场景：加入有A、B两个组件，A组件中需要通过Ajax请求和后端进行交互...2、SearchBar组件　　SearchBar组件比较简单，只是简单触发查询按钮，发射（触发）onsearch事件，然后TodoContainer组件中使用 @onsearch="search($event...我们把传入的初始化参数给了我们的todo对象，这样导致的直接问题是：新增的时候没问题，但是编辑的时候无法绑定数据，原因是，编辑操作实际上就是修改外部传入的initItem对象，但是todo只在组件初始化的时候被赋值...（更逼格高一些，叫状态），所以在todoitem组件中触发的事件没办法直接到TodoContainer组件中，只能通过一级一级的往上传递，所以在todolist中也有和todoitem中类似的触发事件的代码

1.5K1 0

点击加载更多

iOS - Swift UISearchController的取消按钮

【IOS开发基础系列】UISearch专题

iOS - Swift UISearchController仿微信搜索框

iOS开发实战之搜索控制器UISearchController使用

自定义UISearchController的外观

iOS 问题总结（五）

iOS17适配指南之UIContentUnavailableView(二)

iOS26适配指南之UISearchController

iOS开发-搜索栏UISearchBar和UISearchController

手把手带你撸一个网易云音乐首页（三）

IOS13的详细适配

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

iOS开发知识点

【愚公系列】《微信小程序与云开发从入门到实践》028-WeUl库中的导航栏与搜索栏组件

环信SDK 头像、昵称、表情自定义和群聊设置的实现二（附源码）

实践－小细节Ⅵ

iOS TabBarController实例

使用Mpvue配合Weui开发面试题题库微信小程序，并且发布到正式环境

京喜前端自动化测试之路(小程序篇)

一步一步学Vue(四)

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐