ios实战开发之UIScrollView图片浏览器

最新推荐文章于 2019-05-10 19:15:16 发布

原创

最新推荐文章于 2019-05-10 19:15:16 发布 · 701 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍如何利用iOS的UIScrollView组件实现一个图片浏览器。通过监听scrollView的滑动，动态更新UIPageControl的当前页码，使页面指示器与显示的图片保持同步。关键代码包括设置scrollView的内容尺寸、禁用横向滚动条、启用分页效果，以及实现scrollView的代理方法以更新页码指示器。

1、基本说明

1.1 创建一个UIImageView显示背影图片(可选)；2.2 创建一个UIScrollView，大小与self.view相等，可以使用storyboard画，设置为当前控制器属性(连线IBOuylet)；
1.3 给 scrollView添加多张图片，并将这些图片从左到右一字排开(按规律设置x值)；
1.4 设置scrollView的展示区域(contentSize)及相关配置，如滑动条是否显示等；
1.5 开启scrollView的pagingEnable功能，使得滑动图片时能自动分页展示；
1.6 添加UIPageControl控件，并设置基本属性(大小、位置、颜色等)；
1.7 设置scrollView的代理为当前控制器--让当前控制器遵守相关协议--在当前控制器中实现协议中的相关方法；

1.8 通过监听scrollView滑动，动态修改pageControl中当前页码，使得pageControl与当前图片一一对应；

2、关键代码

SAViewControl.h

#import <UIKit/UIKit.h>

@interface SAViewController : UIViewController

@property (weak, nonatomic) IBOutlet UIScrollView *scrollView;

@end

SAViewControl.m

#import "SAV