在iOS中的自定義視圖大小不是動態的

Question

我剛剛在一週前在iOS上開始了我的第一個應用程序。我創建了一個自定義視圖，使用AppleDeveloperWebsite自定義評級控制教程在我的應用程序中使用它。

現在我已經選擇了故事板中的iPhone7設備，並且我在iPhone 7仿真器上運行了它，但它在iPhone 5仿真器上運行時（屏幕大小發生了變化），我的自定義視圖超出了屏幕。我的所有其他控件大小調整大小，因爲我設置約束，但只有我的自定義視圖大小搞砸了。

請幫助

import UIKit 

@IBDesignable class xRadioButtonView: UIView { 
var button: UIButton! 
var label: UILabel! 

@IBInspectable var text: String? { 
    didSet{ 
     label.text = text 
    } 
} 

//Properties 
var isSelected = 0 

//Initialization 
override init(frame: CGRect){ 
    super.init(frame: frame) 
    addSubviews() 
} 

required init(coder aDecoder: NSCoder) { 
    super.init(coder: aDecoder)! 
    addSubviews() 
} 

func addSubviews() { 
    self.backgroundColor = UIColor.white 

    let xWidth = bounds.size.width 
    let xHeight = bounds.size.height 

    let tap = UITapGestureRecognizer(target: self, action: #selector(xRadioButtonView.radioButtonTextTapped)) 

    button = UIButton(frame: CGRect(x: 1, y: 1, width: xWidth - 2, height: xHeight - 4)) 
    button.backgroundColor = UIColor.white 
    button.addTarget(self, action: #selector(xRadioButtonView.radioButtonTapped(button:)), for: .touchDown) 

    addSubview(button) 

    label = UILabel(frame: CGRect(x: 1, y: 1, width: xWidth - 2, height: xHeight - 2)) 
    label.textColor = UIColor.init(hex: "#D5D5D5") 
    //label.font = UIFont.init(name: label.font.fontName, size: 25) 
    //label.font = label.font.withSize(25) 
    label.font = UIFont.boldSystemFont(ofSize: 25) 
    label.textAlignment = NSTextAlignment.center 
    label.isUserInteractionEnabled = true 
    label.addGestureRecognizer(tap) 

    addSubview(label) 
} 

override func layoutSubviews() { 
    // Set the button's width and height to a square the size of the frame's height. 

} 

override func prepareForInterfaceBuilder() { 
    super.prepareForInterfaceBuilder() 
    label.text = "xRBV" 
} 

func radioButtonTapped(button: UIButton) { 
    if isSelected == 0 { 
     isSelected = 1 
     self.backgroundColor = UIColor.init(hex: "#00BFA5") 
     label.textColor = UIColor.init(hex: "#00BFA5") 
    } else { 
     isSelected = 0 
     self.backgroundColor = UIColor.white 
     label.textColor = UIColor.init(hex: "#D5D5D5") 
    } 
} 

func radioButtonTextTapped(sender: UITapGestureRecognizer){ 
    if isSelected == 0 { 
     isSelected = 1 
     self.backgroundColor = UIColor.init(hex: "#00BFA5") 
     label.textColor = UIColor.init(hex: "#00BFA5") 
    } else { 
     isSelected = 0 
     self.backgroundColor = UIColor.white 
     label.textColor = UIColor.init(hex: "#D5D5D5") 
    } 
} 
} 

正如你可以看到PG按鈕要完成其中綠色飾面，但白色按鈕超出屏幕

Answer 1

你要麼需要設置框架layoutSubViews或您需要在代碼中實現自動佈局：

button = UIButton(frame: CGRect(x: 1, y: 1, width: xWidth - 2, height: xHeight - 4)) 
    button.backgroundColor = UIColor.white 
    button.addTarget(self, action: #selector(xRadioButtonView.radioButtonTapped(button:)), for: .touchDown) 
    addSubview(button) 
    button.translatesAutoresizingMaskIntoConstraints = false 
    let attributes: [NSLayoutAttribute] = [.top, .bottom, .leading, .trailing] 
    let constants = [2, 2, 10, 10] // 2 from top and bottom, 10 from leading and trailing 
    NSLayoutConstraint.activate(attributes.enumerated().map { NSLayoutConstraint(item: button, attribute: $1, relatedBy: .equal, toItem: button.superview, attribute: $1, multiplier: 1, constant: constants[$0]) }) 

該示例使用舊方式，因爲您的c onstraints是統一的，但如果你有更復雜的東西往往其易於使用NSLayoutAnchor作爲iOS的9

編輯：這裏是元組的代碼，如果有人有興趣：

button.translatesAutoresizingMaskIntoConstraints = false 
    let attributes: [(NSLayoutAttribute, CGFloat)] = [(.top, 2), (.bottom, 2), (.leading, 12), (.trailing, 12)] 
    NSLayoutConstraint.activate(attributes.map { NSLayoutConstraint(item: button, attribute: $0.0, relatedBy: .equal, toItem: button.superview, attribute: $0.0, multiplier: 1, constant: $0.1) }) 

Answer 2

多虧我沒」甚至不知道這個NSLayout呢。 （HEH​​E 7天）感謝你我有解決我的問題。雖然我想爲.TOP .bottom .leading不同的值.trailling

我用了你這樣的代碼

NSLayoutConstraint(item: button, attribute: .top, relatedBy: .equal, toItem: button.superview, attribute: .top, multiplier: 1, constant: 1).isActive = true 

NSLayoutConstraint(item: button, attribute: .bottom, relatedBy: .equal, toItem: button.superview, attribute: .bottom, multiplier: 1, constant: 4).isActive = true 

到所有4個方面。但是有沒有一種方法可以像提供多個屬性值一樣提供常量值？