返回首页
当前位置: 主页 > 编程语言 > Perl教程 >

ScrollView添加约束代码

时间:2016-10-14 23:51来源:电脑教程学习网 www.etwiki.cn 编辑:admin

 // ambiguous 模糊不清的,模棱两可的
// 使用场景
// MARK: - 1.比较宽的控件,如何正常显示?
// 距离顶部 y值
// 距离左边 & 右边 width值
// 固定高度 height值
// 水平居中 x 值 同时自动布局可以计算出scrollView的contentSize的width
// 距离底部 自动布局可以计算出 scrollView的contentSize的height

// MARK: - 2.两个比较宽的控件,如何正常显示?
// 注意:距离底部的约束可以换位最后一个控件。
// 只要能算出contentSize.height就ok!

// MARK: - 3.比较窄的控件,如何正常显示?
// 不太好实现!
// - 不设置,距离左侧,右侧,会提示模棱两可的宽度!
// - 同时固定宽度并且设置距离左侧,右侧,控件会被挤变形,并且系统会报警告,有多余约束!
// 解决办法:
// 放置一个大的视图进去,作为窄控件的父控件,就好办了!

// MARK: - 4.显示1个全屏的子控件,如何正常展示?
// 1.设置距离四个方向都是0
// 2.设置控件与父控件scrollView是等宽,等高的!
// 3.可以讲 Bounce Horizontally 及 Bounce Vertically 打开就可以看到弹簧效果了!

// MARK: - 5.显示两个全屏的子控件
// 1.拖入两个子控件,分别放置在两边
// 2.设置左侧控件,距离顶部,左侧,底部的约束都为 0
// 3.设置右侧控件,距离顶部,右侧,底部的约束都为 0
// 4.设置左侧控件,与scrollView时等宽,等高!确定控件的大小
// 5.设置右侧控件,与左侧控件时等宽、等高,间距为0
// 6.就可以两边滚动了!

// MARK: - 6.显示4个图片框全屏的子控件
// 与 5 的过程类似,稍作优化,尽量将找共同点进行设置,方便以后约束的修改!
// 1.拖入4个图片框,都还很小
// 2.设置最左侧图片框,距离顶部,左侧,底部都为 0
// 3.设置最左侧图片框与scrollIView时等宽、等高的,保证满屏
// 4.设置第2个距离第1个间距为0,第3个距离第2个间距为0,第4个距离第3个间距为0
// 5.设置第4个图片框右侧距离scrollView间距为0 -> 配合前面的就能够得出内容的宽度了
// 6.设置4个图片框顶部,底部对齐

// 7.设置4个图片框等宽,等高!
// MARK: - 7.立即体验按钮可以参考最后一个图片框设置约束!
// 注意:按钮不能直接拖成图片框的子控件!

------分隔线----------------------------
标签(Tag):ScrollView添加
------分隔线----------------------------
推荐内容
猜你感兴趣