UIButton中imageEdgeInsets和titleEdgeInsets使用总结

IOS

2023-10-05 04:00:12

使用 imageEdgeInsets 和 titleEdgeInsets 属性自定义 UIButton

前言

UIButton 是 iOS 应用程序中广泛使用的控件，它允许用户执行各种操作，例如提交表单、导航到其他屏幕或选择选项。UIButton 提供了多种样式，包括文本按钮、图像按钮和图像和文本按钮。

要控制图像和文本在按钮中的位置，UIButton 提供了两个关键属性：imageEdgeInsets 和 titleEdgeInsets。

imageEdgeInsets 和 titleEdgeInsets 属性

imageEdgeInsets: 控制图像四周的边距。
titleEdgeInsets: 控制文本四周的边距。

使用方法

要使用这些属性，您需要在代码中设置它们的边距值。

设置 imageEdgeInsets:

button.imageEdgeInsets = UIEdgeInsets(top: 10, left: 10, bottom: 10, right: 10)

设置 titleEdgeInsets:

button.titleEdgeInsets = UIEdgeInsets(top: 10, left: 10, bottom: 10, right: 10)

示例

以下是一个示例代码，演示了如何使用 imageEdgeInsets 和 titleEdgeInsets 属性：

import UIKit

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()

        let button = UIButton(type: .system)
        button.setTitle("Button", for: .normal)
        button.setImage(UIImage(named: "image.png"), for: .normal)

        button.imageEdgeInsets = UIEdgeInsets(top: 10, left: 10, bottom: 10, right: 10)
        button.titleEdgeInsets = UIEdgeInsets(top: 10, left: 10, bottom: 10, right: 10)

        self.view.addSubview(button)
    }
}