Swift图片圆角代码实现
Swift的圆角
背景
在设计按钮时,为了美观,我们常常会把它做成圆角矩形的按钮。通过设置圆角,我们也可以将矩形图片裁成圆形图片,应用于用户头像、功能选择上,那么就一起来看看圆角是如何在Xcode的 playground中实现吧!
开工
1、在playground中创建预加载函数,预加载函数中的内容相当于在显示之前就加载好的画面。在预加载函数中,添加一个空白的图层view,它相当于是背景层。并且将图片文件放入Resourses文件夹

2、添加一张背景图片。新创建一个专门放图片的层,放入名为“sea”的图片,再把这一层加到背景层view上。

3、设置图片sea的位置。取消自动布局,用NSLayoutConstraint,即代码的方式来添加约束。

4、添加一张方形的头像。同上,新创建一个专门放图片的层,放入名为“photo”的方形头像。这一层多设置了clipsToBounds(是否紧贴边缘)与cornerRadius(圆角度数)属性,这里为了达成圆形,cornerRadius设置为头像图片的宽度/2。clipsToBounds指视图上的子视图,如果超出父视图的部分就截取掉。
最后把这一层加到背景层view上。
5、设置photo位置。取消自动布局,用NSLayoutConstraint,即代码的方式来添加约束。
就是这样完成啦!

6、如果注释掉cornerRadius(圆角度数)属性,就是原来的方形照片了。


 
                
            
         
         浙公网安备 33010602011771号
浙公网安备 33010602011771号