zoukankan      html  css  js  c++  java
  • IOS ScrollView放大缩小点击位置并居中

    项目中的一个优化案例,提升用户体验,对地铁线路图点击放大、缩小,并且点击位置居中;

    正常ScrollView 我们点击某一点比如屏幕右侧,想要点的位置向左移动到中心位置,很简单只有算出该点位置距中心位置的距离:point.x - contentOffset.x -SCREEN_WIDTH*0.5,然后问设置contentOffset.x+相应的距离即可。上下也同理.

     但是这里要处理的双击 放大的同时,也要实现上面的效果。经过单步调试,查看

    - (void)scrollViewDidScroll:(UIScrollView *)scrollView 代理方法的log:

        NSLog(@"%f--%f -%f",scrollView.contentOffset.x,scrollView.contentOffset.y,scrollView.zoomScale);

    发现移动移动图上的某一点到达屏幕的边界contentOffset.x变化与缩放倍数成正比!!!正比!!!

    在根据简单版的居中原理的方法,应用到缩放后的ScrollView中,所有相关参数都*相应的缩放倍数!!正比关系记得。

    下面是具体实现代码 :(PS 有更好更简单实现方法欢迎提供交流,本文描述有不当处欢迎指正谢谢!!)

    - (void)showPointToCenterWithPoint:(CGPoint)pt withZoomScale:(CGFloat)zs{
        [UIView animateWithDuration:0.3 animations:^{
    
            __block CGPoint point = pt;
            _baseScrollView.zoomScale = zs;
            CGFloat offsetX = _baseScrollView.contentOffset.x*zs;
            CGFloat offsetY = _baseScrollView.contentOffset.y*zs;
            CGFloat contentW = _baseScrollView.contentSize.width;
            CGFloat contentH = _baseScrollView.contentSize.height;
            CGFloat x = 0;
            CGFloat y = 0;
            point = CGPointMake(point.x*zs, point.y*zs);
            //右侧
            if (offsetX + SCREEN_WIDTH < contentW && (point.x - offsetX) > SCREEN_WIDTH*0.5) {
                //居中所要移动的距离:(point.x - offsetX)-SCREEN_WIDTH*0.5) ;移动后 还没有超过边界即满足居中
                if ((offsetX +  (point.x - offsetX)-SCREEN_WIDTH*0.5) + SCREEN_WIDTH < contentW) {
                    x = offsetX +  (point.x - offsetX)- SCREEN_WIDTH*0.5;
                }else{
                    //不满足居中
                    x = offsetX + (contentW - offsetX - SCREEN_WIDTH);
                }
            }else{
    //左侧 满足居中
    if (offsetX - (SCREEN_WIDTH*0.5 - (point.x - offsetX))>=0) { x = offsetX - (SCREEN_WIDTH*0.5 - (point.x - offsetX)); }else{ x = 0; } } //下侧 if (offsetY + SCREEN_HEIGHT < contentH && (point.y - offsetY) > SCREEN_HEIGHT*0.5) { if ((offsetY + (point.y - offsetY)-SCREEN_HEIGHT*0.5) + SCREEN_HEIGHT < contentH) { y = offsetY + (point.y - offsetY)- SCREEN_HEIGHT*0.5; }else{ y = offsetY + (contentH - offsetY - SCREEN_HEIGHT); } }else{ if (offsetY - (SCREEN_HEIGHT*0.5 - (point.y - offsetY)) >= 0) { y = offsetY - (SCREEN_HEIGHT*0.5 - (point.y - offsetY)); }else{ y = 0; } } [_baseScrollView setContentOffset:CGPointMake(x, y)animated:NO]; } completion:^(BOOL finished) { }]; }
  • 相关阅读:
    Unity3D命令行Build
    关于Unity3D的协程(Coroutine)
    牛腩购物34:支付宝的集成和使用(web网站和web应用程序一眼判断的区别),支付宝即时到账
    linqpad 的下载使用
    linq 的延时执行和即时执行
    冒泡排序
    c# 的继承,继承类实例化的时候,会先调用基类的构造函数,然后再调用自己的构造函数,base 的用法,有override和没有override的区别
    zoj1002 Fire Net
    zjut1675 I like DPS!!!
    zjut1673搭数字II
  • 原文地址:https://www.cnblogs.com/zhujin/p/5629107.html
Copyright © 2011-2022 走看看