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