IOS实现图片倒影效果
2017-01-14 16:11
405 查看
#import <QuartzCore/QuartzCore.h>
- (void)viewDidLoad
{
[super viewDidLoad];
[[[self view] layer] setBackgroundColor:[[UIColor blackColor] CGColor]];
UIImage *balloon = [UIImage imageNamed:@"app3.png"];
//图片层
CALayer *topLayer = [[CALayer alloc] init];
[topLayer setBounds:CGRectMake(0.0f, 0.0f, 320-100.0, 240-100)];
[topLayer setPosition:CGPointMake(160.0f, 120.0f)];
[topLayer setContents:(id)[balloon CGImage]];
[[[self view] layer] addSublayer:topLayer];
//图片阴影层
CALayer *reflectionLayer = [[CALayer alloc] init];
[reflectionLayer setBounds:CGRectMake(0.0f, 0.0f, 320.0-100, 240.0-100)];
[reflectionLayer setPosition:CGPointMake(160.0f, 310.0f-100)];
[reflectionLayer setContents:[topLayer contents]];
[reflectionLayer setValue:[NSNumber numberWithFloat:180.0] forKeyPath:@"transform.rotation.x"];
//渐变层
CAGradientLayer *gradientLayer = [[CAGradientLayer alloc] init];
[gradientLayer setBounds:[reflectionLayer bounds]];
[gradientLayer setPosition:CGPointMake([reflectionLayer bounds].size.width/2, [reflectionLayer bounds].size.height/2)];
[gradientLayer setColors:[NSArray arrayWithObjects: (id)[[UIColor clearColor] CGColor],(id)[[UIColor blackColor] CGColor], nil]];
[gradientLayer setStartPoint:CGPointMake(0.5,0.35)];
[gradientLayer setEndPoint:CGPointMake(0.5,1.0)];
[reflectionLayer setMask:gradientLayer];
[[[self view] layer] addSublayer:reflectionLayer];
// Do any additional setup after loading the view, typically from a nib.
}
转载自 http://blog.csdn.net/zhibudefeng/article/details/7677239
- (void)viewDidLoad
{
[super viewDidLoad];
[[[self view] layer] setBackgroundColor:[[UIColor blackColor] CGColor]];
UIImage *balloon = [UIImage imageNamed:@"app3.png"];
//图片层
CALayer *topLayer = [[CALayer alloc] init];
[topLayer setBounds:CGRectMake(0.0f, 0.0f, 320-100.0, 240-100)];
[topLayer setPosition:CGPointMake(160.0f, 120.0f)];
[topLayer setContents:(id)[balloon CGImage]];
[[[self view] layer] addSublayer:topLayer];
//图片阴影层
CALayer *reflectionLayer = [[CALayer alloc] init];
[reflectionLayer setBounds:CGRectMake(0.0f, 0.0f, 320.0-100, 240.0-100)];
[reflectionLayer setPosition:CGPointMake(160.0f, 310.0f-100)];
[reflectionLayer setContents:[topLayer contents]];
[reflectionLayer setValue:[NSNumber numberWithFloat:180.0] forKeyPath:@"transform.rotation.x"];
//渐变层
CAGradientLayer *gradientLayer = [[CAGradientLayer alloc] init];
[gradientLayer setBounds:[reflectionLayer bounds]];
[gradientLayer setPosition:CGPointMake([reflectionLayer bounds].size.width/2, [reflectionLayer bounds].size.height/2)];
[gradientLayer setColors:[NSArray arrayWithObjects: (id)[[UIColor clearColor] CGColor],(id)[[UIColor blackColor] CGColor], nil]];
[gradientLayer setStartPoint:CGPointMake(0.5,0.35)];
[gradientLayer setEndPoint:CGPointMake(0.5,1.0)];
[reflectionLayer setMask:gradientLayer];
[[[self view] layer] addSublayer:reflectionLayer];
// Do any additional setup after loading the view, typically from a nib.
}
转载自 http://blog.csdn.net/zhibudefeng/article/details/7677239
相关文章推荐
- iOS图片倒影效果的2种实现
- IOS实现图片倒影效果
- iOS图片倒影效果的2种实现
- Image Reflection with jQuery and MooTools Example实现图片半透明渐变倒影效果
- Android实现图片的倒影效果
- Android:实现图片的倒影效果
- 在ios中实现图片环绕文字效果
- Android实现图片的倒影效果分析
- Android实现图片倒影效果
- iOS 实现图片的倒影
- IOS 实现类似桌面删除应用程序的效果(长按 可编辑 删除 图片按比例截取)
- Android平台上实现图片的缩放,圆角,倒影效果
- Android实现图片的倒影效果
- Android开发:轻松实现图片倒影效果
- android仿IOS按钮点击效果,一张图片实现
- android仿IOS按钮点击效果,一张图片实现
- ios 实现图片倒影
- 一个Android实现图片的倒影效果的代码示例
- Android实现图片倒影效果
- Android实现图片的倒影效果分析