iOS的圆形或者圆角ImageView
2014-11-18 10:38
176 查看
大家好,笑笑,今天我们来讲一下圆形或者圆角的imageView的问题。(吐槽一下,写博客这种休息方式,挺爽!)
之前我的项目中要显示图片(某些事物的信息),但是显示出来是却是方形的,有棱有角,难看死了,于是我就在code4app上找例子,想拿个现成,结果上面的例子都太XX复杂了,对于我这个小菜来说简直XX...笑笑!
话说还是google神奇,五句代码就解决了,五句啊!!!好了,不扯了(还没休息够呢=。=),看代码:对了对了,那些想在storyBoard里直接拖一个圆角或者圆形imageView的同学就放弃吧,根本不可能。(竟然和我一样懒)
正题:
你可能没有听过CALayer类。但是。如果你曾经创建过应用程序,那么你应该以某种方式使用过他。在UIKIT中得每个视图(例如UIView、UIImageView)都备份在一个CALayer类的实例中(即layer对象)layer对象用来管理视图的备份存储和处理视图相关的动画。layer中提供了很多种属性,使他们来控制视图的可是内容:
背景颜色
边框和边框宽度
阴影颜色,宽度等
Opacity(不透明度)
圆角半径 CornerRadius就是我们用来回执圆角和圆形的属性。
好了,那我们就开始我们的小实验吧,嘿嘿哈哈,最喜欢这个环节了呢,笑笑!
首先建立一个新的项目,然后拖拽一个imageView到storyboard的view中,然后和ViewController建立属性连接。
都做好后,在viewController的.m文件的viewDidLoad的方法中,设置imageView的CornerRadius属性:
改变CornerRadius属性值的大小可以调节圆角的弧度,当CornerRadius值的大小事imageView(你最好弄一个正方形的ImageView)宽度或者长度的一半时,就会显示出圆形了。解释:每一个视图,都有一个捆绑的layer属性。所以上面的第一行是设置layer对象(CALayer类的一个实例)的圆角半径。
好了,如果你还想给自己的图像加上边框,那么,就继续向下看吧:
在viewDidLoad:方法中,在设置圆角半径的代码后面加入以下两行代码:
这样,你就为你的imageView加上了一个像素是3的白色边框了,简单吧,嘿嘿!
之前我的项目中要显示图片(某些事物的信息),但是显示出来是却是方形的,有棱有角,难看死了,于是我就在code4app上找例子,想拿个现成,结果上面的例子都太XX复杂了,对于我这个小菜来说简直XX...笑笑!
话说还是google神奇,五句代码就解决了,五句啊!!!好了,不扯了(还没休息够呢=。=),看代码:对了对了,那些想在storyBoard里直接拖一个圆角或者圆形imageView的同学就放弃吧,根本不可能。(竟然和我一样懒)
正题:
你可能没有听过CALayer类。但是。如果你曾经创建过应用程序,那么你应该以某种方式使用过他。在UIKIT中得每个视图(例如UIView、UIImageView)都备份在一个CALayer类的实例中(即layer对象)layer对象用来管理视图的备份存储和处理视图相关的动画。layer中提供了很多种属性,使他们来控制视图的可是内容:
背景颜色
边框和边框宽度
阴影颜色,宽度等
Opacity(不透明度)
圆角半径 CornerRadius就是我们用来回执圆角和圆形的属性。
好了,那我们就开始我们的小实验吧,嘿嘿哈哈,最喜欢这个环节了呢,笑笑!
首先建立一个新的项目,然后拖拽一个imageView到storyboard的view中,然后和ViewController建立属性连接。
都做好后,在viewController的.m文件的viewDidLoad的方法中,设置imageView的CornerRadius属性:
self.imageView.layer.cornerRadius=90.0f; self.imageView.clipsToBounds=YES;
改变CornerRadius属性值的大小可以调节圆角的弧度,当CornerRadius值的大小事imageView(你最好弄一个正方形的ImageView)宽度或者长度的一半时,就会显示出圆形了。解释:每一个视图,都有一个捆绑的layer属性。所以上面的第一行是设置layer对象(CALayer类的一个实例)的圆角半径。
好了,如果你还想给自己的图像加上边框,那么,就继续向下看吧:
在viewDidLoad:方法中,在设置圆角半径的代码后面加入以下两行代码:
self.imageView.layer.borderWidth = 3.0f; self.imageView.layer.borderColor = [UIColor yellowColor].CGColor;
这样,你就为你的imageView加上了一个像素是3的白色边框了,简单吧,嘿嘿!
相关文章推荐
- 自定义圆角矩形或者圆形ImageView
- 圆角和圆形ImageView
- Android ImageView实现圆角,圆形图片
- iOS---设置圆形imageView
- how to set ImageView fillet 如何设置ImageView为圆角(iOS)
- 圆角或圆形的RelativeLayout、LinearLayout、ImageView等
- iOS 为ImageView设置圆角
- Android自定义ImageView,方角,圆角头像(可根据自己的需求来设定头像的圆角或者方角的大小)
- Android实现自定义圆形/圆角ImageView
- iOS开发笔记-将图片处理成圆形或者说特定圆角
- Android使用Xfermode图形渲染方法实现自定义圆形、圆角和椭圆ImageView
- iOS imageview 裁剪成圆形
- 圆角、圆形ImageView(头像需求)
- 自定义imageview中的圆角和圆形图片
- 自定义imageview 实现圆角 甚至圆形imageview(并不是将图片变圆角)
- Android 自定义View修炼-实现自定义圆形、圆角和椭圆ImageView(使用Xfermode图形渲染方法)
- Android圆形ImageView和圆角矩形ImageView
- Android 自定义ImageView实现圆角/圆形 附加OnTouchListener详细注释以及Button圆角
- 【IOS开发】swift的imageview的用法(加载图片,圆角,边框)
- 【转载】 android 圆角圆形图片ShapedImageView不到100行代码