如何实现具有圆角半径的自定义按钮

Posted

技术标签:

【中文标题】如何实现具有圆角半径的自定义按钮【英文标题】:how to implement the customize button with corner radius 【发布时间】:2017-01-10 12:42:58 【问题描述】:

我实现了 facebook 和 google 按钮,但我无法设置按钮的圆角半径这是我的代码

    @IBOutlet var fb_login_btn: FBSDKLoginButton! 
          fb_login_btn.layer.cornerRadius = 20
    @IBOutlet var google_login_btn: GIDSignInButton!
  google_login_btn.layer.cornerRadius = 20

如何在swift3中自定义按钮

【问题讨论】:

Swift - how to set corner radius of imageView的可能重复 你怎么能说这个重复我不是在问 FBSDKLoginButton 这没有什么区别,它们都来自UIView,因此具有相同的图层属性。见FBSDKButton.h。 Google 的 SDK 似乎不是开源的,但可以在 Xcode 中检查类型。 【参考方案1】:

对于cornerRadius,您还需要将layer 属性masksToBounds 设置为true

fb_login_btn.layer.cornerRadius = 20
fb_login_btn.layer.masksToBounds = true

google_login_btn.layer.cornerRadius = 20
google_login_btn.layer.masksToBounds = true

【讨论】:

谢谢你节省我的时间

以上是关于如何实现具有圆角半径的自定义按钮的主要内容,如果未能解决你的问题,请参考以下文章

自定义按钮颜色的按钮角半径

Swift 3 - 自定义 UIButton 半径删除约束?

iphone:按钮角半径未设置

带有圆形图像视图的自定义圆形 UIButton

如何创建xamarin表单按钮左角半径

创建具有多个标签的自定义按钮