前回はこちら

紆余曲折を経て、エミュレータでもきちんと表示されるようになりました。後ろの黄色い三角が気になりますが、そちらはおいおい解決していくことにして先へ進めます。

　今回はデザインを変更して、タイトルと入力欄を横並びに変更します。

まず名前入力欄の左側の制約ハンドル（赤丸で囲った部分）をクリックして「名前」の右側の制約ハンドルに、そして上の制約ハンドルは「tvTitle（必要な情報を入力してくださいのところ）」の下の制約ハンドルにつなげます。

こうして……

こうすることで、

名前（というタイトル）
名前入力欄

という配置が

名前　入力欄

に変更されました。

　ただ、タイトルと入力欄のベースライン（上下の位置）が少しずれてしまっています。これを合わせるには

「名前」欄にカーソルを合わせると出てくるマーク１をクリック後、名前欄に出てくる緑色のベースラインをドラッグして入力欄のベースラインと合わせます。

目分量で下へ引っ張らなくても大丈夫、入力欄のベースラインまで矢印を引っ張れば……

「名前」と入力欄のベースラインがそろいました！同じように「メールアドレス」と「質問内容」も横並びに修正します。

　配置が横並びになってベールラインもそろい、エミュレータでも確認ができました。次回は「ガイドラインを利用する」へ進みます。