iOS 图片圆角加阴影 + 按钮的渐变颜色

转自:http://blog.csdn.net/qq_32052825/article/details/77503300?locationNum=5&fps=1

图片圆角加阴影

刚开始做项目时,给圆角加阴影,如: 
`UIImageView *image = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"leftbackiamge"]]; 
image.frame = CGRectMake(100, self.view.frame.size.height - 300, 100, 100); 
image.layer.masksToBounds = YES; 
image.layer.cornerRadius = 50; 
image.layer.shadowOffset = CGSizeMake(0, 5); 
image.layer.backgroundColor = [UIColor brownColor].CGColor; 
image.layer.shadowColor = [UIColor brownColor].CGColor; 
image.layer.shadowOpacity = 0.7; 
image.layer.cornerRadius = 50; 
[self.view addSubview:image];
 
这样写 但是出来的效果 这里写图片描述 
只有圆角没有阴影 
为何? 
因为本身的masksToBounds方法就是超出父视图部分裁剪掉,所以加的阴影部分为超出部分,所以导致阴影显示不出来

解决方法:加一个图层,把圆角图片加到图层上

 
 
  • 1
  • 2
UIImageView *image = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"leftbackiamge"]];
    image.frame = CGRectMake(100, self.view.frame.size.height - 300, 100, 100);
    //加个图层 设置阴影
    CALayer *layer = [[CALayer alloc] init];
    layer.frame = CGRectMake(100, self.view.frame.size.height - 300, 100, 100);
    layer.shadowOffset = CGSizeMake(0, 5);
    layer.backgroundColor = [UIColor brownColor].CGColor;
    layer.shadowColor = [UIColor brownColor].CGColor;
    layer.shadowOpacity = 0.7;
    layer.cornerRadius = 50;
    [self.view.layer addSublayer:layer];
    image.layer.masksToBounds = YES;
    image.layer.cornerRadius = 50;
    //注意一定要先上层再上image,这样保证image在层之上。
    [self.view addSubview:image];

 
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16

注意:必须先上层再加image,这样确保image在图层上 
效果: 
这里写图片描述 
就成功了

下面说一下按钮的渐变颜色,一个道理把渐变的图层加到按钮图层上

 
 
  • 1
  • 2
//渐变的按钮
    UIButton *lookBtn = [UIButton buttonWithType:(UIButtonTypeCustom)];
    lookBtn.frame = CGRectMake(100, 100,100, 100);
    [lookBtn setTitle:@"查看详情" forState:(UIControlStateNormal)];
    [lookBtn addTarget:self action:@selector(lookBtn) forControlEvents:(UIControlEventTouchUpInside)];
    lookBtn.layer.shadowColor=[TCUIColorFromRGB(0x24A7F2) colorWithAlphaComponent:0.5].CGColor;
    lookBtn.layer.shadowOffset=CGSizeMake(4, 4);
    lookBtn.layer.shadowOpacity=0.5;
    lookBtn.layer.shadowRadius= 5;

    //渐变颜色
    CAGradientLayer *gradientLayer = [CAGradientLayer layer];
    gradientLayer.colors = @[(__bridge id)TCUIColorFromRGB(0x5FCAFF).CGColor, (__bridge id)TCUIColorFromRGB(0x24A7F2).CGColor];
    gradientLayer.locations = @[@0.3, @1.0];
    gradientLayer.startPoint = CGPointMake(0, 0);
    gradientLayer.endPoint = CGPointMake(1.0, 0);
    gradientLayer.frame = CGRectMake(0, 0,  100, 100);
    gradientLayer.cornerRadius = 50;
    [lookBtn.layer addSublayer:gradientLayer];
    [self.view addSubview:lookBtn];

 
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21

建一个图层,保证渐变,加到按钮图层即可

此处为用到的宏定义 
#define TCUIColorFromRGB(rgbValue) [UIColor colorWithRed:((float)((rgbValue & 0xFF0000) >> 16))/255.0 green:((float)((rgbValue &0xFF00) >>8))/255.0 blue:((float)(rgbValue &0xFF))/255.0 alpha:1.0]

效果如下 
这里写图片描述

代码demo地址:https://github.com/jinshuaier/shadow

 
 
  • 1
  • 2

如果问题,欢迎加我qq 479401910,共同学习,努力进步!


public void SetBits() { //绘制绘图层背景 Bitmap bitmap = new Bitmap(Main.Width + 10, Main.Height + 10); Rectangle _BacklightLTRB = new Rectangle(20, 20, 20, 20);//窗体光泽重绘边界 Graphics g = Graphics.FromImage(bitmap); g.SmoothingMode = SmoothingMode.HighQuality; //高质量 g.PixelOffsetMode = PixelOffsetMode.HighQuality; //高像素偏移质量 ImageDrawRect.DrawRect(g, Properties.Resources.main_light_bkg_top123, ClientRectangle, Rectangle.FromLTRB(_BacklightLTRB.X, _BacklightLTRB.Y, _BacklightLTRB.Width, _BacklightLTRB.Height), 1, 1); if (!Bitmap.IsCanonicalPixelFormat(bitmap.PixelFormat) || !Bitmap.IsAlphaPixelFormat(bitmap.PixelFormat)) throw new ApplicationException("图片必须是32位带Alhpa通道的图片。"); IntPtr oldBits = IntPtr.Zero; IntPtr screenDC = Win32.GetDC(IntPtr.Zero); IntPtr hBitmap = IntPtr.Zero; IntPtr memDc = Win32.CreateCompatibleDC(screenDC); try { Win32.Point topLoc = new Win32.Point(Left, Top); Win32.Size bitMapSize = new Win32.Size(Width, Height); Win32.BLENDFUNCTION blendFunc = new Win32.BLENDFUNCTION(); Win32.Point srcLoc = new Win32.Point(0, 0); hBitmap = bitmap.GetHbitmap(Color.FromArgb(0)); oldBits = Win32.SelectObject(memDc, hBitmap); blendFunc.BlendOp = Win32.AC_SRC_OVER; blendFunc.SourceConstantAlpha = Byte.Parse("255"); blendFunc.AlphaFormat = Win32.AC_SRC_ALPHA; blendFunc.BlendFlags = 0; Win32.UpdateLayeredWindow(Handle, screenDC, ref topLoc, ref bitMapSize, memDc, ref srcLoc, 0, ref blendFunc, Win32.ULW_ALPHA); } finally { if (hBitmap != IntPtr.Zero) { Win32.SelectObject(memDc, oldBits); Win32.DeleteObject(hBitmap); } Win32.ReleaseDC(IntPtr.Zero, screenDC); Win32.DeleteDC(memDc); } }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值