web-dev-qa-db-ja.com

iOSを中央に配置したスクリーンストーリーボードを起動する

1-アプリでLaunchScreen.storyboardを使用したい

2-この起動画面では、画面の中央にブランドイメージを挿入する必要があります

誰も私を助けることができますか？

iosxcodestoryboardlaunch-screen
13
Jhonsore

わかった！

ステップ画像とのリンクはこちら：

1-タブで起動ファイルを設定>一般

2-ProjectナビゲーターでLaunchScreen.storyboardを選択し、ファイルインスペクターで[起動画面として使用]オプションをオンにします

3-Views Controllerシーン内にImageViewをドラッグアンドドロップする

4-前に追加したImageViewを選択し、幅と高さを変更します。幅x高さ200

まず、ボックスをチェックし、サイズの値を変更した後

[2つの制約を追加]ボタンをクリックします

5-ImageViewを選択した状態で、位置を変更して一元化します。

まず、ボックスをチェックし、サイズの値を変更した後

[2つの制約を追加]ボタンをクリックします

6-ほぼ完了!!!

自動レイアウトの問題を解決し、「自動レイアウトの問題を解決」ボタンをクリックしてフレームを更新しましょう

7-画像を選択する時が来ました

ImageViewが選択された状態で> Atributes Inspectorタブに移動し、必要な画像を選択し、その拡張子を削除することを覚えておいてください（実際のデバイスでアプリをビルドすると画像が表示されるので注意してください!!!）.

8-したがって、CMD + Rでアプリをビルドして実行します。ほら!!!!!

38
Jhonsore

残念ながら、@ Jhonsoreの答えはうまくいきませんでした。

動作させるために私がしたことは次のとおりです。

！注これは、React Native init

画像ファイルを追加する

1）image.xcassetsで、右クリックしてNew Image Setを選択します。画像の3つの異なるサイズ（@ 1x、@ 2x、@ 3x）を作成し、1x、2x、3xのスロットにドラッグして画像を追加します。 3xの場合、1200ピクセルを超えるサイズを推奨します。

New image set

2）新しいイメージに名前を付けて、初期値として：splash

起動画面の作成

1）プロジェクトを右クリックし、新規ファイル...をクリックします、起動画面を追加します。

2）プロジェクトを選択し、一般->アプリアイコンと起動画像->画面ファイルの起動新しく作成した起動画面を選択します

Launch screen file

3）起動画面を開く

4）SelectView Controller Scene-> View Controller

Launch Screen.storyboard

5）右側のパネルで、シミュレートされたメトリックス->サイズを選択して変更しますページシート

Choose Page Sheet

6）左側のパネルで、2つのテキスト入力（著作権とプロジェクト名）を削除します

7）スクリーンショットに示されているボタンをクリックして、画像ビューを追加します下とドラッグしてビューの中心に

Add Image View

8）画像ビューが選択された右側のパネルで、View-> Content Mode-> Aspect Fit。また、**画像表示->画像を選択して画像を追加します

enter image description here

10）Size Inspector（ルーラーアイコン、スクリーンショットを参照）および見栄えの良い幅と高さを選択します（これにより他の画面サイズに拡大縮小されます）。

enter image description here

11）水平および垂直の両方の青い線が表示されるまで画面の中央に画像をドラッグします

12）最後に、Autoresizingの下で、矢印でウィンドウを変更します。上記のスクリーンショットのように見えます。すべての外側矢印を選択解除し、すべての内側矢印を選択する必要があります。

結果

iphone xs maxenter image description here

トラブルシューティング：画像がシミュレータに表示されない場合は、再起動するか、別のデバイスを選択してください。

バスイメージクレジット： Eliott Van Buggenhout

2
Attaque