UISearchBar背景色及边框修改

系统控件UISearchBar的组成部分主要有两个部分，一个是UISearchBarBackground，另一个是UITextField。

1、修改UISearchBarBackground的颜色

barTintColor是UISearchBar提供的一个系统方法，其作用就是修改UISearchBarBackground的颜色。

 _searchBar.barTintColor = [UIColor colorWithRed:63.0/255.0 green:66.0/255.0 blue:75.0/255.0 alpha:1.000];

2、边框黑线修改

通过上述方法修改UISearchBarBackground后，会发现UISearchBar默认有个黑色边框，上下两条，很影响整体效果，那怎么去除呢？

我这边提供一个最简单的方法，如下：

[_searchBar setBackgroundImage:[UIImage new]];

OK,你没看错，就是通过设置背景图片。

3、搜索框背景色修改

UISearchBar并没有提供直接修改的方法，但我们知道它内部其实就是一个UITextField，那么我们就可以通过找到这个UITextField，通过改UITextField来改变搜索框背景色，具体如下：

UIView *searchTextField =  [[[_searchBar.subviews firstObject] subviews] lastObject];

 searchTextField.backgroundColor = [UIColor colorWithRed:79.0/255.0 green:82.0/255.0 blue:91.0/255.0 alpha:1.000];

下面是我提供的一段代码，修改UISearchBar，并附上效果图

    _searchBar = [[UISearchBar alloc] initWithFrame:CGRectZero];_searchBar.delegate = self;//更改UISearchBarBackground_searchBar.barTintColor = [UIColor colorWithRed:63.0/255.0 green:66.0/255.0 blue:75.0/255.0 alpha:1.000];//去除边框线[_searchBar setBackgroundImage:[UIImage new]];//更改TextFieldUIView *searchTextField =  [[[_searchBar.subviews firstObject] subviews] lastObject];searchTextField.backgroundColor = [UIColor colorWithRed:79.0/255.0 green:82.0/255.0 blue:91.0/255.0 alpha:1.000];searchTextField.layer.cornerRadius = 15;searchTextField.layer.masksToBounds = YES;[self.view addSubview:_searchBar];

最终效果图如下：

UISearchBar背景色及边框修改相关推荐

(C#)Winform修改DateTimePicker控件的背景色和边框色
(C#)Winform修改DateTimePicker控件的背景色Winform中日期控件DateTimePicker默认是不能修改背景色和边框色的,如果想要改变它的背景色和边框色那也是有办法的,只 ...
android shape 无边框颜色,Android 使用shape定义不同控件的的颜色、背景色、边框色...
Android 使用shape定义不同控件的的颜色.背景色.边框色设置按钮的右边框和底边框颜色为红色,边框大小为3dp: 在drawable新建一个 buttonstyle.xml的文件,内容如下: ...
HQChart使用教程88-DRAWTEXT添加背景色及边框
HQChart使用教程88-DRAWTEXT添加背景色及边框需求图 DRAWTEXT BACKGROUND 参数说明例子没有背景色,只有边框背景色,没有边框 ALIGN1,VALIGN0 小结 ...
Element表格样式背景色、边框、斑马条纹、颜色、文字...
// 修改表格的背景色 .common-table-container .el-table, .common-table-container .el-table__expanded-cell {//b ...
phpexcel设置背景色和边框和背景色注意事项
//边框,颜色前面两位00是透明度,后面6位上线颜色,必须加前面两位透明度,不然颜色你会发现不是你的颜色 $styleArray = array('borders' => array('allb ...
Vue - 每个页面单独设置 body 背景色（独立修改单个页面的背景色，不同页面设置不同的背景颜色）
前言在 Vue.js 项目中,您直接通过 body{...} 设置背景色后,会发现所有页面都变了.就算您在最外层的 DIV 容器上,设置样式背景颜色也不行. 网上的大部分教程,实现的方法都很臃肿且代 ...
微信小程序 - 修改 button 边框和背景色
为什么80%的码农都做不了架构师?>>> 微信小程序开发中使用 button 设置禁用时候,按钮会有默认的背景色和边框,下面分享下修改按钮边框和背景色. wxml代码: < ...
前端input操作，修改光标颜色，去除背景色
修改光标颜色方法: input输入框的光标颜色修改有两种: 第一种设置光标颜色的同时修改光标颜色,使用:color:green; 第二种:只修改光标颜色,使用:caret-color:green; 更 ...
vue引入重写样式修改Element-UI表格背景色以及悬浮背景色，带操作的表格也可以修改呦~
前言在用vue框架进行开发的时候,使用现成的UI组件库是十分方便的,但方便归方便,现成的它仍然不能满足我们所有的需求,为了达到预期的效果,我们仍需加以修改其样式,这里我采用的是将重写样式放入一个le ...

UISearchBar背景色及边框修改

UISearchBar背景色及边框修改相关推荐

最新文章

热门文章