iOS storyboard上图片设置适配的一点经验

      Xcode 的storyboard是个很好用的东西,但是在放控件和适配上就不是那么好调配,这里分享一下自己的一点经验。

一般设置都会用 Auto layout,而且是在4英寸的屏幕上直接拉好图片,放置到所需要的位置上。如图iOS storyboard上图片设置适配的一点经验_第1张图片

要设置图中人头的图片位置的话,首先点下面图:

iOS storyboard上图片设置适配的一点经验_第2张图片

先设置图片的大小,就是确定宽高,然后在选前面一个设置图片的中心点,如下图

iOS storyboard上图片设置适配的一点经验_第3张图片

接下来,确定右边栏的第五个视图中有这四项,然后修改倍数值,调到所需的位置,因为一开始是坐在视图的中心点:如下面图

iOS storyboard上图片设置适配的一点经验_第4张图片

只要这4项就可以了,然后修改倍值:

iOS storyboard上图片设置适配的一点经验_第5张图片

如上图的0.48,x轴,0.48就是图的中心点位置除以主视图的宽的一半,比如主视图320,它的一半是160,而图的中心点是76,算得0.475,我这边不用这么精确就取了0.48~.

这样设置好的在不同尺寸的屏幕上位置都会自动适配,大小也自动适配。


你可能感兴趣的:(iOS,关于UI)