Xamarin StudioのAuto Layoutについて

Question

Xamarin Studioで幅は画面と同じ大きさ、高さが画面の幅に対して50%のViewを作りたいのですが、どのように行ったら良いのでしょうか？

Answer 1

デザイナを使う想定で回答します。

対象Viewを２回ほどクリックしてAuto Layoutのアンカーを表示します。

左右のアンカーをドラッグ＆ドロップして画面(親View)の端に接続します。

左右それぞれのConstraint(Hrizontal Spacing)のConstantの値を0に変更します。

ここまでで対象のViewの横幅は画面(親View)の幅と同じになりました。
高さが横幅に対して50%ということなので、縦横比が1:2となるようAspect Ratioをセットしてやれば良いかと思います。

対象のViewを２回ほどクリックしてアンカーを表示します。
今度は右側のI字型のアンカーをクリックして「Aspect Ratio」をクリックします。

新しく作られたConstraint(Aspect Ratio)のMultiplierの値を2:1に変更します。

Viewの横幅が画面と同じ、高さが横幅の50%になりました。

Comments

[ryogaelbtn]

ありがとうございます！