IOS XIB 如何用Scrollview搭建类似个人中心界面

很多开发者有时候很苦恼,很多app的个人中心界面。 不足一个屏幕长,但是想让它上下有滑动效果,就去用表格搭建,其实,用Scrollview往上面拖UIview就行了。不过,第一次弄的小伙伴都会碰到一个问题。那就是感觉约束明明没问题,可就是报错。摸不着头脑。如下图0.1!

图0.1

我即使这样设置约束了,按正常思维是没问题的吧。可是他还是会报错。请看下图0.2


图0.2

那么为什么会报错呢。因为Scrollview是一个滑动View视图。跟我们平常的UIview是有区别的。像我们个人中心界面。大多都是上下滑动,所以我们现在需要把Uiview视图上下局中对齐,完事后如下图0.3.图0.4


图0.3


图0.4

现在设置好以后。还会有红色错误提示。碰到这种情况就难受了啊。马飞~~~开个玩笑.. 那为什么会报错呢。我们看下错误信息。看下图0.5

0.5

很明显,我们都知道scrollview有一个content的属性,是用来设置它滑动的距离范围的。报这个错的原因,就是因为你才一个view。而且高度我最初设置的是300.没有scrollview高,而且你到scrollview底部的距离页没有设置。那么现在,我将再加一个视图。重新加下所有约束。看下图0.6


图0.6

设置完成以后。所有报错信息都没了。一切正常。看下图0.7

0.7

我们运行一下demo。

发现可以正常上下滑动了。

总结。 当你设置完成你所有的自定义view以后。最下面那一个view。需要设置到scrollview底部的距离约束,上下滑动就设置所有view上下居中对齐,左右滑动就设置所有view左右居中对齐。

如果你这个界面的高度,不足屏幕高度,那么你可以在最下面加一个透明view,透明view的约束一样。左右为0.到上面view的距离为0.到scrollview的距离为0.而透明view的高度。你可以先随意写一个数字。然后把约束拖到.m文件中.然后等于  你当前屏幕高度     减去     你添加的view或者控件占用屏幕的总高度    的值。scrollview就可以正常滑动了。

简单方便.以后碰到这种界面。就再也不用去用什么tableivew,collectionview了。

有帮助到你的话帮忙点个赞。谢谢各位。

你可能感兴趣的:(IOS XIB 如何用Scrollview搭建类似个人中心界面)