【Swift】広さや高さ、中央揃えなどの配置の編集(Add New Constraints)

この記事は約2分で読めます。

現役エンジニアがおすすめするプログラミングスクール!

自宅で学べるオンラインのプログラミングスクール【TechAcademy】

TechAcademyはオンライン完結型の受講タイプです。20以上の豊富なコースから好きなものを選択して学習できます。

メンターも質問にきちんと応じてくれて、第13回 日本e-Learning大賞、プログラミング教育特別部門賞ともに受賞しています。

Webアプリ、Webデザインのみならず、ブロックチェーンやデータサイエンス、動画作成のコースなど幅広いです。


無料相談はこちら!


Webデザインスクール「デジタルハリウッド STUDIO by LIG」

Web制作会社(株式会社LIG)が運営するスクールなので、より専門的なWebデザイン技術を身につけることが可能です。コンサルタントによる厚い転職支援もあるので、Webデザイナーとしての就職ができます。

未経験でも6ヶ月でWebデザイナーになれます。


無料相談はこちら!


テックキャンプ デザイナー転職(旧:【TECH::EXPERT】デザインスクール)

エンジニア転職に向いています。案件が獲得できなかった際は、全額返金保証してくれます。

家にいながら仕事がしたい、副業で収入をあげたい方向けです。


無料相談はこちら!


SkillHacks(スキルハックス) オンラインプログラミングスクール

ハッカソンや開発コンテストで優勝経験ありの実力派エンジニアからWebアプリケーションの開発手法のすべてを学べます。


無料相談はこちら!

ポートフォリオ制作実績

配置の編集で必要となる対象物を作っておきます。

まずは最初に以下のページで先にUIImageViewとLabel、Buttonを作っておきましょう。

【Swift初心者】Xcode基本操作まとめ!ボタンやライブラリ、ラベルのUIパーツはどこ?
まずは、初心者や初学者のために、ボタンや文字を挿入するところまで、基本操作としてプログラミングしてみます。 このボタンや文字などのことを、SwiftまたはXcode内では、UIKitと読んでいます。UIパーツとも呼ばれて親しまれている...

Add New Constraintsを使ってプログラミングします。

スポンサーリンク

【Swift】広さや高さ、中央揃えなどの配置の編集(Add New Constraints)

続いてそれぞれの配置を細かく編集しましょう。

まずはButton(ボタン)の配置を編集します。Button(ボタン)を選択。

右下にあるAdd New Constraintsをクリックしましょう。

赤枠のように入力してみましょう。

位置がスマホアプリらしくすっきりしました。

ちなみに設定を取り消してデフォルトに戻したい場合は右側に表示される定規マークの中のConstraintsからそれぞれ選択して削除しましょう。

 

併せてLabel(ラベル)の配置も変えてみましょう。Label(ラベル)を選択したら、同じく右下のAdd New Constraintsをクリックして以下のように編集しましょう。

これでLabel(ラベル)の位置がすっきりしました。

最後にImage Viewの配置も変えてみましょう。Image Viewを選択したら、同じく右下のAdd New Constraintsをクリックして以下のように編集しましょう。

これでImage Viewの位置もすっきりしました。

配置の編集がそれぞれできました。

スポンサーリンク

【Swift】水平、垂直位置の配置の編集(Add New Alignment)

水平位置と垂直位置はAdd New Alignmentで調整しましょう。

水平位置ではマイナス方向になると左側、

プラス方向になると右側になります。

 

 

 

 

タイトルとURLをコピーしました