IOS UI 滾動視圖 UIScrollView 學習筆記 及各種效果 持續更新

UIScrollView 常用屬性

scrollView.maximumZoomScale= 2.0; // 縮放最大比例

scrollView.minimumZoomScale = 0.2;// 縮放最小比例

scrollView.contentSize= self.view.frame.size +10;// 設定內容大小

scrollView.pagingEnabled=YES; // 允許分頁 預設NO

scrollView.scrollEnabled=YES; // 允許滾動 預設YES

UIScrollView 常用方法

- (void)scrollViewDidScroll:(UIScrollView*)scrollView; //scrollview 滾動每個位移位就調用

- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView; //scrollview 開始拖拽就調用

-(void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate //scrollview 結束拖拽的時候調用

UIScrollView無法滾動

檢查

1.沒有設定contentSize

2.沒有取消storyboard的autolayout

UIScrollView 各種效果

1.穿透效果+拖動圖片顯示內容

//要能夠讓ScrollView進行拖動、滾動效果 首先要設定其內容大小

// scrollView內容大小＝當前imageView可見大小

// frame取的大小是基於父控制項的大小所以這個效果必須要讓imageView的寬高大於view的寬高才有效果

self.scrollView.contentSize =self.imageView.frame.size; // 設定完這個後就可以進行滾動ScrollView、拖動圖片了

// contentInset實現 穿透效果 主要就是用內容插入＝上面插入 64左邊不插入底部插入 44右邊不插入 也就是增加ContentSize 能夠滾動的大小

self.scrollView.contentInset = UIEdgeInsetsMake(64, 0, 44,0);

// ConntentOffset相對frame.y向上位移 也就是當前滾軸左上方那個點

self.scrollView.contentOffset =CGPointMake(0, -64);

2.翻頁效果

self.scrollView.delegate =self;

for(int i =0;i<3;i++)

{

UIView *view = [[UIViewalloc]init];

//主要是設定第i個view的x座標

view.frame =CGRectMake(i*[UIScreenmainScreen].bounds.size.width , 0,self.view.frame.size.width,self.view.frame.size.height);

int red =arc4random();//隨機顏色

int green =arc4random();

int blue =arc4random();

view.backgroundColor= [UIColorcolorWithRed:red/230.0green:green/150.0blue:blue/30.0 alpha:1];

[self.scrollViewaddSubview:view];

}

// 設定scrollview內容大小

self.scrollView.contentSize =CGSizeMake(3*(self.view.frame.size.width),self.view.frame.size.height);