복잡한 이미지 기반 단추 레이아웃

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 
    } 

} 

셀에 터치 동작을 추가하려는 경우.