资源描述:
《iOS开发UI篇—UIScrollView控件介绍》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、文顶顶iOS开发UI篇—UIScrollView控件介绍iOS开发UI篇—UIScrollView控件介绍一、知识点简单介绍1.UIScrollView控件是什么?(1)移动设备的屏幕⼤大⼩小是极其有限的,因此直接展⽰示在⽤用户眼前的内容也相当有限(2)当展⽰示的内容较多,超出⼀一个屏幕时,⽤用户可通过滚动⼿手势来查看屏幕以外的内容(3)普通的UIView不具备滚动功能,不能显⽰示过多的内容(4)UIScrollView是一个能够滚动的视图控件,可以⽤用来展⽰示⼤大量的内容,并且可以通过滚动查看所有的内容 (5) 举
2、例:手机上的“设置”、其他⽰示例程序 2.UIScrollView的简单使用(1)将需要展⽰的内容添加到UIScrollView中(2)设置UIScrollView的contentSize属性,告诉UIScrollView所有内容的尺⼨寸,也就是告诉它滚动的范围(能滚多远,滚到哪⾥里是尽头) 3.属性(1)常用属性:1)@property(nonatomic)CGPointcontentOffset;这个属性⽤用来表⽰示UIScrollView滚动的位置2)@property(nonatomic)CGSizecont
3、entSize;这个属性⽤用来表⽰示UIScrollView内容的尺⼨寸,滚动范围(能滚多远)3)@property(nonatomic)UIEdgeInsetscontentInset;这个属性能够在UIScrollView的4周增加额外的滚动区域 (2)其他属性:1)@property(nonatomic)BOOLbounces; 设置UIScrollView是否需要弹簧效果 2)@property(nonatomic,getter=isScrollEnabled)BOOLscrollEnabled;设置UISc
4、rollView是否能滚动 3)@property(nonatomic)BOOLshowsHorizontalScrollIndicator;是否显⽰示⽔水平滚动条 4)@property(nonatomic)BOOLshowsVerticalScrollIndicator;是否显⽰示垂直滚动条 4.注意点•如果UIScrollView⽆无法滚动,可能是以下原因:(1)没有设置contentSize(2)scrollEnabled=NO(3) 没有接收到触摸事件:userInteractionEnabled=NO(4
5、)没有取消autolayout功能(要想scrollView滚动,必须取消autolayout) 二、关于UIScrollView常见属性的一些说明1.属性使用的代码示例1#import"MJViewController.h"23@interfaceMJViewController()4{5//在私有扩展中创建一个属性6UIScrollView*_scrollView;7}8@end910@implementationMJViewController1112-(void)viewDidLoad13{14[super
6、viewDidLoad];1516//1.创建UIScrollView17UIScrollView*scrollView=[[UIScrollViewalloc]init];18scrollView.frame=CGRectMake(0,0,250,250);//frame中的size指UIScrollView的可视范围19scrollView.backgroundColor=[UIColorgrayColor];20[self.viewaddSubview:scrollView];2122//2.创建UIImage
7、View(图片)23UIImageView*imageView=[[UIImageViewalloc]init];24imageView.image=[UIImageimageNamed:@"big.jpg"];25CGFloatimgW=imageView.image.size.width;//图片的宽度26CGFloatimgH=imageView.image.size.height;//图片的高度27imageView.frame=CGRectMake(0,0,imgW,imgH);28[scrollViewa
8、ddSubview:imageView];2930//3.设置scrollView的属性3132//设置UIScrollView的滚动范围(内容大小)33scrollView.contentSize=imageView.image.size;3435//隐藏水平滚动条36scrollView.showsHorizontalScrollIndic