Learning iOS(三)--圆形图片

概念

首先要明确的是,不管是什么图像,什么类型的View,都是一个矩形(rectangle),所以所谓的圆形图片不过是把cornerRadius设成边长的一半。
(当然,想要圆形图片,View首先得是正方形的。)

实现方式

1. 代码实现

代码实现
      imageView.layer.borderColor = UIColor.orangeColor().CGColor    //设置颜色
      imageView.layer.borderWidth = 3      //设置边框宽度
      imageView.layer.cornerRadius = imageView.bounds.height / 2     //设置图像的角弧度为边长一半
      imageView.clipsToBounds = true            //保证超出View的部分被切掉

2. storyboard实现

首先选中imageView,然后设置如下属性。
不要问我为什么没有颜色这个设置选项,个人尝试了很多次也没成功。最终还是妥协用代码了。如果读者有什么有效的设置方式麻烦告知,万分感谢。


Learning iOS(三)--圆形图片_第1张图片

最终效果

Learning iOS(三)--圆形图片_第2张图片
最终效果

望大家都能设置出自己美美的圆图。。。p( ^ O ^ )q

也希望大家能光临我的GitHub。或者我的iOS项目集:Learning iOS Programming with Swift。欢迎各种Watch、Star、Fork以及Pull Request。当然还有Follow啦!(≧▽≦)/

你可能感兴趣的:(Learning iOS(三)--圆形图片)