让 AI 做 App 启动页

上周让AI做了一个跑步APP的设计图。为了验证执行效果，后面直接让AI把这个APP的代码实现了。
想着，顺便就提交一下App Store上架一下吧。

上架的时候才发现前面的 aI设计、 AI编程，大概只是完成了30%左右的工作量, 后面自己做测试，自己要一个一个页面的去做审查, 才是花时间的大头。

本来我想的是，优化一下整个流程，就是让AI能够搭建测试的CI，或者说UI测试。然后它通过Xcode Cloud工具自动截图，然后去对比设计图。但是觉得这个也目前来说太复杂了，没有太大的兴致去弄。 而且这个总共20来个页面，好像也没必要去做这些东西。

自己检查的时候就发现, 启动页面那个图片, 直接就是APP的图标，一个正方形的大图片。

我直接让AI根据我的项目，做一个适合的启动页的图片。如图一 。

我自己测试了一下，我发现在不同尺寸的屏幕大小上面，它顶上跟底部它是空白的，中间显示的是这张图片。如果是全屏显示的话，图片就会被压缩或者被拉伸。

跟AI讨论了一番方案，最后决定用Xcode自带的Storyboard来解决这个问题。如图三。解决的方案其实就是把这个图片分为一个前景和一个背景，背景的话是不变的是可以拉伸的，但是作为人物的前景，它是不会拉伸的。这样实现下来，整体来说效果也还勉强可以。

方案是：
1、让 AI 理解当前 App 的风格
2、生成一张适合全屏铺满的背景图
3、再生成一张透明背景的主体图
4、用启动页布局文件把两张图叠起来
5、背景铺满全屏，主体按比例居中显示

考虑到这个通用性还挺强的，如果要做APP的话，都可以用到这个方式来生成，所以把它总结成了提示词，用这个提示词就可以直接让AI生成对应的启动页。提示词我放在下面的评论区。

顺便我提交了一个 TestFlight 测试版：

https://testflight.apple.com/join/cUgRgUZD

复制链接到浏览器打开即可