Xamarin.Forms iOS 使用故事板的全屏图像启动画面
Xamarin.Forms iOS full screen image splash screen using storyboard
在我的 Xamarin Forms 应用程序中,我使用 Storyboard 作为启动画面,
在启动画面中,我需要显示全屏图像启动画面,所以我所做的是添加资产图像和内部资产图像,我添加了不同的图像大小 1x 2x 3x。
在我的故事板上,我有这个设置
知道我设置了不同尺寸的不同图像,当我 运行 我的应用程序来自不同的设备模拟器时,我仍然遇到问题。带有全屏图像的启动画面变得很奇怪。
请看下面的图片了解结果
非常感谢任何人在那里分享关于此的示例解决方案。
根据你的第二张图片,我可以看出你的问题出在约束上。如您所见,ImageView 周围有红线。这意味着您的约束存在一些需要修复的问题。发生的事情是 iOS 在呈现您的页面时可能会遇到问题,并且它正在尽一切可能。
如果你想用你的图像覆盖启动画面上的整个屏幕(全屏),对我有用的限制是:
ImageView -> Top Space Equal 0 to SuperView
ImageView -> Leading Space Equal 0 to SuperView
ImageView -> Equal Height 0 to SuperView
ImageView -> Equal Width 0 to SuperView
上面的代码会将图像定位在左上角和上角,然后它将与您的 SuperView 的相同宽度和高度相匹配。这样,无论 Superview 的大小是多少,ImageView
都会相应更新。
要添加的其他内容是将 ImageView
ContentMode
更改为 AspectFill。
希望这对您有所帮助。
不要在资源中添加图像,而是将转换后的图像添加到资源文件夹中。
对于启动画面图像调整,请遵循此 link
https://tomsoderling.github.io/Use-all-the-space-on-iPhone-X/
在我的 Xamarin Forms 应用程序中,我使用 Storyboard 作为启动画面, 在启动画面中,我需要显示全屏图像启动画面,所以我所做的是添加资产图像和内部资产图像,我添加了不同的图像大小 1x 2x 3x。
根据你的第二张图片,我可以看出你的问题出在约束上。如您所见,ImageView 周围有红线。这意味着您的约束存在一些需要修复的问题。发生的事情是 iOS 在呈现您的页面时可能会遇到问题,并且它正在尽一切可能。
如果你想用你的图像覆盖启动画面上的整个屏幕(全屏),对我有用的限制是:
ImageView -> Top Space Equal 0 to SuperView
ImageView -> Leading Space Equal 0 to SuperView
ImageView -> Equal Height 0 to SuperView
ImageView -> Equal Width 0 to SuperView
上面的代码会将图像定位在左上角和上角,然后它将与您的 SuperView 的相同宽度和高度相匹配。这样,无论 Superview 的大小是多少,ImageView
都会相应更新。
要添加的其他内容是将 ImageView
ContentMode
更改为 AspectFill。
希望这对您有所帮助。
不要在资源中添加图像,而是将转换后的图像添加到资源文件夹中。
对于启动画面图像调整,请遵循此 link https://tomsoderling.github.io/Use-all-the-space-on-iPhone-X/