iOS開発Swift-9-SFSymbols、ページジャンプ、画面比率表示、スタートページ-合豊天気AppUI

1. プロジェクトを作成する

 2. テストモデル、アプリ表示名を設定し、横画面を閉じます。

 3. SF シンボルをダウンロードします。

https://developer.apple.com/sf-symbols/

右上の「検索」を選択すると、システムに付属しているアイコンがたくさんあるので、好きなアイコンを選択し、アイコンの名前をコピーします。

 ボタンを挿入し、画像にアイコン名を貼り付けて選択すると、ボタンが目的のアイコンに変わり、それに X 軸制約と Y 軸制約が追加されます。

4. 温度ラベルを追加し、スタイルを Thin、サイズを 100 に設定します。それに X 軸制約と Y 軸制約を追加します。

 5. 天気アイコンのマテリアルをすべて Assets に追加します。追加したマテリアルをすべて選択し、左下隅のプラス記号 ➕ をクリックして、[選択] から [フォルダー] を選択し、すべてのマテリアルをフォルダーに追加し、アイコンという名前を付けます。

 6. Main にイメージ ビューを追加し、プレースホルダーとして画像 100 を選択し、水平センタリング制約と y 軸制約をイメージ ビューに追加します。

 7. ライトブルーの単色の背景をアプリに追加し、上、下、左、右のビュー間の距離が 0 であるという制約を追加します。

 8. 右上隅のプラス記号をクリックして View Controller の新しいページを追加し、新しいページのボタンを追加し、タイトル、画像、サイズを変更します。

 9. 入力ボックスとボタンを備えたスタック ビューを追加し、スタック ビューを画面にドラッグして、[等幅] を選択します。

 ルーラーバー内の比例幅をダブルクリックします。

 マルチプラーを 0.6 に変更します。これは、スタック ビューが全画面幅の 60% を占めることを意味します。スタック ビューの制約を追加します。

 10. 検索アイコンを選択し、Ctrl キーを押して 2 ページ目にドラッグし、「モーダルで表示」を選択します。

中央の矢印をクリックして、画面スタイルを全画面に変更します。

 11. スプラッシュページを作成する

おすすめ

転載: blog.csdn.net/LYly_B/article/details/132683376