iOS8模糊效果UIVisualEffectView的使用

效果:

源码:

//
//  ViewController.m
//  EffectView
//
//  Created by XianMingYou on 15/3/14.
//  Copyright (c) 2015年 XianMingYou. All rights reserved.
//

#import "ViewController.h"

@interface ViewController ()
@property (nonatomic, strong) UIVisualEffectView *effectView;
@property (nonatomic, strong) UIVisualEffectView *vibrancyEffectView;
@property (nonatomic, strong) UIScrollView       *scrollView;
@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];

    // 添加测试用view
    [self.view addSubview:self.scrollView];

    // 添加模糊用view
    [self.view addSubview:self.effectView];

    // 添加额外的view(用contentView)
    [self.effectView.contentView addSubview:self.vibrancyEffectView];
}

@synthesize scrollView = _scrollView;
- (UIScrollView *)scrollView {
    if (_scrollView == nil) {
        _scrollView = [[UIScrollView alloc] initWithFrame:self.view.bounds];
        _scrollView.showsHorizontalScrollIndicator = NO;
        _scrollView.showsVerticalScrollIndicator   = NO;
        _scrollView.bounces                        = NO;
        UIImageView *imageView  = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"color.jpg"]];
        _scrollView.contentSize = imageView.image.size;
        [_scrollView addSubview:imageView];
    }

    return _scrollView;
}

@synthesize effectView = _effectView;
- (UIVisualEffectView *)effectView {
    if (_effectView == nil) {
        // 添加模糊效果
        _effectView = [[UIVisualEffectView alloc] initWithEffect:[UIBlurEffect effectWithStyle:UIBlurEffectStyleLight]];
        _effectView.userInteractionEnabled = NO;
        _effectView.frame                  = CGRectMake(0, 0, 320, 200);
        _effectView.center                 = self.view.center;
    }

    return _effectView;
}

@synthesize vibrancyEffectView = _vibrancyEffectView;
- (UIVisualEffectView *)vibrancyEffectView {
    if (_vibrancyEffectView == nil) {
        // 初始化文本
        UILabel *label      = [[UILabel alloc] initWithFrame:self.effectView.bounds];
        label.text          = @"YouXianMing";
        label.font          = [UIFont systemFontOfSize:40.f];
        label.textAlignment = NSTextAlignmentCenter;

        // 需要与作用的effectView的效果一致
        _vibrancyEffectView = [[UIVisualEffectView alloc] initWithEffect:[UIVibrancyEffect effectForBlurEffect:(UIBlurEffect *)self.effectView.effect]];
        _vibrancyEffectView.frame = self.effectView.bounds;

        // 注意,是用的contentView添加label
        [self.vibrancyEffectView.contentView addSubview:label];
    }

    return _vibrancyEffectView;
}

@end

测试用图片:

时间: 2024-10-12 04:54:57

iOS8模糊效果UIVisualEffectView的使用的相关文章

iOS8使用UIVisualEffectView实现模糊效果

代码实现 - (void)viewDidLoad { [super viewDidLoad]; // Do any additional setup after loading the view, typically from a nib. //使用图片初始化背景色 self.view.backgroundColor = [UIColor colorWithPatternImage:[UIImage imageNamed:@"gradient2"]]; //实现模糊效果 UIVisua

ios8中UIVisualEffectView对图片滤镜效果处理

初识UIVisualEffectView UIVisualEffectView是iOS8中新增的一个处理图片类,不支持iOS8以下的系统,也就是说在iOS7 及其以下都不支持.下面是苹果官方文档对这个类的描述: UIVisualEffectView is a class that provides a simple abstraction over complex visual effects. Depending on the desired effect, the results may a

iOS开发之功能模块--模糊效果

1.先介绍一个好用的实现模糊效果的框架:https://github.com/YouXianMing/UIImageBlur 2.iOS8 中 UIVisualEffectView 模糊效果的使用 ,能够实时渲染,但是弊端就是iOS7以下不能用.

IOS中模糊效果实现的几种方法(毛玻璃)(转载)

在手机里面经常可以看到模糊效果,比如说控制中心. 那么这种效果怎么去实现的呢,一般有一下几种办法. 1.CoreImage 2.vImage(UIImageView+Effective) 3.GPUImage 4.UIVisualEfftiveView 下面来说说这几种方法的使用方法: 一.CoreImage 1 - (void)test1 { 2 //原始图片 3 UIImage *originImage = [UIImage imageNamed:@"bg1.jpg"]; 4 //

CoreImage 中的模糊滤镜

1.CoreImage 中的模糊滤镜 1.1CoreImage是苹果用来简化图片处理的框架 1.2CIImage.CIFilter与CIContext三者联系 1.3CIGaussianBlur中可能设置的参数 2.UIImage+imageEffects的category模糊效果 3.iOS8中的UIVisualEffectView模糊效果的用法 一..CoreImage 中的模糊滤镜 - (void)coreImageBlur { //原始图片 UIImage *image         

iOS8之后 ,模糊效果简单实现

iOS8,之后: storyboard: 直接搜索 控件Visual Effect View with Blur 拉到需要模糊效果视图的上方: 纯代码: // 创建需要的毛玻璃特效类型 UIBlurEffect *blurEffect = [UIBlurEffect effectWithStyle:UIBlurEffectStyleLight]; // 毛玻璃view 视图 UIVisualEffectView *effectView = [[UIVisualEffectView alloc]

IOS8模糊毛玻璃的效果UIVisualEffectView

UIVisualEffectView实现两种模糊效果:UIBlurEffect 和 UIVibrancyEffect 两者都是继承自UIView,前者放在任意的View里边都能对下册的视图渲染出模糊效果,后者是在前者的基础上对毛玻璃效果上层的视图做出高亮突出处理 代码如下: @IBOutlet weak var imageView: UIImageView! override func viewDidLoad() { super.viewDidLoad() var blurEffect = UI

UIVisualEffectView(高斯模糊效果)

///高斯模糊. UIView *tempView = [[UIView alloc] initWithFrame:CGRectMake(100, 100, 100, 100)]; tempView.backgroundColor = [UIColor yellowColor]; [self.view addSubview:tempView]; ///UIBlurEffectStyleExtraLight聚光灯效果.UIBlurEffectStyleLight效果轻.UIBlurEffectSt

iOS8 模糊视图(毛玻璃效果) UIVisualEffectView

在需要模糊的UIView上,添加一个UIVisualEffectView对象即可,若直接在storyboad里面直接加UIVisualEffectView,你的项目必须是iOS8以上才能用 - (void)viewDidLoad { [super viewDidLoad]; //    UIImageView *imageview = [[UIImageView alloc] init]; // //    imageview.frame = CGRectMake(10, 200, 300, 3