複雑な画像ベースのボタンレイアウト

Question

私は一般的にプログラミングを初めて学んでいます。複雑なレイアウトで多数のボタンを作成する方法を理解しようとしています。私のレイアウトは、基本的に約24セクションにカットされたボディの透明PNGであり、私はボディの各セグメントを別々のボタンにしたい。

私はビューコントローラでいくつかのレイアウトを試しました。大量のボタンを画像に重ねるように設定すると（シミュレータで起動したときにレイアウトをそのままにすることはできませんでした）、ボタン画像を表示しようとしましたが、大きな画像サイズのボタンを試しましたが、一番上のボタン。

これを行う方法はありますか、それとも実行可能にするコードが必要ですか？

Answer 1

UICollectionViewControllerまたはUICollectionViewの方が適しています。 UICollectionViewの背景イメージを設定して、セルをボタンと見なすことができます。

ここは簡単な例です。

import UIKit 

class Collection: UICollectionViewController { 

    private let cellId = "cell" 

    override init(collectionViewLayout layout: UICollectionViewLayout) { 
     if let l = layout as? UICollectionViewFlowLayout{ 
      l.minimumInteritemSpacing = 0 
      l.sectionInset = UIEdgeInsetsZero 
      l.scrollDirection = .Vertical 
      l.footerReferenceSize = CGSize.zero 
      l.headerReferenceSize = CGSize.zero 
      let screenWidth = UIScreen.mainScreen().bounds.width 
      let itemWidth = CGFloat(Int(screenWidth/4)) 
      l.itemSize = CGSize(width: itemWidth, height: itemWidth) 
     } 
     super.init(collectionViewLayout: layout) 
    } 

    required init?(coder aDecoder: NSCoder) { 
     fatalError("init(coder:) has not been implemented") 
    } 

    override func viewDidLoad() { 
     super.viewDidLoad() 

     view.backgroundColor = UIColor.whiteColor() 
     collectionView?.registerClass(UICollectionViewCell.self, forCellWithReuseIdentifier: cellId) 

    } 

} 

extension Collection{ 

    override func numberOfSectionsInCollectionView(collectionView: UICollectionView) -> Int { 
     return 4 
    } 

    override func collectionView(collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int { 
     return 4 
    } 

    override func collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell { 
     let cell = collectionView.dequeueReusableCellWithReuseIdentifier(cellId, forIndexPath: indexPath) 
     cell.backgroundColor = UIColor.redColor() 
     return cell 
    } 

} 

セルにタッチアクションを追加する場合。