zoukankan      html  css  js  c++  java
  • UIScrollView 之图片缩放

    UIScrollView 之图片缩放

    有些时候,我们可能要对某些内容进行手势缩放,如下图所示

    wps_clip_image-16633

    UIScrollView不仅能滚动显示大量内容,还能对其内容进行缩放处理

    也就是说,要完成缩放功能的话,只需要将需要缩放的内容添加到UIScrollView中

    UIScrollView的缩放原理

    在UIScrollView中声明代理

    id<UIScrollViewDelegate> delegate

    // 用户使用捏合手势时代理对象遵守协议,实现相应的方法

    - (UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView;

    当用户在UIScrollView身上使用捏合手势时,UIScrollView会调用代理的viewForZoomingInScrollView:方法,这个方法返回的控件就是需要进行缩放的控件

    缩放实现步骤

    1. 设置UIScrollView的id<UISCrollViewDelegate> delegate代理对象

    用拖线的方法把UIScrollView与控制器相连 并选择delegate

    2. 设置minimumZoomScale :缩小的最小比例

    3. 设置maximumZoomScale :放大的最大比例

    4. 让代理对象实现下面的方法,返回需要缩放的视图控件

    - (UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView;

    • 跟缩放相关的其他代理方法

    Ø 缩放完毕的时候调用

    - (void)scrollViewWillBeginZooming:(UIScrollView *)scrollView withView:(UIView *)view

    Ø 正在缩放的时候调用

    - (void)scrollViewDidZoom:(UIScrollView *)scrollView

    隐藏水平滚动条

    self.scrollViewImg.showsHorizontalScrollIndicator = NO;

    分页

    self.scrollViewImg.pagingEnabled = YES;

  • 相关阅读:
    [django]django models最佳实战
    [vue]模拟移动端三级路由: router-link位置体现router的灵活性
    [js]顶部导航和内容区布局
    [django]django查询最佳实战
    [vue]webpack使用样式
    [vue]webpack中使用组件
    [vue]组件的导入
    [django]django权限简单实验
    [django]前后端分离之JWT用户认证
    [django]drf知识点梳理-权限
  • 原文地址:https://www.cnblogs.com/iyou/p/3633250.html
Copyright © 2011-2022 走看看