質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
Xcode 7

Xcode 7は、ソフトウェア開発のためのアップルの統合開発環境であるXcodeのバージョン。UIを作成するために用いるグラフィカルツールです。iOS9/OS X El Capitan/watchOS2に対応。Swift 2コンパイラーが搭載されています。

Xcode

Xcodeはソフトウェア開発のための、Appleの統合開発環境です。Mac OSXに付随するかたちで配布されています。

Swift

Swiftは、アップルのiOSおよびOS Xのためのプログラミング言語で、Objective-CやObjective-C++と共存することが意図されています

Q&A

0回答

1723閲覧

UICollectionViewのセルにカスタムビューをaddSubViewすると、カスタムビューが大きく表示されてしまう

yokosyo0609

総合スコア37

Xcode 7

Xcode 7は、ソフトウェア開発のためのアップルの統合開発環境であるXcodeのバージョン。UIを作成するために用いるグラフィカルツールです。iOS9/OS X El Capitan/watchOS2に対応。Swift 2コンパイラーが搭載されています。

Xcode

Xcodeはソフトウェア開発のための、Appleの統合開発環境です。Mac OSXに付随するかたちで配布されています。

Swift

Swiftは、アップルのiOSおよびOS Xのためのプログラミング言語で、Objective-CやObjective-C++と共存することが意図されています

0グッド

1クリップ

投稿2017/02/24 10:50

現在、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するとカスタムビューが大きく表示されるのかわかりません。
ご教授頂けますと幸いです。
宜しくお願い致します。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問