iOS 圆形按钮(或图片)

最新推荐文章于 2020-12-30 12:48:41 发布

原创最新推荐文章于 2020-12-30 12:48:41 发布 · 3.3k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#ios #uibutton #图片

iOS 专栏收录该内容

25 篇文章

订阅专栏

本文介绍如何使用iOS中的UIButton和UIImageView创建带有圆角和边框效果的控件。通过设置layer属性，如cornerRadius、borderWidth和borderColor，可以轻松实现不同样式的圆角按钮和图片。此外，还提供了调整图片圆角半径的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

UIButton *btn = [UIButton buttonWithType:UIButtonTypeCustom];
    btn.frame = CGRectMake(50, 50, 60, 60);
    btn.backgroundColor = [UIColor redColor];
    //半径
    btn.layer.cornerRadius = 30;
    //裁边
    btn.layer.masksToBounds = YES;
    //边框宽度
    btn.layer.borderWidth = 3.0;
    //边框颜色
    btn.layer.borderColor = [UIColor yellowColor].CGColor;
    [self.view addSubview:btn];
    //想要实现圆形,需要将layer的cornerRadius大小设置为Button宽高的一半,前提width=height

圆按钮

同样图片也可以裁成圆形的,通过layer

self.headImage = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"placeholder.png"]];
self.headImage.frame = CGRectMake(20, 20, 80, 80);
self.headImage.layer.masksToBounds = YES;
self.headImage.layer.cornerRadius = 40;
[self.view addSubview:self.headImage];

圆形图片

如果想实现这种小圆边的图片,

//只需要把layer的半径值写小点就可以了   5或10 自己可以试探性改改,就能达到自己想要得效果了.
self.headImage.layer.cornerRadius = 10;