转载:http://blog.csdn.net/favormm/archive/2010/11/30/6045463.aspx

UISearchBar是由两个subView组成的,一个是UISearchBarBackGround,另一个是UITextField. 而IB中没有直接操作背景的属性,在此我总结了几个方法去修改它。

1. 只显示UITextField.采用了layer mask.代码如下:

  1. //first make sure you include core animation so that the compiler will know about your view's layer
  2. #import <QuartzCore/QuartzCore.h>
  3. //now make a mask.  this is basically just a solid colored shape.  When you apply the mask, anywhere where the color is solid will become transparent in your view.  i used the excellent Opacity (http://likethought.com/opacity/) to generate this code, but you can do it any way you'd like
  4. @interface SearchMaskLayer : CALayer {
  5. }
  6. @end
  7. @implementation SearchMaskLayer
  8. - (void)drawInContext:(CGContextRef)context
  9. {
  10. CGRect imageBounds = CGRectMake(0, 0, 310, 34);
  11. CGRect bounds = imageBounds;
  12. CGFloat alignStroke;
  13. CGFloat resolution;
  14. CGMutablePathRef path;
  15. CGPoint point;
  16. CGPoint controlPoint1;
  17. CGPoint controlPoint2;
  18. UIColor *color;
  19. resolution = 0.5 * (bounds.size.width / imageBounds.size.width + bounds.size.height / imageBounds.size.height);
  20. CGContextSaveGState(context);
  21. CGContextTranslateCTM(context, bounds.origin.x, bounds.origin.y);
  22. CGContextScaleCTM(context, (bounds.size.width / imageBounds.size.width), (bounds.size.height / imageBounds.size.height));
  23. // Layer 1
  24. alignStroke = 0.0;
  25. path = CGPathCreateMutable();
  26. point = CGPointMake(295.0, 32.0);
  27. point.x = (round(resolution * point.x + alignStroke) - alignStroke) / resolution;
  28. point.y = (round(resolution * point.y + alignStroke) - alignStroke) / resolution;
  29. CGPathMoveToPoint(path, NULL, point.x, point.y);
  30. point = CGPointMake(310.0, 17.0);
  31. point.x = (round(resolution * point.x + alignStroke) - alignStroke) / resolution;
  32. point.y = (round(resolution * point.y + alignStroke) - alignStroke) / resolution;
  33. controlPoint1 = CGPointMake(303.229, 32.0);
  34. controlPoint1.x = (round(resolution * controlPoint1.x + alignStroke) - alignStroke) / resolution;
  35. controlPoint1.y = (round(resolution * controlPoint1.y + alignStroke) - alignStroke) / resolution;
  36. controlPoint2 = CGPointMake(310.0, 25.229);
  37. controlPoint2.x = (round(resolution * controlPoint2.x + alignStroke) - alignStroke) / resolution;
  38. controlPoint2.y = (round(resolution * controlPoint2.y + alignStroke) - alignStroke) / resolution;
  39. CGPathAddCurveToPoint(path, NULL, controlPoint1.x, controlPoint1.y, controlPoint2.x, controlPoint2.y, point.x, point.y);
  40. point = CGPointMake(310.0, 17.0);
  41. point.x = (round(resolution * point.x + alignStroke) - alignStroke) / resolution;
  42. point.y = (round(resolution * point.y + alignStroke) - alignStroke) / resolution;
  43. CGPathAddLineToPoint(path, NULL, point.x, point.y);
  44. point = CGPointMake(295.0, 2.0);
  45. point.x = (round(resolution * point.x + alignStroke) - alignStroke) / resolution;
  46. point.y = (round(resolution * point.y + alignStroke) - alignStroke) / resolution;
  47. controlPoint1 = CGPointMake(310.0, 8.771);
  48. controlPoint1.x = (round(resolution * controlPoint1.x + alignStroke) - alignStroke) / resolution;
  49. controlPoint1.y = (round(resolution * controlPoint1.y + alignStroke) - alignStroke) / resolution;
  50. controlPoint2 = CGPointMake(303.229, 2.0);
  51. controlPoint2.x = (round(resolution * controlPoint2.x + alignStroke) - alignStroke) / resolution;
  52. controlPoint2.y = (round(resolution * controlPoint2.y + alignStroke) - alignStroke) / resolution;
  53. CGPathAddCurveToPoint(path, NULL, controlPoint1.x, controlPoint1.y, controlPoint2.x, controlPoint2.y, point.x, point.y);
  54. point = CGPointMake(15.0, 2.0);
  55. point.x = (round(resolution * point.x + alignStroke) - alignStroke) / resolution;
  56. point.y = (round(resolution * point.y + alignStroke) - alignStroke) / resolution;
  57. CGPathAddLineToPoint(path, NULL, point.x, point.y);
  58. point = CGPointMake(0.0, 17.0);
  59. point.x = (round(resolution * point.x + alignStroke) - alignStroke) / resolution;
  60. point.y = (round(resolution * point.y + alignStroke) - alignStroke) / resolution;
  61. controlPoint1 = CGPointMake(6.771, 2.0);
  62. controlPoint1.x = (round(resolution * controlPoint1.x + alignStroke) - alignStroke) / resolution;
  63. controlPoint1.y = (round(resolution * controlPoint1.y + alignStroke) - alignStroke) / resolution;
  64. controlPoint2 = CGPointMake(0.0, 8.771);
  65. controlPoint2.x = (round(resolution * controlPoint2.x + alignStroke) - alignStroke) / resolution;
  66. controlPoint2.y = (round(resolution * controlPoint2.y + alignStroke) - alignStroke) / resolution;
  67. CGPathAddCurveToPoint(path, NULL, controlPoint1.x, controlPoint1.y, controlPoint2.x, controlPoint2.y, point.x, point.y);
  68. point = CGPointMake(0.0, 17.0);
  69. point.x = (round(resolution * point.x + alignStroke) - alignStroke) / resolution;
  70. point.y = (round(resolution * point.y + alignStroke) - alignStroke) / resolution;
  71. CGPathAddLineToPoint(path, NULL, point.x, point.y);
  72. point = CGPointMake(15.0, 32.0);
  73. point.x = (round(resolution * point.x + alignStroke) - alignStroke) / resolution;
  74. point.y = (round(resolution * point.y + alignStroke) - alignStroke) / resolution;
  75. controlPoint1 = CGPointMake(0.0, 25.229);
  76. controlPoint1.x = (round(resolution * controlPoint1.x + alignStroke) - alignStroke) / resolution;
  77. controlPoint1.y = (round(resolution * controlPoint1.y + alignStroke) - alignStroke) / resolution;
  78. controlPoint2 = CGPointMake(6.771, 32.0);
  79. controlPoint2.x = (round(resolution * controlPoint2.x + alignStroke) - alignStroke) / resolution;
  80. controlPoint2.y = (round(resolution * controlPoint2.y + alignStroke) - alignStroke) / resolution;
  81. CGPathAddCurveToPoint(path, NULL, controlPoint1.x, controlPoint1.y, controlPoint2.x, controlPoint2.y, point.x, point.y);
  82. point = CGPointMake(295.0, 32.0);
  83. point.x = (round(resolution * point.x + alignStroke) - alignStroke) / resolution;
  84. point.y = (round(resolution * point.y + alignStroke) - alignStroke) / resolution;
  85. CGPathAddLineToPoint(path, NULL, point.x, point.y);
  86. CGPathCloseSubpath(path);
  87. color = [UIColor colorWithRed:0.0 green:0.0 blue:0.0 alpha:1.0];
  88. [color setFill];
  89. CGContextAddPath(context, path);
  90. CGContextFillPath(context);
  91. CGPathRelease(path);
  92. }
  93. 然后在你的controller中应用这个mask layer到你的UISearchBar
  94. - (void)viewDidLoad {
  95. [super viewDidLoad];
  96. SearchMaskLayer *maskLayer = [[SearchMaskLayer alloc] init];
  97. [maskLayer setFrame:CGRectMake(0, 0, 310, 34)];
  98. [maskLayer setPosition:CGPointMake(162,21)];
  99. [maskLayer setNeedsDisplay];
  100. [self.searchBar.layer setNeedsDisplay];
  101. [self.searchBar.layer setMask:maskLayer];
  102. [maskLayer release];
  103. }

2. 隐藏背景。非官方的方法。

  1. for (UIView *subview in searchBar.subviews) {
  2. if ([subview isKindOfClass:NSClassFromString(@"UISearchBarBackground")]) {
  3. [subview removeFromSuperview];
  4. break;
  5. }
  6. }

3. 改变UISearchBar外观。 你可以子类化或category UISearchBar,然后实现两个方法,见代码。

  1. - (void)drawRect:(CGRect)rect {
  2. //  UIImage *image = [UIImage imageNamed: @"background.png"];
  3. //  [image drawInRect:rect];
  4. }
  5. - (void)drawLayer:(CALayer *)layer inContext:(CGContextRef)ctx {
  6. UIImage *img = [UIImage imageNamed: @"background.png"];
  7. UIImageView *v = [[[UIImageView alloc] initWithFrame:CGRectZero] autorelease];
  8. [v setImage:img];
  9. v.bounds = CGRectMake(0, 0, img.size.width, img.size.height);
  10. NSLog([NSString stringWithFormat:@"%f:%f",img.size.width, img.size.height]);
  11. NSArray *subs = self.subviews;
  12. for (int i = 0; i < [subs count]; i++) {
  13. id subv = [self.subviews objectAtIndex:i];
  14. if ([subv isKindOfClass:NSClassFromString(@"UISearchBarBackground")])
  15. {
  16. CGRect viewRect = [subv frame];
  17. [v setFrame:viewRect];
  18. [self insertSubview:v atIndex:i];
  19. }
  20. }
  21. [v setNeedsDisplay];
  22. [v setNeedsLayout];
  23. }

UISearchBar也是一个UIView,所以你可以像对待UIView一样对待它。


修改UISearchBar背景的更多相关文章

  1. 修改UISearchBar背景颜色

    UISearchBar是由两个subView组成的,一个是UISearchBarBackGround,另一个是UITextField. 要IB中没有直接操作背景的属性.方法一:是直接将 UISearc ...

  2. 修改 UISearchBar cancelButton 样式

    今天收到个问题,老大让我修改UISearchBar cancelButton的样式本来以为很简单的一个活,没想到让我长知识了. 开始在网上搜到的方法和我想象的一样,通过遍历Subviews获得butt ...

  3. jquery入门 修改网页背景颜色

    我们在浏览一些网站,尤其是一些小说网站的时候,都会有修改页面背景颜色的地方,这个功能使用jquery很容易实现. 效果图: show you code: <!doctype html> & ...

  4. 修改UISearchBar的背景颜色

    当你看到这篇博客你就已经发现了用_searchBar.backgroundColor = [UIColor clearColor];来设置UISearchBar的颜色完全没有效果: 并且,有些方法是想 ...

  5. ubuntu修改grub背景

    grub背景由/etc/grub.d/05_debian_theme定义,修改图片只需要将图片文件放到/boot/grub,d/下即可, 修改颜色只需编辑/boot/grub.d/grub.cfg

  6. Confluence 6 CSS 指南:修改顶部背景

    Confluence 默认页面的顶部是有关站点的菜单连接,在这里定义了 快速连接, 浏览菜单,用户菜单和快速查找输入框.在这个示例中,我们将会尝试修改顶部的菜单部分的背景和一些自定义的图片. 创建一个 ...

  7. android 开发 修改系统背景(状态栏颜色、导航栏颜色、标题栏颜色等等)

    1.打开values下的styles.xml 发现有以下代码: <resources> <!-- Base application theme. --> <style n ...

  8. 【BIRT】修改主题背景颜色

    下图是BIRT默认的颜色配置,为了跟系统颜色格局相一致,此处需要对颜色进行修改; 下面简单介绍了如何修改不同位置的背景颜色 对应文件地址均在目录:../webcontent/birt/styles下 ...

  9. 【VS开发】修改窗口背景颜色大全

    如何修改frame窗口的背景颜色?  MDI窗口的客户区是由frame窗口拥有的另一个窗口覆盖的.为了改变frame窗口背景的颜色,只需要这个客户区的背景颜色就可以了.你必须自己处理WM_ERASEB ...

随机推荐

  1. springMVC原理解析

    1:SpringMVC运行原理 2:工作流程 (1)客户端(浏览器)发送请求,直接请求到DispatcherServlet. (2)DispatcherServlet根据请求信息调用HandlerMa ...

  2. unity限帧的正确姿势

    首先 unity上面要做一下手脚 打开后如下 接着.... 在Inspector面板 把V Sync Count 设置为不限制(Don`t Sync)(我们用脚本限制,不然unity自己控制不了它自己 ...

  3. JS中document对象和window对象的区别

    简单来说,document是window的一个对象属性. Window 对象表示浏览器中打开的窗口. 如果文档包含框架(frame 或 iframe 标签),浏览器会为 HTML 文档创建一个 win ...

  4. 阿里云杨敬宇:5G时代,边缘计算将发挥更大价值

    “5G时代,边缘计算将发挥更大价值.”3月8日,阿里云边缘计算技术负责人杨敬宇向媒体表示,边缘计算作为5G时代的一项关键技术,未来将成为不可或缺的基础设施之一. 5G时代万物智联将真正成为现实,但对计 ...

  5. 错觉-Info:让你难以置信的视错觉

    ylbtech-错觉-Info:让你难以置信的视错觉 1.返回顶部 1. 看下图:如果你看到舞者逆时针旋转说明你用左脑,如果看到顺时针旋转说明你用右脑思维. 据说这是耶鲁大学五年的研究成果.   下图 ...

  6. Struts framework

    Struts功能详解——ActionMapping对象 Struts旅程(一)Struts简介和原理 实例讲解DispatchAction和LookupDispatchAction DispatchA ...

  7. 【JZOJ3297】【SDOI2013】逃考(escape)

    Mission 高考又来了,对于不认真读书的来讲真不是个好消息.为了小杨能在家里认真读书,他的亲戚决定驻扎在他的家里监督他学习,有爷爷奶奶.外公外婆.大舅.大嫂.阿姨-- 小杨实在是忍无可忍了,这种生 ...

  8. JAVA的一次编译,到处执行,你知道多少?

    版权声明:本文为博主原创文章.未经博主同意不得转载. https://blog.csdn.net/wangyongxia921/article/details/28117155   一.对AVA的迷茫 ...

  9. 【JZOJ4715】【NOIP2016提高A组模拟8.19】树上路径

    题目描述 给出一棵树,求出最小的k,使得,且在树中存在路径p,使得k>=S且k<=E.(k为路径p上的边的权值和) 输入 第一行给出N,S,E.N代表树的点数,S,E如题目描述. 下面N- ...

  10. 大数据技术之Hive

    第1章 Hive入门 1.1 什么是Hive Hive:由Facebook开源用于解决海量结构化日志的数据统计. Hive是基于Hadoop的一个数据仓库工具,可以将结构化的数据文件映射为一张表,并提 ...