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

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

ただいまの
回答率

89.22%

Swift スクロールビューのcontentSizeのheightを可変させる方法

解決済

回答 1

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 6,733

torkia

score 24

Swift3にて、スクロールビューのコンテンツサイズの高さを可変させる方法が分からないので質問させて頂きます。

スクロールビューにのせているラベル表示の数や座標が変化するので、それに合わせてスクロールビューのコンテンツサイズを動的に変化させたいのですが、色々やってもエラーがでるので解決方法を教えて頂きたいです。

<やってみたこと>
scrollView.contentSize の height を 
変数 scrollViewHeight に view.frame.heightのサイズ(h=667) としてセットしてありますが、
ラベル表示が終わった頃のscrollViewHeightは、
print("scrollViewHeight: \(scrollViewHeight)")   // 860
画面に収まらないサイズになっているので、
スクロールビューの scrollView.contentSize の height を更新させたいです。

宜しくお願い致します。

■ サンプルコード Swift3  xcode8

import UIKit

class FirstViewController: UIViewController {

    // csvArrayから取り出した問題を格納する配列
    var dayArray:[String?] = []

    // スクロールビューのコンテンツサイズのheight 
    var scrollViewHeight: CGFloat = 667

    override func viewDidLoad() {
        super.viewDidLoad()

        // スクロールビューを生成
        let scrollView = UIScrollView()
        scrollView.backgroundColor = UIColor.clear
        scrollView.frame.size = CGSize(width: view.frame.width, height: view.frame.height)
        scrollView.center = self.view.center
        scrollView.contentSize = CGSize(width: view.frame.width, height: scrollViewHeight)
        scrollView.bounces = false
        scrollView.indicatorStyle = .default 
        scrollView.scrollIndicatorInsets = UIEdgeInsets(top: 10, left: 5, bottom: 10, right: 5)
        scrollView.delegate = self
        print("スクロールview.frame.width: \(view.frame.width)") // 375
        print("スクロールview.frame.height: \(view.frame.height)") // 667
        print("スクロールコンテンツscrollViewHeight: \(scrollViewHeight)") // 667
        self.view.addSubview(scrollView)

        // CSVファイルを読み込む
        let csvArray = loadCSV("test")

        //csvArrayから取り出した問題を格納する配列
        var dayArray:[String] = []

        //csvArrayの行を取得
        dayArray = csvArray[2].components(separatedBy: ";")

        //ラベル作成
        // Dayビュー
        let dayLabelBase = UIView()
        dayLabelBase.frame = CGRect(x: 20, y: 10, width: 100, height: 40)
        dayLabelBase.backgroundColor = rgbaCeruleanBlue
        scrollView.addSubview(dayLabelBase)
           ・
           ・
     (略)
           ・
           ・


        // UILabelを配列に入れる
        var labels = [UILabel]()
        for index in 0..<31 {                      
            let label = UILabel()
            label.font = UIFont.systemFont(ofSize: 12)
            label.backgroundColor = rgbaPaleGray
            label.frame = CGRect(x: 40, y: 100 + (index * 30), width: 315, height: 30)
            labels.append(label)
            scrollView.addSubview(label)
        }

        // ラベルにテキストをセット
        labels[0].text = dayArray[4]
            ・
          (略)
           ・
        labels[30].text = dayArray[124]


        // テキストのないラベルは表示させない
        for i in labels {
            if i.text == "" {
                i.isHidden = true
            } else if i.text == nil {
                i.isHidden = true
            }
        }

    // 文字列が多い場合は改行させる
        var maxY: CGFloat = 100  
        for c in labels {
            c.frame.origin.y = maxY
            guard let cc = c.text?.characters.count else {
                return
            }
            if cc > 25 {
                c.numberOfLines = 0
                c.frame.size.height += 20
                c.frame = CGRect(x: 40, y: maxY, width: 315, height: c.frame.size.height)
            }
            maxY = c.frame.maxY
        }
    }

        // 配列labelsの表示されているラベルの高さの合計で最後のラベルのmaxYを取得
        var labelsMaxY: CGFloat
        var sum = 100
        for i in labels {
            if i.isHidden == false {
            let height: Int = Int(i.frame.height)
            sum += height
            }
        }
        labelsMaxY = CGFloat(sum)
        print("sum: \(sum)")   // 580

       // aLabel生成
      let aLabel = UILabel()
        aLabel.frame = CGRect(x: 300, y: labelsMaxY + 200, width: 50, height: 30)
        aLabel.backgroundColor = .green
        scrollView.addSubview(aLabel)

    // scrollViewHeightを再設定
        scrollViewHeight = aLabel.frame.maxY + 50
        print("scrollViewHeight: \(scrollViewHeight)")   // 860

    }
    (略)
}
  • 気になる質問をクリップする

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

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

    クリップを取り消します

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

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

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

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

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

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

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

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

    質問の評価を下げる

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

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

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

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

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

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

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

    詳細な説明はこちら

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

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

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

回答 1

checkベストアンサー

+1

scrollView.contentSize.height = scrollViewHeight

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2018/01/29 12:36

    ご回答ありがとうございます。
    できました。ありがとうございました。

    キャンセル

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

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