用drawRect的方式实现一个尺子_移动开发_编程开发_程序员俱乐部

用drawRect的方式实现了一个尺子选择器，demo在这里：https://github.com/Phelthas/LXMRulerView 效果如图：   如果不考虑复用的问题，我感觉最简单的实现方式其实是让美术做一张尺子的图片，放到scrollView上就可以了， 数值可以根据scrollview的contentOffset来计算。 如果考虑复用的问题，还是用代码写来的方便，封装一些属性，就可以实现很多不同的样式。所以就有了这个LXMRulerView~   实现方案： 目前用的是一个比较笨的实现方案，就是用drawRect的方式画了一个尺子，然后把这个view放到scrollview上，然后用scrollview的contentOffset来计算数值。 有看到资料说用drawRect的方式会比较占内存，用CALayer实现会好很多，这个我还没有试，但目前来看demo里面内存占用都很小，有空试一下layer的实现方式吧~ 为什么说这个方案比较笨呢？因为这里面其实是完完全全画了一个完整的尺子，没有复用任何资源，所以理论上如果尺子很长很长的话，还是会很消耗内存的； 考虑到尺子也是不断重复的外观，只有数字不一样，所以理论上用一个横向的collectionView来实现会更好一些，这个有空实践一下看看效果怎么样吧~     需要注意的地方： 1，对autoLayout的支持和从xib初始化的支持 drawRect是按bounds来画图的，而且默认情况下drawRect方法只会调用一次。 所以如果从xib初始化，且初始化时的view大小与最终显示的view大小不同的话，drawRect是按最初初始化的大小来绘制的，不会随着autoLayout调整大小， 所以这里没有什么好的办法，只能在layoutSubview中手动调整改view的大小。 但仅仅调整view大小还不够，画好的图默认不会重新绘制，UIView有一个contentMode属性，需将其设置为UIViewContentModeRedraw， 效果是在view的bounds有变化时，会重新调用drawRect方法。   2，整数吸附效果 在scrollviewDidScroll的方法中调整contentOffset来使其停留在整数的位置上的方法太low了！！！会使动画效果看起来很不连贯 怎么解决呢？ 就是用 - (void)scrollViewWillEndDragging:(UIScrollView *)scrollView withVelocity:(CGPoint)velocity targetContentOffset:(inoutCGPoint *)targetContentOffset 这个方法，这也是系统提供的delegate方法，所以可以放心用，效果就是可以让scrollview刚好停留在targetContentOffset的位置，所以只需要在这个方法中计算出指定的位置就可以了~ 具体用法参考我之前的博客（UIScrollView的delegate方法妙用之让UICollectionView滑动到某个你想要的位置 ）   3，数值变化的回调 为了简单易用，数值变化的回调方法是用block的方式。 在用的时候，需要注意一下循环引用的问题，所以block中还是用weakSelf安全一点   4，为了保证滑动位置的准确度，尺子最大最小值和间距都只支持整型，不支持浮点数~~等想到好解决办法支持~       目前还在持续更新中，有什么问题欢迎讨论~