通过UIKit坐标系来全面掌握iOS中的UIScrollView组件.docVIP

通过UIKit坐标系来全面掌握iOS中的UIScrollView组件 iOS开发套件中的UIScrollView组件十分强大,不仅是滚动,缩放操作也能够控制自如,其核心当然是坐标轴上的控制,下面就通过UIKit坐标系来全面掌握iOS中的UIScrollView组件 感谢UIKit的坐标系统特性，使我们之花了30几行代码就能重现UIScrollView的精华，当然真正的UIScrollView要比我们所做的复杂的多，反弹效果，动量滚动，放大试图，还有代理方法，这些特性我们没有在这里涉及到。首先，让我们先来了解一下UIKit中的坐标系是怎么工作的。如果你只对滚动试图的代码实现感兴趣可以放心跳过下一小节。UIKit坐标系每一个View都定义了他自己的坐标系统。如下图所示，x轴指向右方，y轴指向下方： 注意这个逻辑坐标系并不关注包含在其中View的宽度和高度。整个坐标系没有边界向四周无限延伸.我们在坐标系中放置四个子View。每一次色块代表一个View：   添加View的代码实现如下： 复制代码 代码如下: UIView *redView = [[UIView alloc] initWithFrame:CGRectMake(20, 20, 100, 100)]; redView.backgroundColor = [UIColor colorWithRed:0.815 green:0.007 blue:0.105 alpha:1]; UIView *greenView = [[UIView alloc] initWithFrame:CGRectMake(150, 160, 150, 200)]; greenView.backgroundColor = [UIColor colorWithRed:0.494 green:0.827 blue:0.129 alpha:1]; UIView *blueView = [[UIView alloc] initWithFrame:CGRectMake(40, 400, 200, 150)]; blueView.backgroundColor = [UIColor WithRed:0.29 green:0.564 blue:0.886 alpha:1]; UIView *yellowView = [[UIView alloc] initWithFrame:CGRectMake(100, 600, 180, 150)]; yellowView.backgroundColor = [UIColor colorWithRed:0.972 green:0.905 blue:0.109 alpha:1]; [mainView addSubview:redView]; [mainView addSubview:greenView]; [mainView addSubview:blueView]; [mainView addSubview:yellowView]; boundsApple关于UIView的文档中是这样描述bounds属性的： bounds矩形…描述了该视图在其自身坐标系中的位置和大小。 一个View可以被看作是定义在其所在坐标系平面上的一扇窗户或者说是一个矩形的可视区域。View的边界表明了这个矩形可视区域的位置和大小。 假设我们的View宽320像素，高480像素，原点在（0，0）。那么这个View就变成了整个坐标系平面的观察口，它展示的只是整个平面的一小部分。位于该View边界外的区域依然存在，只是被隐藏起来了。   一个View提供了其所在平面的一个观察口。View的bounds矩形描述了这个可是区域的位置和大小。 Frame接下来我们来试着修改bounds的原点坐标： 复制代码 代码如下: CGRect bounds = mainView.bounds; bounds.origin = CGPointMake(0, 100); mainView.bounds = bounds; 当我们把bound原点设为（0，100）后，整个画面看起来就像这样：   修改bounds的原点就相当与在平面上移动这个可视区域。 看起来好像是这个View向下移动了100像素，在这个View自己的坐标系中这确实没错。不过这个View真正位于屏幕上的位置（更准确的说在其父View上的位置）其实没有改变，因为这是由View的frame属性决定的，它并没有改变： frame矩形…定义了这个View在其父View坐标系中的位置和大小。 由于View的位置是相对固定的，你可以把整个坐标平面想象成我们可以上下拖动的透明幕布，把这个View想象成我们观察