iOS学习笔记——滚动视图(scrollView)

原始地址:http://blog.csdn.net/u012889435/article/details/17523705



滚动视图:在根视图中添加UIScrollViewDelegate协议,声明一些对象属性

[objc]  view plain copy
  1. @interface BoViewController : UIViewController<UIScrollViewDelegate>  
  2. //滚动视图对象  
  3. @property (retainnonatomicUIScrollView *scrollView;  
  4. //视图中小圆点,对应视图的页码  
  5. @property (retainnonatomicUIPageControl *pageControl;  
  6. //动态数组对象,存储图片  
  7. @property (retainnonatomicNSMutableArray *images;  
  8. @end  

在程序中导入图片,在.m文件中的代码实现:

[objc]  view plain copy
  1. - (void)viewDidLoad  
  2. {  
  3.     [super viewDidLoad];  
  4.     //初始化scrollView  
  5.     self.scrollView = [[UIScrollView alloc]initWithFrame:CGRectMake(00320345)];  
  6.     //初始化pageControl  
  7.     self.pageControl = [[UIPageControl alloc]initWithFrame:CGRectMake(034432036)];  
  8.     //初始化数组,存储滚动视图的图片  
  9.     self.images = [NSMutableArray arrayWithObjects:[UIImage imageNamed:@"text1.png"],[UIImage imageNamed:@"text2.png"],[UIImage imageNamed:@"text3.png"],[UIImage imageNamed:@"text4.png"], nil nil];  
  10.     //把scrollView与pageControl添加到当前视图中  
  11.     [self.view addSubview:self.scrollView];  
  12.     [self.view addSubview:self.pageControl];  
  13.     //设置视图的背景颜色  
  14.     self.view.backgroundColor = [UIColor blackColor];  
  15.     //调用 setuoPage方法  
  16.     [self setupPage:nil];     
  17. }  
  18. //改变滚动视图的方法实现  
  19. - (void)setupPage:(id)sender  
  20. {  
  21.     //设置委托  
  22.     self.scrollView.delegate = self;  
  23.     //设置背景颜色  
  24.     self.scrollView.backgroundColor = [UIColor blackColor];  
  25.     //设置取消触摸  
  26.     self.scrollView.canCancelContentTouches = NO;  
  27.     //设置滚动条类型  
  28.     self.scrollView.indicatorStyle = UIScrollViewIndicatorStyleWhite;  
  29.     //是否自动裁切超出部分  
  30.     self.scrollView.clipsToBounds = YES;  
  31.     //设置是否可以缩放  
  32.     self.scrollView.scrollEnabled = YES;  
  33.     //设置是否可以进行画面切换  
  34.     self.scrollView.pagingEnabled = YES;  
  35.     //设置在拖拽的时候是否锁定其在水平或者垂直的方向  
  36.     self.scrollView.directionalLockEnabled = NO;  
  37.     //隐藏滚动条设置(水平、跟垂直方向)  
  38.     self.scrollView.alwaysBounceHorizontal = NO;  
  39.     self.scrollView.alwaysBounceVertical = NO;  
  40.     self.scrollView.showsHorizontalScrollIndicator = NO;  
  41.     self.scrollView.showsVerticalScrollIndicator = NO;  
  42.     //用来记录页数  
  43.     NSUInteger pages = 0;  
  44.     //用来记录scrollView的x坐标  
  45.     int originX = 0;      
  46.     for(UIImage *image in self.images)  
  47.     {  
  48.         //创建一个视图  
  49.         UIImageView *pImageView = [[[UIImageView alloc]initWithFrame:CGRectZero]autorelease];  
  50.         //设置视图的背景色  
  51.         pImageView.backgroundColor = [UIColor colorWithRed:0.6 green:0.6 blue:0.6 alpha:1.0];  
  52.         //设置imageView的背景图  
  53.         [pImageView setImage:image];  
  54.         //给imageView设置区域  
  55.         CGRect rect = self.scrollView.frame;  
  56.         rect.origin.x = originX;  
  57.         rect.origin.y = 0;  
  58.         rect.size.width = self.scrollView.frame.size.width;  
  59.         rect.size.height = self.scrollView.frame.size.height;  
  60.         pImageView.frame = rect;  
  61.         //设置图片内容的显示模式(自适应模式)  
  62.         pImageView.contentMode = UIViewContentModeScaleAspectFill;  
  63.         //把视图添加到当前的滚动视图中  
  64.         [self.scrollView addSubview:pImageView];  
  65.         //下一张视图的x坐标:offset为:self.scrollView.frame.size.width.  
  66.         originX += self.scrollView.frame.size.width;  
  67.         //记录scrollView内imageView的个数  
  68.         pages++;  
  69.     }  
  70.     //设置页码控制器的响应方法  
  71.     [self.pageControl addTarget:self action:@selector(changePage:) forControlEvents:UIControlEventValueChanged];  
  72.     //设置总页数  
  73.     self.pageControl.numberOfPages = pages;  
  74.     //默认当前页为第一页  
  75.     self.pageControl.currentPage = 0;  
  76.     //为页码控制器设置标签  
  77.     self.pageControl.tag = 110;  
  78.     //设置滚动视图的位置  
  79.     [self.scrollView setContentSize:CGSizeMake(originX, self.scrollView.bounds.size.height)];      
  80. }  
  81. //改变页码的方法实现  
  82. - (void)changePage:(id)sender  
  83. {  
  84.     NSLog(@"指示器的当前索引值为:%i",self.pageControl.currentPage);  
  85.     //获取当前视图的页码  
  86.     CGRect rect = self.scrollView.frame;  
  87.     //设置视图的横坐标,一幅图为320*460,横坐标一次增加或减少320像素  
  88.     rect.origin.x = self.pageControl.currentPage * self.scrollView.frame.size.width;  
  89.     //设置视图纵坐标为0  
  90.     rect.origin.y = 0;  
  91.     //scrollView可视区域  
  92.     [self.scrollView scrollRectToVisible:rect animated:YES];      
  93. }  
  94. #pragma mark-----UIScrollViewDelegate---------  
  95. //实现协议UIScrollViewDelegate的方法,必须实现的  
  96. - (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView  
  97. {  
  98.     //获取当前视图的宽度  
  99.     CGFloat pageWith = scrollView.frame.size.width;  
  100.     //根据scrolView的左右滑动,对pageCotrol的当前指示器进行切换(设置currentPage)  
  101.     int page = floor((scrollView.contentOffset.x - pageWith/2)/pageWith)+1;  
  102.     //切换改变页码,小圆点  
  103.     self.pageControl.currentPage = page;  
  104. }  
  105.   
  106. - (void)didReceiveMemoryWarning  
  107. {  
  108.     [super didReceiveMemoryWarning];  
  109.     // Dispose of any resources that can be recreated.  
  110. }  
  111. //释放创建的对象  
  112. - (void)dealloc  
  113. {  
  114.     [_pageControl release];  
  115.     [_scrollView release];  
  116.     [super dealloc];  
  117. }  

你可能感兴趣的:(iOS学习笔记——滚动视图(scrollView))