使用Paintcode应用程序的UIButton标题+图像

时间:2018-04-04 14:55:42

标签: swift image uibutton paint-code

我在标题右侧有一个标题和图像的UIButton。但我想使用paintcode应用程序绘制图像,而不是使用资产中的图像。我该怎么做?

1 个答案:

答案 0 :(得分:2)

您可以根据.xib文件创建可重复使用的小部件,该文件会绘制您需要的所有内容,例如:

Reusable widget (loaded from a .xib)

 _____________________________________________
| UIView                                      | 
|     ___________________________________     |
|    | Button  |  Image (from PaintCode) |    |
|    |_________|_________________________|    |
|_____________________________________________|

...或者在PaintCode本身(图像和文本)中执行所有操作,例如:

wiring

...这将导致以下结果:

simulator

您甚至可以使用@IBInspectable直接在 Interface Builder 中设置按钮的文字:

import Foundation
import UIKit

@IBDesignable class TextButton: UIButton {

    // MARK: Properties

    // The button's text can be set in Interface Builder.
    @IBInspectable var text: String = "HelloWorld!" {
        didSet {
            setNeedsDisplay() // Forces PaintCode to redraw.
        }
    }

    override var isHighlighted: Bool {
        didSet {
            setNeedsDisplay()
        }
    }

    override var isSelected: Bool {
        didSet {
            setNeedsDisplay()
        }
    }

    override var isEnabled: Bool {
        didSet {
            setNeedsDisplay()
        }
    }

    // MARK: Lifecycle

    override func draw(_ rect: CGRect) {
        StyleKit.drawTextButton(frame: rect, buttonLabelText: text)
    }
}

ibinspectable

由于你已经在使用PaintCode,我会坚持下去并尽你所能。

Take a look at PaintCode's documentation on using variables

  

这是Xcode项目:   https://github.com/backslash-f/paintcode-tests