用于mask遮罩效果的图片配合resizableImage使用
2015-03-30 21:32
120 查看
用于mask遮罩效果的图片配合resizableImage使用
效果:
作为素材用的图片:
源码:
需要注意的细节:
这对于做alpha通道的渐变效果十分便利。
效果:
作为素材用的图片:
源码:
// // ViewController.m // Rect // // Created by YouXianMing on 15/3/29. // Copyright (c) 2015年 YouXianMing. All rights reserved. // #import "ViewController.h" @interface ViewController () @end @implementation ViewController - (void)viewDidLoad { [super viewDidLoad]; // 背景图 UIImageView *bgView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"psb.jpeg"]]; bgView.frame = CGRectMake(0, 0, bgView.frame.size.width / 2.f, bgView.frame.size.height / 2.f); bgView.center = self.view.center; [self.view addSubview:bgView]; // 作为mask用的图片 UIImage *maskImage = [UIImage imageNamed:@"rect_new"]; maskImage = [maskImage resizableImageWithCapInsets:UIEdgeInsetsMake(13, 13, 13, 13) resizingMode:UIImageResizingModeTile]; // 作为mask用的view UIImageView *maskView = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, 100, 100)]; maskView.image = maskImage; bgView.maskView = maskView; // 执行动画 [UIImageView animateWithDuration:3.f animations:^{ maskView.frame = bgView.bounds; }]; } @end
需要注意的细节:
这对于做alpha通道的渐变效果十分便利。
相关文章推荐
- 一个小型的网站,比如个人网站,可以使用最简单的html静态页面就实现了,配合一些图片达到美化效果,所有的页面均存放在一个目录下,这样的网站对系统架构、性能的要求都很简单,随着互联网业务的不断丰富,网站
- quick中使用JPG+mask文件制作刀塔传奇中的遮罩效果
- Ext界面下做图片动态加载的图片放大镜效果并解决IE6下遮罩mask无法遮盖HTML的select控件问题
- setImageEdgeInsets 和 setImage配合使用达到button区域大并可调节其上图片显示区域大小的效果
- 使用CSS实现中间镂空的图片遮罩效果
- quick中使用JPG+mask文件制作刀塔传奇中的遮罩效果
- 特殊形状图片之遮罩蒙版CSS3-Mask效果
- 告别图片—使用字符实现兼容性的圆角尖角效果beta版
- 不使用图片创建CSS圆角效果
- 在页面加载时使用thickbox的遮罩效果。
- 原生C#使用mask处理图片透明代码
- CSS+Js遮罩效果的TAB及焦点图片切换(推荐)
- 使用ASP.NET AJAX实现(图片)幻灯片效果
- Jquery 焦点图 用于图片展示效果代码
- Jquery 焦点图 用于图片展示效果代码
- 使用jqzoom来实现图片放大镜的效果
- 使用Js来让IE支持png图片透明效果
- CSS+Js遮罩效果的TAB及焦点图片切换(推荐)
- 使用WPF Resource以及Transform等技术实现鼠标控制图片缩放和移动的效果