UIScrollView之Zoom

最新推荐文章于 2024-08-01 11:58:06 发布

yanyanforest

最新推荐文章于 2024-08-01 11:58:06 发布

阅读量963

点赞数

文章标签： uiscrollview UI

本文为博主原创文章，未经博主允许不得转载。

本文链接：https://blog.csdn.net/yanyanforest/article/details/51658022

版权

项目中需要查看用户头像，类似微信客户端，如图所示：
这里写图片描述

创建UIScrollView和UIImageView

- (void)addSubviews
{

    scrollview = [[UIScrollView alloc]initWithFrame:self.bounds];
    scrollview.delegate = self;
    scrollview.minimumZoomScale = 1;
    scrollview.maximumZoomScale = 20;
    scrollview.bounces = false;
    scrollview.zoomScale = 1;
    [self addSubview:scrollview];
    _imageView = [[UIImageView alloc]init];
    _imageView.contentMode = UIViewContentModeScaleToFill;
    [scrollview addSubview:_imageView];
    UITapGestureRecognizer *tap = [[UITapGestureRecognizer alloc]initWithTarget:self action:@selector(gesture_dismissView)];
    tap.numberOfTapsRequired = 1;
    tap.cancelsTouchesInView = false;
    [scrollview addGestureRecognizer:tap];
}
-(void)gesture_dismissView{
    if (self.block_dismiss) {
        self.block_dismiss(self);
    }
}
-(void)layoutSubviews
{
    [super layoutSubviews];
    scrollview.frame = self.bounds;
    CGFloat width = CGRectGetWidth(self.bounds) >= CGRectGetHeight(self.bounds)?CGRectGetHeight(self.bounds):CGRectGetWidth(self.bounds);
    _imageView.frame = CGRectMake(CGRectGetMidX(scrollview.bounds) - width/2,CGRectGetMidY(scrollview.bounds) - width/2, width, width);

}

代理方法，让图像居中显示

-(UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView
{
    return _imageView;
}
- (void)scrollViewDidZoom:(UIScrollView *)scrollView
{
    //确保图像在屏幕中心
    CGFloat xcenter = scrollView.center.x;
    CGFloat ycenter = scrollView.center.y;

    xcenter = scrollView.contentSize.width > scrollView.frame.size.width ? scrollView.contentSize.width/2 : xcenter;

    ycenter = scrollView.contentSize.height > scrollView.frame.size.height ? scrollView.contentSize.height/2 : ycenter;
    [_imageView setCenter:CGPointMake(xcenter, ycenter)];
}