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

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

ただいまの
回答率

90.62%

  • Swift

    6997questions

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

  • Xcode

    3986questions

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

画像の表示位置がずれる

解決済

回答 3

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 498

meia

score 20

前提・実現したいこと

まずは見てくださってありがとうございます。

swift3
xcode8.3.3
を使っています。

StroryBoardでアプリのレイアウトを作成しているのですが、画像を表示する際に画像が文章と被ってしまい、困っています。

①画面下部にあるボタンを押すと正否が表示
②textviewとimageviewの内容が変わる
③次の問題へ行く

という機能を作っています。

しかし、「ときどき」なのですが、画像のようにimageViewがtextviewに被ってしまうことがあります。

発生している問題・エラーメッセージ

StoryBoard上での表示
StoryBoard上での表示

直接開いた場合
直線開いた時

ボタンで変更した時
ボタンで変更した時

該当のソースコード

//Viewに文章と画像を入れる
func setquestion() {

        var imgCount: Int = 0

        dataDetail = self.delegate.dataDetail

        testtext.text = ""

        questionNum = dataDetail[0] + dataDetail[1] + dataDetail[2]

        dataPosition = String(self.delegate.indexRow + 1) + "/" + String(self.delegate.dataList.count)
        label.title = questionNum + "-" + dataPosition + "問"


        for i in 8...19 {
            if dataDetail[i] != ""{
                testtext.text = testtext.text + dataDetail[i] + "\n"
            }
            if i == 9{
                testtext.text = testtext.text + "\n"
            }
        }

        testtext.text = testtext.text.replacingOccurrences(of: " ", with: "\n ")

        imgToatalHeight = 0

    autoreleasepool{

        for i in 0...4 {
            if dataDetail[21 + i] != "" {

                let filePath = dataDetail[0] + "/" + dataDetail[0] + dataDetail[1] + "/" + dataDetail[21 + i]
                let imgPath = Bundle.main.path(forResource: filePath, ofType: "png")
                let theImage = UIImage(contentsOfFile: imgPath!)
                ratio = CGFloat((theImage?.size.height)! / (theImage?.size.width)!)

                imgView[i].image = theImage
                imgView[i].frame = CGRect(x: 0, y: 0, width: imgWidth, height: imgWidth * ratio)
                imgCount += 1
            }else{
                imgView[i].image = nil
                imgView[i].frame = CGRect(x: 0, y: 0, width: 0, height: 0)

            }
            imgHeight[i].constant = imgView[i].frame.height
            imgToatalHeight = imgToatalHeight + imgView[i].frame.height
        }

    }

        let imgSpace: Int = 8 * imgCount
        imgToatalHeight = imgToatalHeight + CGFloat(imgSpace)

        nextButton.setTitleColor(UIColor.black, for: .normal)
        nextButton.layer.masksToBounds = true
        nextButton.layer.cornerRadius = 10.0

        if self.delegate.dataList.last != self.delegate.dataList[self.delegate.indexRow]{
            nextButton.alpha = 1
        }else{
            nextButton.alpha = 0
        }

        myscroll.contentOffset = CGPoint(x: 0, y: -myscroll.contentInset.top)
        if let nv = navigationController {
            nv.setNavigationBarHidden(false, animated: false)
        }
        makeScroll()
    }




//scrollViewのContentHeightを決める

    func makeScroll(){

        testtext.sizeToFit()
        textheight.constant = testtext.contentSize.height

        let totalheight: CGFloat = testtext.contentSize.height + imgToatalHeight

        myscroll.contentSize.height = totalheight
        viewheight.constant = totalheight
}


//他に関係がありそうな箇所

override func viewWillAppear(_ animated: Bool) {
        super.viewWillAppear(true)

        let userdefaults = UserDefaults.standard
        userdefaults.register(defaults: ["characterSize":"17"])
        if let cSize :Int = userdefaults.integer(forKey: "characterSize") as Int?{
            let cgSize = CGFloat(cSize)
            testtext.font = UIFont.boldSystemFont(ofSize: cgSize)

            makeScroll()
        }
    }


    override func viewDidLayoutSubviews() {
        super.viewDidLayoutSubviews()

        makeScroll()
    }

試したこと

①この被りは該当する問題を直接開いた時には発生せず、ボタンを押して変更した時のみ起こります。
②特定の並びでは必ず再現され、他の画像や同じ画像を利用する別の問題では起こりませんでした。

状況がかなりわかりにくくなっているのですが、同じような経験をされた方はいらっしゃいませんでしょうか?
もしどなたか原因や修正方法がわかる方がいたら、教えていただきたいです。
足りない情報は追加させていただきますので、指摘をしていただければと思います。

よろしくお願いいたします。

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

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

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

    クリップを取り消します

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

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

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

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

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

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

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

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

    質問の評価を下げる

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

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

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

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

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

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

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

    詳細な説明はこちら

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

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

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

回答 3

+1

最終的な結果だけから見ると、テキスト部分の高さがゼロで計算されているように見えます。
なので、textheight.constant = testtext.contentSize.height のところにブレークポイントを入れて値を見てみてはどうでしょうか。

もし実際にゼロになっていたら、なぜゼロになるのかを追ってみれば良いかと思います。

投稿

  • 回答の評価を上げる

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

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

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

  • 回答の評価を下げる

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

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

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

  • 2017/09/22 20:45

    回答ありがとうございます!早速アドバイス通りに試してみました。
    heightの値は503で、ずれる場合(ボタンで変化させた時)とずれない場合(直接開いた時)では値の変化がありませんでした…

    差があるとすれば、直接開いた時はviewWillAppearで文字の大きさを調節するようにしているので、何回かviewDidLayoutSubviewにあるmakeScroll()が呼ばれて、値が1100くらい→800くらい→503に変化すると言うところくらいでしょうか?

    設問に関連するコードを追加させていただきます。もしお時間があったらでいいので、見ていただけると助かります…

    キャンセル

+1

textheightやviewheightが制約へのアウトレットだと仮定しての話ですが、制約を変更した後にlayoutIfNeeded()を呼んでみて下さい。

投稿

  • 回答の評価を上げる

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

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

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

  • 回答の評価を下げる

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

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

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

  • 2017/09/30 16:26 編集

    いつも回答ありがとうございます!
    書いていただいたことをヒントに検索し、
    self.view.layoutIfNeeded() や self.view.setNeedsLayout()
    をmakeScroll()に追加したり、imageViewに対して使ってみたりしたのですが、うまくいきませんでした…

    キャンセル

check解決した方法

0

imgView[i].frame = CGRect(x: 0, y: 0, width: imgWidth, height: imgWidth * ratio)

CGRectのxとyの値を変更したところ、画像がずれた場合にその値が反映されていることがわかりました。

そこで姑息的ではあるのですが、画像に合わせてxとyの値を変更することで、ひとまずこの問題を解決することができました。

どういう条件でConstraintsより優先してxとyの値が反映されたのかはわからないままです…
もしどなたかご存知であればご教授いただければと思います。

今回は曖昧な条件下での質問で、すいませんでした。

投稿

  • 回答の評価を上げる

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

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

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

  • 回答の評価を下げる

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

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

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

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

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

関連した質問

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

  • Swift

    6997questions

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

  • Xcode

    3986questions

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