ScrollView上的图片缩放

最新推荐文章于 2020-12-19 01:32:04 发布

原创最新推荐文章于 2020-12-19 01:32:04 发布 · 782 阅读

0 ·

CC 4.0 BY-SA版权

iOS-OC 专栏收录该内容

604 篇文章

订阅专栏

本文介绍如何在 iOS 应用中实现图片的缩放功能。通过使用 UIScrollView 控件并自定义其代理方法，可以控制图片在不同缩放级别下的显示效果。文章提供了具体的代码实现，包括设置缩放比例、调整内容预留空间等。

代码如下：

- (void)viewDidLoad
{
    [super viewDidLoad];
    //创建一个视图背景
    _imageView = [[UIImageView alloc]initWithFrame:_scrollView.bounds];
    _imageView.image = [UIImage imageNamed:@"p3.jpg"];
    [_scrollView addSubview:_imageView];
    
    //设置代理；
    _scrollView.delegate = self;
    
    //设置scrollView最大放大比例，之前的倍数,默认为1
    _scrollView.maximumZoomScale = 2;
    
    //设置scrollView最小缩小比例，之前的倍数,默认为1，0—1之间
    _scrollView.minimumZoomScale = 0.5;
    
    //缩放的反弹效果
    //_scrollView.bouncesZoom = NO;
    
    //上下左右预留的空间
    //_scrollView.contentInset = UIEdgeInsetsMake(40, 40, 40, 40);
}

//设置scrollView所放的view，这个view必须是scrollView的子view
- (UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView
{
    return _imageView;
}

//scrollView缩放时调用
- (void)scrollViewDidZoom:(UIScrollView *)scrollView
{
    NSLog(@"缩放%f",scrollView.zoomScale);
//    if (scrollView.zoomScale<1)
//    {
//        scrollView.frame = CGRectMake(scrollView.frame.size.width*(1-scrollView.zoomScale)/2, scrollView.frame.size.height*(1-scrollView.zoomScale)/2, scrollView.frame.size.width, scrollView.frame.size.height);
//    }
//    else
//    {
//        scrollView.frame = CGRectMake(0, 0, scrollView.frame.size.width, scrollView.frame.size.height);
//    }
    
    if (scrollView.zoomScale<1)
    {
        scrollView.contentInset=UIEdgeInsetsMake(scrollView.frame.size.height*(1-scrollView.zoomScale)/2, scrollView.frame.size.width*(1-scrollView.zoomScale)/2,0,0);
    }
    else
    {
        scrollView.contentInset = UIEdgeInsetsMake(0,0,0,0);
    }
}

按住键盘上的option键，然后单击鼠标
效果图如下：