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

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

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

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

Swift

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

Q&A

解決済

2回答

2118閲覧

AutoLayoutを使ってオブジェクトの左右の制約を0pxにした時にマージンが反映されない (左右の端まで伸びてしまう)

ijuya_yika

総合スコア50

Xcode

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

Swift

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

0グッド

0クリップ

投稿2018/08/04 03:11

編集2018/08/09 03:42

前提・実現したいこと

以下の画面のようにVertical StackLeadingTailingのエッジを0に設定後、デフォルトで設定されている16pxのマージンが追加されるようにしたい。

制約追加前
↑制約を追加する画面

↓制約追加後の画面
制約追加後

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

マージンが追加されない

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

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

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

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

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

fuzzball

2018/08/06 00:39

まず、StackViewの制約を正しく付けてください。
fuzzball

2018/08/06 00:42

「デフォルトで設定されている16pxのマージン」とは、どこのマージンのことでしょうか?
ijuya_yika

2018/08/06 14:32 編集

制約を正しく付ける => Y位置の制約のことでしょうか? どこのマージンのこと => ここのサイト(http://www.cl9.info/entry/2015/05/24/193215)で見るとConstrain to Marginsに選択肢を入れてLeadingとTailingに0pxの制約を追加すると16pxのデフォルトのマージンが追加されるとあるのでそのマージンのことを話してます
guest

回答2

0

ここを見るとXcode9以降SafeAreaが導入されてから左右のマージンの制約を0にした時に左右の端まで伸びてしまうようです。解決法としてはView > Utilities > Show File Inspectorを選択後、Use Safe Area Layout Guidesのチェックボックスを外せば解決しました。また左右の制約を0pxに設定するオブジェクトが既にマージンからはみ出ている場合は、一旦マージンの中にオブジェクトを移動してから制約を追加しないとオブジェクトを端まで伸ばされてしまうので注意です。(ただしiphoneXではSafeArea必須なのでiphoneXの場合の解決策にはなっていないかも)

投稿2018/08/09 03:24

編集2018/08/09 03:26
ijuya_yika

総合スコア50

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

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

0

ベストアンサー

これのことかな?
該当する制約を選択してrelative to marginにチェック?
イメージ説明

回答追記

追加してこれかな? (作業中のため乱雑な回答ご容赦ください。)
http://karur4n.hatenablog.com/entry/2015/06/07/230800
それとY方向の位置の制約?が足りていない(赤い警告線がある)ので付けてあげてください。
不足している情報があると意図したサイズになってくれないことが多いです。

投稿2018/08/04 03:19

編集2018/08/04 06:01
退会済みユーザー

退会済みユーザー

総合スコア0

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

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

ijuya_yika

2018/08/04 03:39

ご指摘通り変えて見た所、特に変化がない状態です。
退会済みユーザー

退会済みユーザー

2018/08/04 04:46

違ってたようですね、お役に立てず申し訳ない。
ijuya_yika

2018/08/06 14:38

追記回答ありがとうございます。ご指摘通りY方向の位置の制約を追加したらマージンが追加されました。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.50%

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

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

質問する

関連した質問