IOS开发中如何使用代码创建圆角UIbutton

2025-11-24 13:04:13

1、打开Xcode,新建工程一个IOS工程。做法是在IOS选项下面选择Application,并在右侧的列表中选择Single View Application。然后点击NEXT,保存。这样就完成了一个IOS项目的创建。我们在IOS开发中大多项目都可以通过这样的方式创建完成。

IOS开发中如何使用代码创建圆角UIbutton

2、保存之后出现如下界面,在红色框的位置添加框中所示代码。作用时创建myBtn并设置myBtn的左上角的位置是坐标点(100,100),myBtn的尺寸是214像素宽,100像素高。这里面主要用到CGRectMake(<#CGFloat x#>, <#CGFloat y#>, <#CGFloat width#>, <#CGFloat height#>)这个函数来给UIButton设置坐标和尺寸属性,其中<#CGFloat x#>处用Button左上角的X坐标替换,<#CGFloat y#>用Button左上角的Y坐标替换;<#CGFloat width#>用Buttom的宽替换,<#CGFloat height#>用Button的高替换。

IOS开发中如何使用代码创建圆角UIbutton

3、设置myBtn的背景色为橙色。这里主要用到的类是UIColor,通过这个类实例化一个颜色的代码是[UIColor redColor],其中redColor这样的方法是苹果为我们定义好的常用颜色,我们也可以自己通过RGB值定义,具体以后讲。

IOS开发中如何使用代码创建圆角UIbutton

4、设置myBtn的四个角为圆角,圆角的半径为30。这里主要通过设置myBtn的上面的一个层layer的尺寸来设置。设置好圆角之后,要使用layer.masksToBounds = YES;来设置上面的圆角起效。

IOS开发中如何使用代码创建圆角UIbutton

5、为myBtn添加点击后背景色变为绿色的事件,注意,这里只添加事件,相当于声明了这样一个方法,并把这个方法添加给myBtn,所以我们在点击myBtn的时候就会触发这个方法。但并未实现变色的功能。

IOS开发中如何使用代码创建圆角UIbutton

6、实现myBtn的背景变色的方法。其中sender参数为出发这个方法的对象,在这里为myBtn。

IOS开发中如何使用代码创建圆角UIbutton

7、把创建好的myBtn添加到当前View上:

IOS开发中如何使用代码创建圆角UIbutton

8、以上就完成了圆角Button的创建和功能实现。使用模拟器模拟运行效果如下:一开始按钮的背景色为橙色,点击后变为绿色。

IOS开发中如何使用代码创建圆角UIbutton

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
相关推荐
  • 阅读量:131
  • 阅读量:39
  • 阅读量:153
  • 阅读量:110
  • 阅读量:128
  • 猜你喜欢