横並びとベースライン
前回はこちら
紆余曲折を経て、エミュレータでもきちんと表示されるようになりました。後ろの黄色い三角が気になりますが、そちらはおいおい解決していくことにして先へ進めます。
今回はデザインを変更して、タイトルと入力欄を横並びに変更します。
まず名前入力欄の左側の制約ハンドル（赤丸で囲った部分）をクリックして「名前」の右側の制約ハンドルに、そして上の制約ハンドルは「tvTitle（必要な情報を入力してくださいのところ）」の下の制約ハンドルにつなげます。
こうして……
こうすることで、
名前（というタイトル）
名前入力欄
という配置が
名前 入力欄
に変更されました。
ただ、タイトルと入力欄のベースライン（上下の位置）が少しずれてしまっています。これを合わせるには
「名前」欄にカーソルを合わせると出てくるマーク１をクリック後、名前欄に出てくる緑色のベースラインをドラッグして入力欄のベースラインと合わせます。
目分量で下へ引っ張らなくても大丈夫、入力欄のベースラインまで矢印を引っ張れば……
「名前」と入力欄のベースラインがそろいました！同じように「メールアドレス」と「質問内容」も横並びに修正します。
配置が横並びになってベールラインもそろい、エミュレータでも確認ができました。次回は「ガイドラインを利用する」へ進みます。
ここから先は
0字
¥ 100
この記事が気に入ったらサポートをしてみませんか？