scrollviewの中にtextviewとimageviewを並べる

Question

###前提・実現したいこと

swift3.0
xcode8.21 で作業しています

スクロールビューの中にテキストビューとイメージビューを何個か並べて、スクロールビューをその２つの大きさによって、スクロールできるようにするのが目標です

テキストビューの高さはviewcontrollerで指定した内容によって、変化するようにしていて、イメージビューをそのテキストビューのから一定距離のところに配置したいです

できればAutolayoutで編集する方法を知りたいのですが、自分で調べてみて今はコードで動かす方法しかないのかなー、と考えています

###該当のソースコード

    override func viewDidLoad() {
        imgview.translatesAutoresizingMaskIntoConstraints = false
    }
    
    override func viewDidLayoutSubviews() {
        super.viewDidLayoutSubviews()
        
//      ここもいつか可変長にしたいです
        myscroll.contentSize.height = 1000
        
// テキストビューの大きさを文字の量に合わせる
        testtext.sizeToFit()

//        「//」を外すと画像自体が消えてしまいました
//        imgview.removeConstraints(imgview.constraints)
        
        myscroll.addConstraints([
            NSLayoutConstraint(item: imgview,
                               attribute: NSLayoutAttribute.top,
                               relatedBy: NSLayoutRelation.equal,
                               toItem: testtext,
                               attribute: NSLayoutAttribute.bottom,
                               multiplier: 1.0,
                               constant:5
            )
            ])
        
    }

###試したこと

上記の方法とは別にこのリンク先の内容も試したのですが、テキストビューごと消えました。。。
参考先２
###補足情報(言語/FW/ツール等のバージョンなど)
ちなみにこのままだとautolayoutに従って、テキストにかぶって画像が表示されています

もし足りない情報があれば、教えていただけたら助かります
よろしくお願いいたします。

Answer 1

テキストビューの高さはviewcontrollerで指定した内容によって、変化するようにしていて、イメージビューをそのテキストビューのから一定距離のところに配置したいです

2オブジェクト間の距離は一定にということであれば、
imageview上からTexttest上へcontrolキーを押しながらドラッグすると、どのプロパティに対してconstraintを張るかを指定できますが、いかがでしょう。

Comments

[meia]

回答ありがとうございます！こんな便利な方法があるとは知りませんでした！

おっしゃっていただた通りに試してみたのですが、画像の位置は移動したのですが、やはりテキストビューにイメージビューがかぶってしまいました…

testtext.sizeToFit()がviewDidLayoutSubviews()にあるのが原因かと思って、viewWillAppearの方に入れてみたのですが、そうすると今度はテキストビューが小さいままになってしまいました

続けて質問して申し訳ないのですが、何かいい方法はありますでしょうか？

[kensii]

imageviewはTesttextのどのプロパティに対してconstraintを付けましたでしょうか。
あとは予想になりますが、
記述したconstraintに関するコードを消してMyscroll>Viewに対してTesttextのconstraintをつけなおしてみるとどうなるかあたりでしょうか。

http://blog.asobicocoro.com/entry/2016/07/01/000419

[meia]

vertical spacingというものを使いました！

myscroll.addconstraints〜コードを消してみても相変わらずですね…
autolayoutの使い方が悪いんでしょうか…

Answer 2

スクロールビューはあまり関係ない話ですね。
動的に変化するけど初期状態をストボーで設計したいというのであれば、制約をコードとアウトレット接続するのが良いと思います。その際、TextViewのHeightの変更であればframeプロパティを操作するのでなく、高さの制約を操作するようにすれば下の部品もマージンを維持しつつ移動します。

buttonを押すとテキストビューの高さが変わり、伴ってラベルが動くサンプルです。画像の用意が面倒なのでラベルでやってます。ラベルのY座標をTextViewに依存するようにPinで上マージンを設定してください。

追記

sizeToFit()で高さを取る場合はこうなります

        textView.text = 内容
        textView.sizeToFit()
        textViewHeightConstraint.constant = textView.frame.height

Comments

[meia]

詳しく教えていただいてありがとうございます！

kensiiさんの方法だけでできなかったのは、constraintsの競合？もあったせいみたいです。
お2人のおかげで、思い描いていたものと同じようにできました！