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

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

新規登録して質問してみよう
ただいま回答率
85.50%
iOS

iOSとは、Apple製のスマートフォンであるiPhoneやタブレット端末のiPadに搭載しているオペレーションシステム(OS)です。その他にもiPod touch・Apple TVにも搭載されています。

Xcode

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

Swift

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

Q&A

解決済

1回答

215閲覧

オートレイアウトの設定がうまくいかない

sena14

総合スコア109

iOS

iOSとは、Apple製のスマートフォンであるiPhoneやタブレット端末のiPadに搭載しているオペレーションシステム(OS)です。その他にもiPod touch・Apple TVにも搭載されています。

Xcode

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

Swift

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

0グッド

0クリップ

投稿2018/12/02 05:27

オートレイアウトがうまくいきません。

下記の画像の様に
A StackView(ImageView Label ImageView)
B Label
C View(ImageViewを2×2)
で並べたいです。

実現したいもの

ImageViewは全て正方形です。

現在A、B、CをStackViewに入れて並べています。Aが上2割。Cが下5割。Bが余った3割で表示したいです。

現在の設定は
1、全てのImageViewにaspectRatioで1:1を設定
2、CにもaspectRatiocを設定
3、equalHeightでCの中のImageViewの高さをCの0.45に設定
4、equalHeightでAの高さを画面全体の0.2に設定。同じくCを0.5に設定

問題点が2点あり
1、画面の横幅が大きくなるとAのImageVIewが左右限界まで開いてしまう。(Labelの幅が伸びてしまう)
2、画面の横幅が大きくなるとCの1:1が無視され左のImageView2つと右の二つが離れてしまう。

よろしくお願いします。

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

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

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

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

fuzzball

2018/12/04 09:04

なぜStackViewを使っているのでしょうか?
sena14

2018/12/04 10:28

縦横一列にまとめる時はStackViewに入れるのが良いと教わったのですが何か不都合があるのでしょうか?
fuzzball

2018/12/05 00:55 編集

StackViewは、ある程度おまかせで緩くAutolayoutしたいときに使うという認識です。ガチガチに制約付けたいなら、普通に付けた方が早いような気がするのですが。(現在、その「おまかせ」の部分を制御しようとして苦労しているわけで) 【閑話休題】で、問題点1の「左右限界まで開いてしまう」は、どうしたいのでしょうか?また、Cの中のImageViewの位置に関する制約を書いて下さい。
sena14

2018/12/11 10:38

ありがとうございます!StackViewから出したら無事できました
guest

回答1

0

自己解決

StackViewから出すことで解決

投稿2018/12/11 10:39

sena14

総合スコア109

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問