刮奖效果

简介:

刮奖效果

 

效果

 

说明

刮奖效果使用了开源的 Scatch & See 控件.

 

源码

https://github.com/YouXianMing/Animations

https://github.com/moqod/iOS-Scratch-n-See



//
//  ScratchImageViewController.m
//  Animations
//
//  Created by YouXianMing on 15/12/22.
//  Copyright © 2015年 YouXianMing. All rights reserved.
//

#import "ScratchImageViewController.h"
#import "MDScratchImageView.h"
#import "UIView+SetRect.h"
#import "UIImage+ImageEffects.h"

@interface ScratchImageViewController ()

@end

@implementation ScratchImageViewController

- (void)setup {

    [super setup];
    
    self.titleView.backgroundColor       = [UIColor whiteColor];
    self.contentView.layer.masksToBounds = YES;
    
    UIImage *image = [UIImage imageNamed:@"1"];
    
    // 背景图片
    UIImageView *blurImageView = [[UIImageView alloc] initWithFrame:(CGRect){CGPointZero, image.size}];
    blurImageView.image        = image;
    blurImageView.center       = self.contentView.middlePoint;
    [self.contentView addSubview:blurImageView];
    
    // 被刮的图片
    MDScratchImageView *scratchImageView = [[MDScratchImageView alloc] initWithFrame:blurImageView.frame];
    [scratchImageView setImage:[image blurImage] radius:20.f];
    [self.contentView addSubview:scratchImageView];
}

@end

细节

 

目录
相关文章
|
移动开发 前端开发 JavaScript
js 简单图片取色器
基于 JavaScript(js) 的简单的图片颜色识别
1460 0
js 简单图片取色器
|
JavaScript 容器 前端开发
js计算元素距离顶部的高度及元素是否在可视区判断
前言:   在业务当中,我们经常要计算元素的大小和元素在页面的位置信息。比如说,在一个滚动区域内,我要知道元素A是在可视区内,还是在隐藏内容区(滚动到外边看不到了)。有时还要进一步知道,元素是全部都显示在可视区,还是有部分在可视区部分在隐藏内容区。
5468 0
|
5月前
|
API
天气预报-腾讯天气-7天-地址查询版免费API接口
这是一个免费的腾讯天气API接口,用于查询指定地址的7天天气预报。支持POST和GET请求方式。请求参数包括id、key、province、city、county等。返回参数包含日期、天气状况、温度等信息。 示例请求地址:https://cn.apihz.cn/api/tianqi/tengxun.php?id=88888888&key=88888888&province=四川省&city=绵阳市&county=。
|
11月前
|
JavaScript 前端开发
植物大战僵尸Javascript版web游戏源码
植物大战僵尸Javascript版web游戏源码,非常强大,1比1还原电脑版植物大战僵尸游戏,带背景音乐,玩法和原版一模一样。
386 2
|
JavaScript 前端开发 搜索推荐
如何优雅地在 React 中使用TypeScript,看这一篇就够了!(3)
毕业已有3月有余,工作用的技术栈主要是React hooks + TypeScript。其实在单独使用 TypeScript 时没有太多的坑,不过和React结合之后就会复杂很多。本文就来聊一聊TypeScript与React一起使用时经常遇到的一些类型定义的问题。阅读本文前,希望你能有一定的React和TypeScript基础
869 0
|
存储 SQL 缓存
缓存(4) —— 结构化缓存
缓存(4) —— 结构化缓存
168 0
|
机器学习/深度学习 存储 人工智能
机器学习的基本知识入门
本文将介绍关于机器学习的基本认识与相关展望,达到基本了解机器学习相关的知识体系。并且了解机器学习相关的几大领域:数据挖掘、人工智能的异同点。
241 0