1. 新しいプロジェクトを作成する
「ファイル」→「新規」→「プロジェクト」をクリックします。
[シングル ビュー アプリ] を選択し、[次へ] をクリックします。
ファイル情報を入力し、「次へ」をクリックします。
ファイルの場所を選択し、「作成」をクリックします。
アプリの表示名を「Appreciate the Moon」に変更します。
2. 背景色を設定する
「メイン」を選択し、「表示」インターフェースをクリックして、右側のプロパティを選択し、「背景」をクリックして背景色を選択します。
3. ピクチャビューを作成する
コンポーネント ライブラリでイメージ ビューを見つけて、インターフェイスにドラッグします。
ルーラーをクリックし、[幅と高さ] で画像とビューの幅と高さを 100 に調整し、画像をビューの中心にドラッグします。
Assets パッケージを開き、画像リソースをパッケージにドラッグします。
4. 2x、3x ピクセル画像の準備
画像をダブルクリックすると、画像の鮮明さを確保するために、画像の 2 倍および 3 倍の画像をアップロードする必要があることがわかります。
画像変換URLを開きます: https: //www.appicon.co
[画像セット] 列に移動し、[3x]、[iOS] を選択し、画像を Web ページにドラッグ アンド ドロップします。「生成」をクリックします。
ダウンロードが完了したら、3 つの写真を選択し、アセット パッケージにドラッグします (元の FullMoon の写真を忘れずに削除してください)。
5. 画像を選択します
Main ファイルで、Image View を選択し、Image FullMoon を選択すると、Image View ラベルが月の画像になります。
6.アプリアイコンの作成
キャンバス: https://www.canva.cn
新しいデザインを作成するには、ピクセル 1024*1024 を選択します。
画像をデザインして png としてエクスポートします。
画像変換URLを開きます: https: //www.appicon.co
アプリアイコンを選択し、iPhoneを選択し、素材画像を画像ファイルにドラッグし、生成をクリックしてダウンロードします。
Assets フォルダーを開き、元の Appicon を削除し、新しい AppIcon.appiconset を Assets フォルダーにドラッグします。
7. コンパイルして実行する
[製品] - [ビルド] をクリックしてソフトウェアをコンパイルします。
コンパイルに成功しました。
プログラムを実行します。
8. 背景画像を置き換えます。
画像変換URLを開きます: https: //www.appicon.co
将素材中的背景图转换为2x,3x形式。
下载好的素材拖入Assets中。
创建一个与屏幕大小一致的Image View,将图片设置为bg。
调整图片层级使月亮在上方。
调整月亮大小为300*300,并拖到画面中间。
9.启动。