让UIView圆角显示很简单,只需要三行代码
CALayer * layer = [avatarImageView layer];
[layer setMasksToBounds:YES];
[layer setCornerRadius:9.0];
但是,如给给圆角view加阴影,传统加阴影的方法是不行的,
传统的方法就是:
avatarImageView.layer.shadowColor = [UIColor blackColor].CGColor;
avatarImageView.layer.shadowOffset = CGSizeMake(0, 1);
avatarImageView.layer.shadowOpacity = 1;
因为setMasksToBounds表示对frame外的内容进行了裁减,只可显示frame内的内容。由于这种方法加的阴影在frame外,所以被裁减了。
传统方法不行,那我们可以把圆角的avatarImageView放到一个大小与它一样的的UIView中,让这个view有阴影,那效果看起来就一样了。
CGRect rect;
rect = CGRectMake(0, 0, 48, 48);
avatarImageView = [[UIImageView alloc] initWithFrame:rect];
avatarImageView.image = [UIImage imageNamed:@"test.png"];
//Round the corners
CALayer * layer = [avatarImageView layer];
[layer setMasksToBounds:YES];
[layer setCornerRadius:9.0];
//Add a shadow by wrapping the avatar into a container
UIView * shadow = [[UIView alloc] initWithFrame: rect];
avatarImageView.frame = CGRectMake(0,0,rect.size.width, rect.size.height);
// setup shadow layer and corner
shadow.layer.shadowColor = [UIColor grayColor].CGColor;
shadow.layer.shadowOffset = CGSizeMake(0, 1);
shadow.layer.shadowOpacity = 1;
shadow.layer.shadowRadius = 9.0;
shadow.layer.cornerRadius = 9.0;
shadow.clipsToBounds = NO;
// combine the views
[shadow addSubview: avatarImageView];
分享到:
相关推荐
throw new ApplicationException("图片必须是32位带Alhpa通道的图片。"); IntPtr oldBits = IntPtr.Zero; IntPtr screenDC = Win32.GetDC(IntPtr.Zero); IntPtr hBitmap = IntPtr.Zero; IntPtr memDc = Win...
添加的代码是: <script type="text/javascript" src="glossy.js"></script> 对于Wordpress,可以在header.php里添加... 然后,在想要显示特效的图片的标记里添加: class="glossy" 这样效果就出现了。
IOS圆角和阴影处理,以一张图片为例子 注释清晰,方便新手学习
使图片产生3D、阴影、圆角效果,效果很酷
小而美的MaterialImageView,可设置阴影 、圆角。官方说也带旋转和锯齿,很可惜我们有找到相应的属性。项目地址:https://github.com/zhaozhentao/MaterialImageView 效果图:如何使用:由于MaterialImageView是扩展...
圆角图、倒影图、阴影图、水印图快速制作工具,直接创建或保存 jpg / png / bmp / tga / gif / tiff / icon 等格式,并支持透明 png / gif / icon 格式。快速素材制作辅助工具。 主要用来自己备份
android 图片圆角化,对于图片的美化,处理
汇集了圆角图片 阴影图片 投影图片 羽化图片 背影图片等
网上看到大部分无边框窗体阴影 都是只有右边和底部有阴影的,本源码不仅实现了四边阴影,而且包括圆角,淡入淡出等特效都有。调用非常方便,只要引用类库,需要特效的窗口继承SkinMain就可以了。
让IE6、IE7、IE8支持CSS3的圆角、阴影样式.
仿支付宝卡包,图片圆角带阴影
大家都知道在iOS中为UIView添加阴影还是比较简单的,只需要设置layer的shadow属性就可以了,但是问题在于设置阴影之后,必须设置masksToBounds为NO,而圆角图片则要求masksToBounds必须为YES,两者相互冲突,会导致...
.NET后台代码实现图片圆角阴影,效果不错,可以直接对前台IMG控件起作用
Android 图片阴影效果和影子效果 ,先初始化画笔,为后面阴影效果使用,图像平移为了刚好在原图后形成影子效果。在原有矩形基础上,画成圆角矩形,同时带有阴影层。如果不调用mutate方法,则原图也会被改变,因为...
这是一个js左右切换焦点图特效,无需调用jquery库的麻烦,可在一定程度上节省带宽以及内存,代码简洁,使用方法简单: 直接调用几行html代码到你指定的地方,并修改外侧DIV大小,并在后面引入lanrenzhijia.js即可...
几个常用插件,让ie8兼容html5和css的圆角,阴影、渐变、placeholder等属性
纯CSS实现鼠标移上图片添加阴影效果.rar
可以解析图片中的主色调,默认将主色调作为控件阴影的颜色 可以自定义设置控件的阴影颜色 可以控制控件四个角的圆角大小(如果控件设置成正方向,随着圆角半径增大,可以将控件变成圆形) 可以控制控件的阴影半径...
Javascript 图片圆角效果,多种效果,如阴影等等