一因苹、知識(shí)點(diǎn)簡單介紹
1.UIScrollView控件是什么?
(1)移動(dòng)設(shè)備的屏幕?大?小是極其有限的,因此直接展?示在?用戶眼前的內(nèi)容也相當(dāng)有限
(2)當(dāng)展?示的內(nèi)容較多,超出?一個(gè)屏幕時(shí),?用戶可通過滾動(dòng)?手勢(shì)來查看屏幕以外的內(nèi)容
(3)普通的UIView不具備滾動(dòng)功能,不能顯?示過多的內(nèi)容
(4)UIScrollView是一個(gè)能夠滾動(dòng)的視圖控件,可以?用來展?示?大量的內(nèi)容,并且可以通過滾 動(dòng)查看所有的內(nèi)容
(5)? 舉例:手機(jī)上的“設(shè)置”、其他?示例程序
2.UIScrollView的簡單使用
(1)將需要展?的內(nèi)容添加到UIScrollView中
(2)設(shè)置UIScrollView的contentSize屬性,告訴UIScrollView所有內(nèi)容的尺?寸,也就是告訴 它滾動(dòng)的范圍(能滾多遠(yuǎn),滾到哪?里是盡頭)
3.屬性
(1)常用屬性:
1)@property(nonatomic)CGPointcontentOffset;這個(gè)屬性?用來表?示UIScrollView滾動(dòng)的位置
2)@property(nonatomic)CGSizecontentSize;這個(gè)屬性?用來表?示UIScrollView內(nèi)容的尺?寸,滾動(dòng)范圍(能滾多遠(yuǎn))
3)@property(nonatomic)UIEdgeInsetscontentInset;這個(gè)屬性能夠在UIScrollView的4周增加額外的滾動(dòng)區(qū)域
(2)其他屬性:
1)@property(nonatomic)BOOLbounces;設(shè)置UIScrollView是否需要彈簧效果
2)@property(nonatomic,getter=isScrollEnabled)BOOLscrollEnabled;設(shè)置UIScrollView是否能滾動(dòng)
3)@property(nonatomic)BOOLshowsHorizontalScrollIndicator;是否顯?示?水平滾動(dòng)條
4)@property(nonatomic)BOOLshowsVerticalScrollIndicator;是否顯?示垂直滾動(dòng)條
4.注意點(diǎn)
?如果UIScrollView?無法滾動(dòng),可能是以下原因:
(1)沒有設(shè)置contentSize
(2) scrollEnabled = NO
(3)?沒有接收到觸摸事件:userInteractionEnabled = NO
(4)沒有取消autolayout功能(要想scrollView滾動(dòng),必須取消autolayout)
二俩檬、關(guān)于UIScrollView常見屬性的一些說明
1.屬性使用的代碼示例
1#import"MJViewController.h"23@interfaceMJViewController ()4{5//在私有擴(kuò)展中創(chuàng)建一個(gè)屬性6UIScrollView *_scrollView;7}8@end910@implementationMJViewController1112- (void)viewDidLoad13{14[super viewDidLoad];1516//1.創(chuàng)建UIScrollView17UIScrollView *scrollView =[[UIScrollView alloc] init];18scrollView.frame = CGRectMake(0,0,250,250);//frame中的size指UIScrollView的可視范圍19scrollView.backgroundColor =[UIColor grayColor];20[self.view addSubview:scrollView];2122//2.創(chuàng)建UIImageView(圖片)23UIImageView *imageView =[[UIImageView alloc] init];24imageView.image = [UIImage imageNamed:@"big.jpg"];25CGFloat imgW = imageView.image.size.width;//圖片的寬度26CGFloat imgH = imageView.image.size.height;//圖片的高度27imageView.frame = CGRectMake(0,0, imgW, imgH);28[scrollView addSubview:imageView];2930//3.設(shè)置scrollView的屬性3132//設(shè)置UIScrollView的滾動(dòng)范圍(內(nèi)容大衅饫颉)33scrollView.contentSize =imageView.image.size;3435//隱藏水平滾動(dòng)條36scrollView.showsHorizontalScrollIndicator =NO;37scrollView.showsVerticalScrollIndicator =NO;3839//用來記錄scrollview滾動(dòng)的位置40//scrollView.contentOffset = ;4142//去掉彈簧效果43//scrollView.bounces = NO;4445//增加額外的滾動(dòng)區(qū)域(逆時(shí)針盼砍,上、左逝她、下浇坐、右)46//top? left? bottom? right47scrollView.contentInset = UIEdgeInsetsMake(20,20,20,20);4849_scrollView =scrollView;50}5152- (IBAction)down:(UIButton *)sender {53[UIView animateWithDuration:1.0animations:^{54//三個(gè)步驟55CGPoint offset =_scrollView.contentOffset;56offset.y +=150;57_scrollView.contentOffset =offset;5859//_scrollView.contentOffset = CGPointMake(0, 0);60}];61}62@end
2.幾個(gè)屬性坐標(biāo)示意圖
3.重要說明
(1)UIScrollView的frame與contentsize屬性的區(qū)分:UIScrollView的frame指的是這個(gè)scrollview的可視范圍(可看見的區(qū)域),contentsize是其滾動(dòng)范圍黔宛。
(2)contentinset(不帶*號(hào)的一般不是結(jié)構(gòu)體就是枚舉)近刘,為UIScrollView增加額外的滾動(dòng)區(qū)域。(上宁昭,左跌宛,下,右)逆時(shí)針积仗。contentinset可以使用代碼或者是視圖控制器進(jìn)行設(shè)置疆拘,但兩者有區(qū)別(注意區(qū)分)。
(3)contentsize屬性只能使用代碼設(shè)置寂曹。
(4)contentoffset是個(gè)CGpoint類型的結(jié)構(gòu)體哎迄,用來記錄ScrollView的滾動(dòng)位置,即記錄著“框”跑到了哪里隆圆。知道了這個(gè)屬性漱挚,就知道了其位置,可以通過設(shè)置這個(gè)屬性來控制這個(gè)“框”的移動(dòng)渺氧。
(5)不允許直接修改某個(gè)對(duì)象內(nèi)部結(jié)構(gòu)體屬性的成員旨涝,三個(gè)步驟(先拿到值,修改之侣背,再把修改后的值賦回去)白华。
(6)增加了額外區(qū)域后,contentoffset的原點(diǎn)在哪里贩耐?
三弧腥、有助于理解的幾個(gè)截圖
模型圖:
對(duì)比圖:
坐標(biāo)圖: