iPhone Xシミュレータの上部と下部に黒いバーが表示される


132

iPhone Xシミュレーター(GMシード)でアプリを実行すると、2つの奇妙な効果が発生します。

  • アプリが全画面スペースを使用しない(上部と下部の領域が黒)
  • タイトルバーの下にある奇妙な白いバー

ここに画像の説明を入力してください

ここで何が起こっているのか、そしてこれを解決する方法を誰かが知っていますか?Interface Builderで新しい設定が見つかりません。


1
起動画面ファイルまたは起動画像を使用していますか?自動レイアウトを使用していますか?
rmaddy 2017

1
起動画像と自動レイアウト
Darko

3
より簡単な起動画面ファイルの代わりに、古いスタイルの起動画像を使用するのはなぜですか?とにかく、新しい画面サイズに必要な新しい起動画像を追加しましたか?
rmaddy 2017

iPhone Xサイズの起動画像が見つかりません。しかし、起動画面を使用すると、両方の問題が解決しました。回答を編集してください。回答済みとしてマークします。ありがとう!
Darko

5
起動画像は使用しないでください。Launch Screen.storyboard代わりに使用してください
onmyway133

回答:


186

(はるかに簡単な起動画面ファイルの代わりに)起動画像を使用する場合は、サポートするデバイスのサイズごとに適切なサイズの起動画像を提供する必要があります。追加の起動画像を追加すると、アプリは新しい画面サイズを利用できるようになります。

新しいiPhone Xには、1125px×2436pxのサイズの起動画像が必要です。これは、375pt×812ptの3x画像です。

もちろん、個別の起動画像の代わりに起動画面ファイルを使用するように切り替えると、アプリは追加の作業なしですべてのデバイスサイズに自動的に適応します。


2
新しいiphoneXイメージを起動画面に統合する方法について詳しく説明できますか?Xcode 9に追加する画像セットにはiphoneXスロットがなく、画像セットのみが起動します。
クリスチャンセリ2017

1
@ChristianCerri画像セットはデバイスに関連付けられていません。1x、2x、3xのオプションのみを提供します。発射画像について言及していました。これらは唯一のデバイス固有のイメージです。起動画面への異なるサイズの画像の追加について質問がある場合は、その問題に固有の質問を投稿してください。
rmaddy 2017

19
iPhone Xシミュレータの上部と下部にあるブラックバーに関連する地獄の起動画像はどうですか?
TomSawyer 2017

1
@TomSawyerアプリが起動画面ストーリーボードを使用しない場合、起動画像によってアプリがサポートする画面サイズが決まります。
rmaddy 2017

1
それでも黒いバーが表示され、起動画面を使用している場合は、@ sabilandからの回答を参照してください。この答えは、iPhone X.に対して適切に起動画面を設計する方法についてちらほらで補充することができれば素晴らしいだろう
Crashalot

36

iPhone Xでこの問題を見つけました。起動画像のサイズ(1125 * 2436px)以下の手順に従ってください。1.i)Xcodeでプロジェクト名を選択します。ii)プロジェクトターゲットを選択しますiii)次に、起動画像ソースを選択します ここに画像の説明を入力してください

  1. 移行ポップアップを取得できますi)アセットを選択ii)移行を選択

ここに画像の説明を入力してください

  1. その後、プロジェクトでAssets.xcassetsを選択します ここに画像の説明を入力してください

  2. 次に、アセットの起動画像を選択しますi)次に、属性インスペクターを選択しますここに画像の説明を入力してください

  3. 最後に、起動画像ソースを確認します。あなたはセットの起動画像を見ることができます。

ここに画像の説明を入力してください


写真に賛成。ただし、最後の画像の「起動画面ファイル」テキストフィールドから「LaunchScreen」テキストをクリアする必要があります。
NadtheVlad 2017年

ありがとう@NadtheVlad。Launch Screen Fileから "LaunchScreen"テキストを消去し、XcodeからLaunchScreen.Storyboardファイルを削除してください。
Karthickkck 2017年

ありがとう!私のアプリは縦向きのみなので、問題を引き起こしていたのはLaunch Imageの横向きチェックボックスでした。
green0range

ありがとう、同じ問題があり、起動イメージ(SDL2アプリケーション)を追加することで解決しました
Viktor Sehr


14

私は修正方法を見つけました(これがなぜiPhone Xでのみ発生したのかはまだわかりませんが)。

1つのUIImageViewを備えたLaunchScreenストーリーボードがあります。

UIImageViewのトップ&ボトムに固定する必要があるスーパーの トップ&ボトムSafeAreaではありません。


これで、Autolayoutを備えたLauchScreenに関する私の問題が解決しました。しかし、境界線に固定するのではなく、水平方向と垂直方向の中央に配置し、幅/高さをSuperViewと同じにしました。
Yuri Natividade 2017

これは、レイアウトガイドではなく、他のストーリーボードのビューをビューの上部/下部に固定した後にのみ機能しました。iPhone Xモードでストーリーボードを確認してください。
Crashalot 2017年

制約を指定しようとすると、ストーリーボードにスーパービューが表示されない理由
rd_

10

テキストLanch Screen Fileフィールドにランダムなテキストを挿入するだけで修正しました。起動画面ファイルすらありません... XCodeはバグが多いです。

更新

これにより、バイナリがiTunes Connectにアップロードされたときにシミュレータで修正されますが(まだ非常に奇妙で予期せず)、「random-name」という名前のLanchScreenファイルが見つからないために失敗します。


iphone xで正しく機能します。しかし、他のデバイスの仲間には機能しません。
Govaadiyo 2017年

はいはい!これにより、xcodeで修正されます。ありがとう!テストにはこれで十分です。今後テストするxcodeの問題を回避するために、実際のiphone Xを購入します。
フィリスサザーランド

5

しばらく作業していなかったアプリを更新しようとしたときに、この問題に遭遇しました。

Xcode 9.4では、次のようにしてこれを修正できました。

  1. ファイル->新規->ファイル...->起動画面と進み、起動画面を追加します。

ここに画像の説明を入力してください

  1. 新しく追加された起動画面ストーリーボードがプロジェクト設定の起動画面ファイルとして選択されていることを確認します。

ここに画像の説明を入力してください


1

すでに1125px×2436pxの起動画像があるが、アプリがまだフルスクリーンを使用していない場合は、画像がPNGであることを確認してください。


1

LaunchScreen.storyboardを削除した場合。プロジェクトを選択し、プロジェクトターゲットを選択します。[全般]-> [アプリアイコンと起動画像]-> [起動画面ファイル]:LaunchScreen.storyboardの代わりにここでMain.storyboardを選択します。


1

この問題が発生しました...プロジェクトと正しいターゲットを選択すると、アプリアイコンと起動画面の画像タブの下にある「起動画面ファイル」に空白が表示されました。私はそれをデフォルトのLaunchScreenに設定し、私が直面したサイズ変更の問題は処理されました。


0

プロジェクトターゲットの起動画面ファイルが空に設定されていないことを確認してください。空の場合、問題が発生する可能性があります。ここに画像の説明を入力してください


ターゲットの一般的な問題でLaaunchscreen.storyboardを選択して問題を解決しました。
Aqib Zareen
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.