啟動帶有居中圖像 iOS 的屏幕情節提要

Question

1 - 我想在我的應用程序中使用 LaunchScreen.storyboard

2 - 在此啟動屏幕中，我需要在屏幕中央插入品牌形象

有人可以幫助我嗎？

Answer 1

不幸的是，@Jhonsore 的答案對我不起作用。

這是我為使其正常工作所做的工作：

!注意這也適用於 React Native init 附帶的 .xib 文件

添加圖像文件

1)在 image.xcassets 下，右鍵單擊並選擇New Image Set 。 創建三種不同尺寸的圖像（@1x、@2x、@3x）並通過將圖像拖入 1x、2x、3x 的插槽來添加圖像。 對於 3x，我建議大小超過 1200 像素。

2）命名新圖像集的東西，例如：飛濺

創建啟動屏幕

1)右鍵單擊您的項目，單擊New File... ，然后添加一個 Launch Screen。

2)選擇您的項目，然后在General->App 圖標和啟動圖像->Launch Screen File 下選擇您新創建的 Launch Screen

3)打開啟動畫面

4)選擇視圖控制器場景->視圖控制器

5)在右側面板中選擇Simulated Metrics->Size並將其更改為Page Sheet

6）在左側面板中刪除兩個文本輸入（版權和項目名稱）

7）通過單擊下面屏幕截圖中顯示的按鈕並將其拖動到視圖的中心來添加圖像視圖

8)在選擇 Image View 的右側面板中，選擇View->Content Mode->Aspect Fit 。 還可以通過選擇 **Image View->Image 添加您的圖像

10）轉到尺寸檢查器（標尺圖標，見截圖）並選擇一個看起來不錯的寬度和高度（這將縮放到其他屏幕尺寸）。

11)將圖像拖到屏幕中央，直到看到水平和垂直的藍線

12)最后，在Autoresizing下用箭頭更改窗口，所以它看起來像上面的屏幕截圖。 應取消選擇所有外部箭頭並選擇所有內部箭頭。

結果

故障排除：如果您的圖像未顯示在模擬器上，請嘗試重新啟動它或嘗試選擇其他設備。

巴士圖片來源： Eliott Van Buggenhout

Answer 2

我明白了！

這是包含步驟圖像的鏈接：

1 - 在選項卡 > 常規中設置啟動文件

2 - 在項目導航器中選擇 LaunchScreen.storyboard，在文件檢查器中選中“用作啟動屏幕”選項

3 - 在視圖控制器場景中拖放一個 ImageView

4 - 選擇之前添加的 ImageView，更改其寬度和高度。 我把 wxh 200

首先，選中該框，然后更改大小值

單擊“添加 2 個約束”按鈕

5 - 選擇 ImageView 后，更改位置以將其居中。

首先，選中該框，然后更改大小值

單擊“添加 2 個約束”按鈕

6 - 快完成了！！！

現在讓我們解決自動布局問題，單擊“解決自動布局問題”按鈕並更新框架

7 - 是時候挑選我們的形象了

選擇 ImageView 后，轉到 > Atributes Inspector 選項卡並選擇您想要的圖像，記住刪除其擴展名（這是訣竅，因為在真實設備上構建應用程序時可能會注意到圖像，發生在我身上！！！）。

8 - 所以，CMD+R 來構建和運行你的應用程序。 瞧！！！！

Answer 3

我用響應式設置解決了它

在 Attribute Inspector -> Content Mode -> Aspect Fill

在尺寸檢查器 -> 布局 -> 自動：

添加新約束 -> 如下圖所示填充，然后單擊添加 5 個約束

Answer 4

唯一對我Images.xcassets解決方法是在Images.xcassets文件夾外添加圖像。 在我修改並重建應用程序后，它按預期工作。

同樣的問題發生在iOS 14或XCode 12 。

從Images.xcassets中將圖片移出到文件外面，可以重新構建應用即可。這個為題chu