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

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

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

Xcode 7は、ソフトウェア開発のためのアップルの統合開発環境であるXcodeのバージョン。UIを作成するために用いるグラフィカルツールです。iOS9/OS X El Capitan/watchOS2に対応。Swift 2コンパイラーが搭載されています。

Swift 2

Swift 2は、Apple社が独自に開発を行っている言語「Swift」のアップグレード版です。iOSやOS X、さらにLinuxにも対応可能です。また、throws-catchベースのエラーハンドリングが追加されています。

Q&A

解決済

1回答

2054閲覧

AutoLayoutの設定でボタンなどの部品の位置についてPinで制約を加えた後に生じる見た目について

true

総合スコア440

Xcode 7

Xcode 7は、ソフトウェア開発のためのアップルの統合開発環境であるXcodeのバージョン。UIを作成するために用いるグラフィカルツールです。iOS9/OS X El Capitan/watchOS2に対応。Swift 2コンパイラーが搭載されています。

Swift 2

Swift 2は、Apple社が独自に開発を行っている言語「Swift」のアップグレード版です。iOSやOS X、さらにLinuxにも対応可能です。また、throws-catchベースのエラーハンドリングが追加されています。

0グッド

0クリップ

投稿2016/04/24 07:47

いつもありがとうございます。

Pinで位置の調節などを行ったあと、元の部品(ボタンなど)の分身?みたいなものが現れるんですがこれは無視していいのでしょうか?

具体的には図の中で住所検索というボタンを作った後に、Pinでtopを40の制約を加えただけです。そうするとそのボタンの下にオレンジの点線で囲まれたボタンのようなものが副産物として勝手に生成されてしまいました。

また、細かいことですが、上のテキストボックスから40の距離を示すオレンジ色の線も発生していますが中央のラインより微妙に右にズレています。こうしたことは無視していて大丈夫でしょうか?

イメージ説明

よろしくお願い致します!

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

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

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

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

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

guest

回答1

0

ベストアンサー

オレンジのラインは制約と現在の座標/サイズなどが一致していないときに表示されます。
※fuzzballさんのコメント頂いたので修正

実際に実行するとオレンジのラインの場所に自動で移動されます。
※ボタンサイズが小さくなり、上のテキストフィールドからの位置が40になります。

以下の様に設定すると解決できます。
image

⑤ の項目をダブルクリックすると以下の画面になるので設定してください。

image

以下でオレンジのラインは消えると思います。

投稿2016/04/24 08:50

編集2016/04/24 14:35
_Kentarou

総合スコア8490

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

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

fuzzball

2016/04/24 09:27 編集

オレンジになるのは、制約が不足しているときではなく、制約と現在の座標/サイズなどが一致していないときです。
true

2016/04/24 09:45

図解入りでありがとうございます!制約自体を今ある現状に合わせるか、制約の方に合わせるかすればよいのですね。fuzzballさんも補足ありがとうございます!いろいろと勉強になりました。
_Kentarou

2016/04/24 14:32

warningが「will be different at run time」と書いてあったのでfuzzballさんの言う通りでした、修正します。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問