uni-app 自定义启动界面（storyboard方式）中图片尺寸疑问

发布于 1周前 作者 itying888 来自 Uni-App

uni-app 自定义启动界面（storyboard方式）中图片尺寸疑问

iPhoneX and iPad 9.7 Sizes

其中iPhoneX的尺寸是多少？iPad 9.7的尺寸是多少啊？还有这个@2x和@3x有什么区别？

我百度到的是 iPhoneX 是 1125 X 2436，iPad 9.7是 768 X 1024。

是不是按照这个设计就行？那@2x和@3x有啥区别？


Harmonyos Next教程
1 回复

在uni-app中，虽然它支持多平台开发（如H5、小程序、App等），但自定义启动界面（通常是iOS中的storyboard方式）主要涉及iOS原生开发部分。对于这部分内容，虽然uni-app本身不直接管理这些原生资源，但你可以通过配置和原生代码来实现自定义启动界面。

关于图片尺寸的问题，iOS应用启动界面通常需要准备不同尺寸的图片以适应不同分辨率的设备。以下是一个基本的示例，展示如何在Xcode中为iOS应用设置自定义启动界面，这些界面将最终与uni-app打包的应用一起使用。

1. 准备启动图片

你需要准备以下尺寸的启动图片（这些尺寸可能会随着iOS版本的更新而变化，请参考最新的Apple官方文档）：

  • iPhone 5s/5c/SE (1x): 640x1136
  • iPhone 6/7/8 (1x): 750x1334
  • iPhone 6 Plus/7 Plus/8 Plus (2x): 1242x2208
  • iPhone X/XS (2x): 1125x2436
  • iPhone XR (2x): 828x1792
  • iPhone XS Max/11 Pro Max (3x): 1242x2688
  • iPhone 11/12/13 (2x): 828x1792

2. 在Xcode中设置启动图片

  1. 打开你的uni-app项目在Xcode中的iOS原生工程。
  2. 在项目的Images.xcassets目录中，找到或创建一个LaunchImage集合。
  3. 为每个屏幕尺寸添加相应的启动图片，并设置正确的尺寸和标识符（如LaunchImage-800-600对应iPhone 6/7/8）。

3. 配置Info.plist

确保你的Info.plist文件中正确引用了LaunchImage集合，这样iOS就能知道在启动时应该使用哪些图片。通常，这一步在Xcode的图形界面中设置时会自动完成。

示例代码（非直接相关，但说明流程）

虽然启动图片的设置不涉及代码编写，但以下代码片段展示了如何在Xcode的Info.plist中引用启动图片集合（假设你已经通过图形界面设置了这些图片）：

<key>UILaunchImages</key>
<array>
    <dict>
        <key>UILaunchImageName</key>
        <string>LaunchImage</string>
        <key>UILaunchImageMinimumOSVersion</key>
        <string>8.0</string>
        <key>UILaunchImageOrientation</key>
        <string>Portrait</string>
        <key>UILaunchImageSize</key>
        <string>{375, 667}</string> <!-- Example size for iPhone 6/7/8 -->
    </dict>
    <!-- More entries for other sizes -->
</array>

注意：从iOS 8开始，Apple推荐使用Launch Screen File（一个.storyboard或.xib文件）而不是UILaunchImages字典来定义启动界面，因为它提供了更多的灵活性和动态性。不过，原理类似，你需要为不同的屏幕尺寸准备相应的视图布局。

回到顶部