iOS以編程方式在中心添加圖像視圖

Question

我嘗試使用兩行中的3個按鈕創建按鈕面板。由於它並不需要靈活，我想

class MyViewController : UIViewController { 
    @IBOutlet weak var buttonPanel: UIView! // auto layout, aligned to the bottom of screen 
    var icon0: UIImageView! 
    var icon1: UIImageView! 
    ... 
    var icon5: UIImageView! 

    override func viewDidLoad() { 
     super.viewDidLoad(); 
     icon0 = UIImageView(image: UIImage(named: "ic_smiley_gray.png")) 
     icon1 = UIImageView(image: UIImage(named: "ic_smiley_gray.png")) 
     // ... 
     icon5 = UIImageView(image: UIImage(named: "ic_smiley_gray.png")) 
     let icons = [icon0, icon1, ..., icon5] 

     let btnCellW = CGFloat(self.view.bounds.width)/3.0 
     let btnCellH = buttonPanel.frame.height/2.0 
     for j in 0..<2 { 
      for i in 0..<3 { 
       let rect = CGRect(x: btnCellW * CGFloat(i), 
           y: btnCellH * CGFloat(j), 
           width: btnCellW, height: btnCellH) 
       let cell = UIView(frame: rect) 
       cell.layer.borderWidth = 0.5 
       cell.layer.borderColor = UIColor.grayColor().CGColor 
       cell.layer.backgroundColor = UIColor(red: 0.85 + 0.15 * CGFloat(1 - i % 2), green: 0.85, blue: 0.85, 
               alpha: 1.0).CGColor 
       buttonPanel.addSubview(cell) 
       let ic = icons[i + j*3] 
       ic.center = cell.center 
       ic.layer.borderWidth = 0.5 
       ic.layer.borderColor = UIColor.brownColor().CGColor 
       NSLog("adding icon \(ic.image) at \(ic.center.x) x \(ic.center.y)") 
       cell.addSubview(ic) 
      } 
     } 

按鈕面板與細胞正確繪製，但只有第一個單元具有的圖像，所以圖像的資產是不錯的。其他單元格是空白的。我的問題是什麼？

Answer 1

的問題是這一行：

ic.center = cell.center 

這不可能是正確的，因爲一個觀點的中心是它的父的座標。你在混合蘋果和橘子。你想要的ic中心到它的父之間的中心，而是你把它在同一相對cell是cell具有相對於buttonPanel座標！因此，除第一個之外的所有圖像都位於「細胞」的邊界外，因此是不可見的。

相反，找出的cell範圍中心和放ic中央有：即，在CGPoint(x:cell.bounds.width/2, y:cell.bounds.height/2)。