現在、UICollectionViewのセルにカスタムビューを乗せます。
元々はピンチでの拡大縮小はなかったのでが、ピンチでの拡大縮小機能が欲しいため、【Swift 3】UICollectionViewのセル上に乗せた画像をピンチで拡大する【UICollectionView】を参考に、UIScrollViewを用いて実装。
ピンチでの拡大縮小機能は無事に着いたのですが、なぜかscrollViewにaddSubViewした途端にカスタムビューのサイズが大きく表示されます。
そしてその大きく表示されて状態から、scrollView.maximumZoomScaleで指定した大きさまで拡大します。
カスタムビューのサイズを元々のサイズで表示することはできないのでしょうか?
Swift
1class ProductDetailCell: UICollectionViewCell,UIScrollViewDelegate { 2 static let CellId = "ProductDetailCell" 3 4 var disposeBag = DisposeBag() 5 6 var productView: ProductDetailView? 7 8 private var scrollView:UIScrollView! 9 10 override init(frame: CGRect) { 11 super.init(frame: frame) 12 13 //スクロールビューを設置 14 scrollView = UIScrollView() 15 scrollView.frame = CGRect(x:0,y:0,width:self.frame.width,height:self.frame.height) 16 17 //デリゲートを設定 18 scrollView.delegate = self 19 20 //最大・最小の大きさを決める 21 scrollView.maximumZoomScale = 4.0 22 scrollView.minimumZoomScale = 1.0 23 self.contentView.addSubview(scrollView) 24 } 25 26 required init?(coder aDecoder: NSCoder) { 27 fatalError("not supported") 28 } 29 30 override func prepareForReuse() { 31 super.prepareForReuse() 32 disposeBag = DisposeBag() 33 } 34 35 private var product: LineProduct? 36 37 func set(product: LineProduct?, presentVersion: PresentVersion) { 38 self.product = product 39 productView?.removeFromSuperview() 40 41 if let _product = product { 42 let view = ProductDetailView(product: _product, presentVersion: presentVersion) 43 self.scrollView.addSubview(view) 44 45 // カスタムViewのサイズを自分自身と同じサイズにする 46 view.translatesAutoresizingMaskIntoConstraints = false 47 let bindings = ["view": view] 48 addConstraints(NSLayoutConstraint.constraints(withVisualFormat: "H:|[view]|", 49 options:NSLayoutFormatOptions(rawValue: 0), 50 metrics:nil, 51 views: bindings)) 52 addConstraints(NSLayoutConstraint.constraints(withVisualFormat: "V:|[view]|", 53 options:NSLayoutFormatOptions(rawValue: 0), 54 metrics:nil, 55 views: bindings)) 56 57 productView = view 58 59 } 60 } 61 62 func viewForZooming(in scrollView: UIScrollView) -> UIView? { 63 //実際に拡大したいscrollViewのサブビューを返す 64 return productView 65 } 66} 67
ちなみに、ピンチでの拡大縮小機能をつける前、
contentViewにaddSubviewしていた時は、通常サイズでカスタムビューを表示できていました。
Swift
1 func set(product: LineProduct?, presentVersion: PresentVersion) { 2 self.product = product 3 productView?.removeFromSuperview() 4 5 if let _product = product { 6 let view = ProductDetailView(product: _product, presentVersion: presentVersion) 7 self.contentView.addSubview(view) 8
なぜscrollViewにaddSubviewするとカスタムビューが大きく表示されるのかわかりません。
ご教授頂けますと幸いです。
宜しくお願い致します。
あなたの回答
tips
プレビュー