美文网首页程序员iOS开发界面
用UIToolBar实现简单毛玻璃效果

用UIToolBar实现简单毛玻璃效果

作者: ForeverYoung21 | 来源:发表于2015-09-17 23:58 被阅读5532次

UIToolBar自带毛玻璃效果,实现起来非常简单。

在View Controller中拖入一个UIImageView,并设置好图片。

接着我们准备在这个imageView上面加入一个UIToolBar,让这个toolBar变为这个imageView的子控件。

但是这个操作是不能在Storyboard中完成的。因为在Storyboard中除了UIView,其他的控件都不能直接在上面加上子控件。如果想给这个UIImageView上面加上子控件,那么需要用代码来实现。

Control-Drag设置这个UIImageView的IBOutlet,名为imageView。并且创建一个UIToolBar名为toolBar。接着给imageView发送addSubview:消息,将toolBar加到imageView上。代码如下:

@interface ViewController ()

@property (weak, nonatomic) IBOutlet UIImageView *imageView;

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];

    UIToolbar *toolBar = [[UIToolbar alloc] initWithFrame:self.imageView.bounds]; // toolBar的frame就是imageView的bounds。

    [self.imageView addSubview:toolBar];
}

@end

效果如下:

另外,我们可以通过修改toolBar的barStyle属性来实现不同风格的毛玻璃效果:

- (void)viewDidLoad {
    [super viewDidLoad];

    UIToolbar *toolBar = [[UIToolbar alloc] initWithFrame:self.imageView.bounds];
    toolBar.barStyle = UIBarStyleBlack; // 改变barStyle
    [self.imageView addSubview:toolBar];
}

相关文章

  • 用UIToolBar实现简单毛玻璃效果

    UIToolBar自带毛玻璃效果,实现起来非常简单。 在View Controller中拖入一个UIImageVi...

  • UIToolBar实现毛玻璃效果

    在viewDidLoad方法里实现以下代码就可以实现毛玻璃效果:

  • 蒙板(磨砂效果、毛玻璃效果)

    蒙板(磨砂效果、毛玻璃效果) 可以使用UIView、UIToolBar、UIVisualEffectView等来实...

  • iOS 设置毛玻璃效果

    设置毛玻璃的效果,可以实例化UIToolbar来实现。设置它的frame以及barstyle属性即可,如果不满意效...

  • iOS毛玻璃效果实现

    一.UIToolBar iOS7 及之前的版本可以使用UIToolBar 快速定义自己的毛玻璃效果 二.UIVis...

  • 毛玻璃效果

    一、UIToolbar 二、UIVisualEffectViewi(OS8之后苹果提供制作毛玻璃效果的相关API)...

  • 毛玻璃效果

    一、UIToolbar 二、UIVisualEffectViewi(OS8之后苹果提供制作毛玻璃效果的相关API)...

  • 毛玻璃效果与渐变

    毛玻璃效果 UIToolbar有一个属性:barStyle,设置对应的枚举值来呈现毛玻璃的样式,最后再添加到需要进...

  • iOS-小Demo--下拉放大顶部图片+毛玻璃效果

    记录一个简单的下拉顶部图片放大的效果,再加个毛玻璃! iOS8之后毛玻璃效果实现:利用 UIVisualEffec...

  • 实现div毛玻璃背景

    原文在我的博客☞实现div毛玻璃背景 毛玻璃效果 ios里毛玻璃效果的使用非常多,本文介绍一个实现div毛玻璃背景...

网友评论

  • 卓敦:楼主,你第一张效果图有点偏白,原有的色彩大部分都偏白,怎么调呢
  • aiq西米:以前曾尝试使用,只是覆盖的模糊效果,颜色偏toolbar样式,或黑或白,不能保留原图颜色鲜明分布,不是真正毛玻璃效果,弃用
  • 丶雨凡:简单粗暴,速效!
  • 6eeebdf65572:= =博主请问你的图片有版权问题么...我想求一下博文中狮子图片的原图 :relaxed:
  • SevenM:太给力了,简单粗暴
  • HJXu:为什么我这样写了之后,显现出来的底部有一部分没有盖住.打印frame和bounds都是 {{0, 0}, {600, 580}},请指点
  • JohnHow:效果很不错。。。两行代码搞定。 :smile:
  • AE86:牛逼,简单粗暴
  • 哈仕啦:可是sb上本来就有毛玻璃效果的控件啊。。往imageview上拖就有这个效果了啊。。
    哈仕啦:@Twistar 你在控件那搜blur 好像两个都可以,第二个效果更丰富,直接往你的imageView控件上拖,覆盖就可以了
    b59457960ac9:@哈仕啦 说说吧!这个真不知道求普及
  • JChow:这样也行啊,回家试试,toolbar比较少用的控件
  • codeGlider:作者还是个小美女啊😝😝
  • codeGlider:太bug了吧。。😱
  • 989078cec84b:这也行,哈哈~
  • 南栀倾寒:我就想问问你 怎么发现的
  • 南栀倾寒:怎么发现的 牛逼
  • Lonely__M:默默点个赞。
  • Scott_Mr:简单高效暴力,不过问一下,你这种方式最低可以支持iOS几呢?
    4ef7e44e7a90:@lp_马建成 7都可以了.
    lp_马建成:@Scott_Mr 应该是iOS8 BlurEffect 同一版本出的API
  • Cb724r:简单高效,👍

本文标题:用UIToolBar实现简单毛玻璃效果

本文链接:https://www.haomeiwen.com/subject/oaubcttx.html