iOS Scrollview中的AutoLayout(纯IB)

本文详细介绍了如何利用Interface Builder (IB) 来简化iOS SDK中复杂UI布局的过程,通过实例演示了如何创建并布局大量视图组件,如TextField、Label等,以及如何设置约束以实现自适应布局,同时强调了使用IB相较于纯代码布局的效率和易用性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

原创Blog,转载请注明出处
blog.csnd.net/hello_hwc
欢迎关注我的iOS SDK专栏
http://blog.youkuaiyun.com/column/details/huangwenchen-ios-sdk.html


前言:随着XCode的越来越完善,用IB来创建一些界面是必然的潮流。优点很明显,简单直观,能预览,效率高,好debug,尤其是对一些view中有复杂的控件,比如我今天写的就差不多要有10个textfield,15个label,以及其他的10多个view。如果用代码Autolayout,也能做(用可视化语言会减少一些代码量),估计我头都会炸了,估计以后维护这段超长layout的代码的时候,一定会骂娘了。

对了,还有一点:千万不要认为用纯代码就很高大上,很屌


下面就一步步讲解如何实现

注意,本文不支持屏幕旋转

  1. 新建一个工程,语言随意,因为我们只用IB,为了方便,我们选择,这个Size class,也就是对应所有的Iphone

    然后把size改为400*100,方便我们进行更多的控件布局

  2. 拖拽Scrollview,让其充满屏幕,添加这4个约束即可

  3. 拖拽一个UIView作为ContainView,让这个View来定义Scrollview的ContentSize大小,这里的6个约束一个不能少
    这里定义Scrollview的Contentsize为屏幕的宽度,以及高度1000

到这里,就可以像普通的Auto Layout一样创建了,而且屏幕以下的部门也会响应各种事件
核心的Constraints如下

然后我在添加一些平时正常使用的View和约束,最后的效果如图
,(gif传不上来,穿两张静态图好了)


Demo下载

优快云下载
http://download.youkuaiyun.com/detail/hello_hwc/8903617


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值