Question

有人可以帮我打破Apple创建phone app keypad screen的方法吗？我试图用UIStackView用1：1的按钮创建它，还有许多其他方法，但是徒劳无功。我想在自己的项目中使用这样的屏幕进行学习

This是我想要的，this是我到目前为止拥有的，Xcode view of storyboard

Answer 1

解决方案的一部分可能涉及自定义（圆形，绿色）按钮。为了创建一个红色背景的按钮（以防发生紧急操作），我将NSButton子类化：

class ColorButton: NSButton

及其draw（...）方法。

那使我可以控制外观。从NSButton继承的所有其他行为。

此外，@IBDesignable和@IBInspectable标记在InterfaceBuilder中公开了自定义控件。

那是容易的部分。对我来说，使外观正确是一项不小的努力，因为可可纽扣具有一些微妙的行为（例如，禁用，突出显示）。响应桌面颜色选项（例如深色模式）也是一个考虑因素。

这是我的ColorButton的代码，该代码再次用于更改背景颜色而不是形状。

@IBDesignable
class ColorButton: NSButton {

    @IBInspectable var backgroundColor: NSColor = NSColor.controlBackgroundColor
    { didSet { needsDisplay = true } }

    @IBInspectable var textColor: NSColor = NSColor.controlTextColor

    override func draw(_ dirtyRect: NSRect)
    {   
        //  fill in background with regular or highlight color
        var backgroundColor = (isHighlighted ? self.backgroundColor.highlight(withLevel: 0.75) : isEnabled ? self.backgroundColor : NSColor.gray)!
        if  isEnabled == false      { backgroundColor = NSColor.lightGray }
        let textColor = (isEnabled ? self.textColor : NSColor.disabledControlTextColor )
        var rect: NSRect = NSRect(x: 7.0, y: 5.0, width: self.frame.width - 14.0, height: self.frame.height - 13.0) // self.frame//   dirtyRect
        var path = NSBezierPath(roundedRect: rect, xRadius: 4.0, yRadius: 4.0)
        backgroundColor.setFill()
        NSColor.darkGray.setStroke()
        path.lineWidth = 0
        path.fill()
        path.stroke()

        let font = NSFont(name: "Helvetica", size: (rect.height) * 0.66)
        let text = title as NSString
        let textFontAttributes = [convertFromNSAttributedStringKey(NSAttributedString.Key.font): font!, convertFromNSAttributedStringKey(NSAttributedString.Key.foregroundColor): textColor] as [String : Any]
        let size = text.size(withAttributes: convertToOptionalNSAttributedStringKeyDictionary(textFontAttributes))
        let location = NSPoint(x: ((self.frame.width - size.width) / 2.0), y: ((self.frame.height - size.height) / 2.0) - 3.0)
        text.draw(at: location, withAttributes: convertToOptionalNSAttributedStringKeyDictionary(textFontAttributes))
    }// draw
}

以上是在Swift 3下开发的。添加了Swift 4迁移工具：

// Helper function inserted by Swift 4.2 migrator.
fileprivate func convertFromNSAttributedStringKey(_ input: NSAttributedString.Key) -> String {
    return input.rawValue
}

// Helper function inserted by Swift 4.2 migrator.
fileprivate func convertToOptionalNSAttributedStringKeyDictionary(_ input: [String: Any]?) -> [NSAttributedString.Key: Any]? {
    guard let input = input else { return nil }
    return Dictionary(uniqueKeysWithValues: input.map { key, value in (NSAttributedString.Key(rawValue: key), value)})
}

Answer 2

https://www.youtube.com/watch?v=vI7m5RTYNng

很好的解释，并且也有代码。

3X4键盘，带有圆形按钮，在iPhone Phone App中可见，可响应所有屏幕尺寸

2 个答案: