iOS按钮设计

---

设计自定义按钮并在Xcode中使用它们的最佳方法是什么。我不希望它们看起来像随机按钮。它们应该看起来像苹果公司自己的按钮。

您可以使用ui按钮，您可以轻松设置：

• 背景色，背景图像
• 字体类型、字体颜色
• 拐弯处
• 具有正确约束的尺寸甚至动力学

---

你想做什么样的钮扣？请参阅以获取基本教程。

您只需使用ui按钮即可轻松设置：

• 背景色，背景图像
• 字体类型、字体颜色
• 拐弯处
• 具有正确约束的尺寸甚至动力学

---

你想做什么样的钮扣？有关基本教程，请参见。

创建一个名为

design.swift的新文件，然后添加以下内容：

import Foundation
import UIKit

@IBDesignable class CustomTextView : UITextView
{

    @IBInspectable var cornerRadius: CGFloat {
        get {
            return layer.cornerRadius
        }
        set {
            layer.cornerRadius = newValue
            layer.masksToBounds = newValue > 0
        }
    }


    @IBInspectable var borderWidth: CGFloat{
        set {
            layer.borderWidth = newValue
        }
        get{
            return self.layer.borderWidth
        }
    }

    @IBInspectable var borderColor: UIColor? {
        set {
            layer.borderColor = newValue?.CGColor
        }
        get{
            let c = UIColor(CGColor: layer.borderColor!)
            return c
        }
    }

}

@IBDesignable class CustomView : UIView{

    @IBInspectable var cornerRadius: CGFloat {
        get {
            return layer.cornerRadius
        }
        set {
            layer.cornerRadius = newValue
            layer.masksToBounds = newValue > 0
        }
    }



    @IBInspectable var borderWidth: CGFloat{
        set {
            layer.borderWidth = newValue
        }
        get{
            return self.layer.borderWidth
        }
    }

    @IBInspectable var borderColor: UIColor? {
        set {
            layer.borderColor = newValue?.CGColor
        }
        get{
            let c = UIColor(CGColor: layer.borderColor!)
            return c
        }
    }
}



@IBDesignable class CustomButton : UIButton{

    @IBInspectable var cornerRadius: CGFloat {
        get {
            return layer.cornerRadius
        }
        set {
            layer.cornerRadius = newValue
            layer.masksToBounds = newValue > 0
        }
    }



    @IBInspectable var borderWidth: CGFloat{
        set {
            layer.borderWidth = newValue
        }
        get{
            return self.layer.borderWidth
        }
    }

    @IBInspectable var borderColor: UIColor? {
        set {
            layer.borderColor = newValue?.CGColor
        }
        get{
            let c = UIColor(CGColor: layer.borderColor!)
            return c
        }
    }
}

然后单击按钮转到类右侧自定义
创建名为
design.swift的新文件，然后添加以下内容：

import Foundation
import UIKit

@IBDesignable class CustomTextView : UITextView
{

    @IBInspectable var cornerRadius: CGFloat {
        get {
            return layer.cornerRadius
        }
        set {
            layer.cornerRadius = newValue
            layer.masksToBounds = newValue > 0
        }
    }


    @IBInspectable var borderWidth: CGFloat{
        set {
            layer.borderWidth = newValue
        }
        get{
            return self.layer.borderWidth
        }
    }

    @IBInspectable var borderColor: UIColor? {
        set {
            layer.borderColor = newValue?.CGColor
        }
        get{
            let c = UIColor(CGColor: layer.borderColor!)
            return c
        }
    }

}

@IBDesignable class CustomView : UIView{

    @IBInspectable var cornerRadius: CGFloat {
        get {
            return layer.cornerRadius
        }
        set {
            layer.cornerRadius = newValue
            layer.masksToBounds = newValue > 0
        }
    }



    @IBInspectable var borderWidth: CGFloat{
        set {
            layer.borderWidth = newValue
        }
        get{
            return self.layer.borderWidth
        }
    }

    @IBInspectable var borderColor: UIColor? {
        set {
            layer.borderColor = newValue?.CGColor
        }
        get{
            let c = UIColor(CGColor: layer.borderColor!)
            return c
        }
    }
}



@IBDesignable class CustomButton : UIButton{

    @IBInspectable var cornerRadius: CGFloat {
        get {
            return layer.cornerRadius
        }
        set {
            layer.cornerRadius = newValue
            layer.masksToBounds = newValue > 0
        }
    }



    @IBInspectable var borderWidth: CGFloat{
        set {
            layer.borderWidth = newValue
        }
        get{
            return self.layer.borderWidth
        }
    }

    @IBInspectable var borderColor: UIColor? {
        set {
            layer.borderColor = newValue?.CGColor
        }
        get{
            let c = UIColor(CGColor: layer.borderColor!)
            return c
        }
    }
}

然后单击按钮转到课堂右侧自定义
我更新了我的问题。这是我迄今为止尝试过的，但它不符合 很好…使用标准的UIButton有什么问题？我想让我的按钮脱颖而出，让你下定决心。它要么看起来像一个标准的苹果按钮，要么很显眼。你想要哪一个？你可以用任何你喜欢的图片作为按钮@RepazKungI更新了我的问题。这是我迄今为止尝试过的，但它不符合 很好…使用标准的UIButton有什么问题？我想让我的按钮脱颖而出，让你下定决心。它要么看起来像一个标准的苹果按钮，要么很显眼。你想要哪一个？你可以用任何你喜欢的图片作为按钮@雷帕兹康