HBuilderx uniapp应用IOS端启动页面配置:storyboard

启动图问题

HBuilderX上android端适配启动页面采用的是.9.png图片的方式,相关说明可以看我前面的博客《用一张正方形图片搞定安卓启动页》。

那么在苹果端,启动页的自动适配使用了不同的方案:iOS平台自定义storyboard启动界面
这种配置型的启动页着实要比以前让设计人员提供给上十张各分辨率的图片要科学一些。

今天就来说一说苹果端storyboard文件的制作方法。

一、比较

苹果的这个storyboard的制作相对于安卓的9png来说,制作复杂程度要稍大一些。

1. 9png

9png这样直接使用设计人员制作好的图片上指定拉伸区域即可,而storyboard需要使用设计人员的原图,将原图中的各个元素单独提出来,再根据设计对元素的布局进行逐一设置排版。

已下图为例:
在这里插入图片描述
当使用安卓9png格式时,只需要在上图的基础上画线指定拉伸区域即可。

2. storyboard

但是在苹果storyboard中,我们需要把上图切分为以下六个部分:

  1. 中间的大圆
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值