iOS UIKit - UIScrollView

最新推荐文章于 2023-08-01 22:17:52 发布

原创最新推荐文章于 2023-08-01 22:17:52 发布 · 304 阅读

0 ·

CC 4.0 BY-SA版权

iOS开发专栏收录该内容

99 篇文章

订阅专栏

本文介绍如何使用 UIScrollView 实现图片的滚动显示与缩放功能。通过创建 UIScrollView 并设置其属性，如内容大小、滚动条显示等，实现图片在不同尺寸屏幕上的适配。此外，还提供了实现图片缩放的具体步骤，包括设置代理、最大最小缩放比例等。

展示内容大于屏幕的滚动展示

一、使用步骤
1.创建UIScrollView
// 1.创建UIScrollView
UIScrollView *scrollView = [[UIScrollView alloc] init];
scrollView.frame = CGRectMake(0, 0, 250, 250); // frame中的size指UIScrollView的可视范围
scrollView.backgroundColor = [UIColor grayColor];
[self.view addSubview:scrollView];

// 2.创建UIImageView（图片）
UIImageView *imageView = [[UIImageView alloc] init];
imageView.image = [UIImage imageNamed:@"big.jpg"];
CGFloat imgW = imageView.image.size.width; // 图片的宽度
CGFloat imgH = imageView.image.size.height; // 图片的高度
imageView.frame = CGRectMake(0, 0, imgW, imgH);
[scrollView addSubview:imageView];

// 3.设置scrollView的属性
// 设置UIScrollView的滚动范围（内容大小）
scrollView.contentSize = imageView.image.size;

// 隐藏水平滚动条
scrollView.showsHorizontalScrollIndicator = NO;
scrollView.showsVerticalScrollIndicator = NO;

// 增加额外的滚动区域（逆时针，上、左、下、右）
// top  left  bottom  right
scrollView.contentInset = UIEdgeInsetsMake(20, 20, 20, 20);

2.实现缩放
//1添加 UIScrollView
//设置 UIScrollView的位置与屏幕大小相同
_scrollview=[[UIScrollView alloc]initWithFrame:self.view.bounds];
[self.view addSubview:_scrollview];

//(2)使用构造方法
UIImage *image=[UIImage imageNamed:@"minion"];
_imageview=[[UIImageView alloc]initWithImage:image];
//调用initWithImage:方法，它创建出来的imageview的宽高和图片的宽高一样
[_scrollview addSubview:_imageview];

//设置UIScrollView的滚动范围和图片的真实尺寸一致
_scrollview.contentSize=image.size;

//设置实现缩放
//设置代理scrollview的代理对象
_scrollview.delegate=self;
//设置最大伸缩比例
_scrollview.maximumZoomScale=2.0;
//设置最小伸缩比例
_scrollview.minimumZoomScale=0.5;

}

//告诉scrollview要缩放的是哪个子控件
-(UIView )viewForZoomingInScrollView:(UIScrollView )scrollView
{
return _imageview;
}

二、基本属性
三、代码示例
1.图片的轮播示例

四、总结