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

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

ただいまの
回答率

90.52%

  • Swift

    7227questions

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

  • Xcode

    4088questions

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

  • Xcode 7

    615questions

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

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

受付中

回答 0

投稿

  • 評価
  • クリップ 1
  • VIEW 442

yokosyo0609

score 29

現在、UICollectionViewのセルにカスタムビューを乗せます。

元々はピンチでの拡大縮小はなかったのでが、ピンチでの拡大縮小機能が欲しいため、【Swift 3】UICollectionViewのセル上に乗せた画像をピンチで拡大する【UICollectionView】を参考に、UIScrollViewを用いて実装。

ピンチでの拡大縮小機能は無事に着いたのですが、なぜかscrollViewにaddSubViewした途端にカスタムビューのサイズが大きく表示されます。

そしてその大きく表示されて状態から、scrollView.maximumZoomScaleで指定した大きさまで拡大します。

カスタムビューのサイズを元々のサイズで表示することはできないのでしょうか?

class ProductDetailCell: UICollectionViewCell,UIScrollViewDelegate {
    static let CellId = "ProductDetailCell"

    var disposeBag = DisposeBag()

    var productView: ProductDetailView?

    private var scrollView:UIScrollView!

    override init(frame: CGRect) {
        super.init(frame: frame)

        //スクロールビューを設置
        scrollView = UIScrollView()
        scrollView.frame = CGRect(x:0,y:0,width:self.frame.width,height:self.frame.height)

        //デリゲートを設定
        scrollView.delegate = self

        //最大・最小の大きさを決める
        scrollView.maximumZoomScale = 4.0
        scrollView.minimumZoomScale = 1.0
        self.contentView.addSubview(scrollView)
    }

    required init?(coder aDecoder: NSCoder) {
        fatalError("not supported")
    }

    override func prepareForReuse() {
        super.prepareForReuse()
        disposeBag = DisposeBag()
    }

    private var product: LineProduct?

    func set(product: LineProduct?, presentVersion: PresentVersion) {
        self.product = product
        productView?.removeFromSuperview()

        if let _product = product {
            let view = ProductDetailView(product: _product, presentVersion: presentVersion)
            self.scrollView.addSubview(view)

            // カスタムViewのサイズを自分自身と同じサイズにする
            view.translatesAutoresizingMaskIntoConstraints = false
            let bindings = ["view": view]
            addConstraints(NSLayoutConstraint.constraints(withVisualFormat: "H:|[view]|",
                                                        options:NSLayoutFormatOptions(rawValue: 0),
                                                          metrics:nil,
                                                          views: bindings))
            addConstraints(NSLayoutConstraint.constraints(withVisualFormat: "V:|[view]|",
                                                        options:NSLayoutFormatOptions(rawValue: 0),
                                                          metrics:nil,
                                                          views: bindings))

            productView = view
            
        }
    }
    
    func viewForZooming(in scrollView: UIScrollView) -> UIView? {
        //実際に拡大したいscrollViewのサブビューを返す
        return productView
    }
}

   ちなみに、ピンチでの拡大縮小機能をつける前、   contentViewにaddSubviewしていた時は、通常サイズでカスタムビューを表示できていました。  

    func set(product: LineProduct?, presentVersion: PresentVersion) {
        self.product = product
        productView?.removeFromSuperview()

        if let _product = product {
            let view = ProductDetailView(product: _product, presentVersion: presentVersion)
            self.contentView.addSubview(view)

      なぜscrollViewにaddSubviewするとカスタムビューが大きく表示されるのかわかりません。   ご教授頂けますと幸いです。   宜しくお願い致します。

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

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

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

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

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

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

  • ただいまの回答率 90.52%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る

  • Swift

    7227questions

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

  • Xcode

    4088questions

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

  • Xcode 7

    615questions

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

  • トップ
  • Xcodeに関する質問
  • UICollectionViewのセルにカスタムビューをaddSubViewすると、カスタムビューが大きく表示されてしまう