参考思路:开源项目:XXPagingScrollView(重写最美创意第二版)
前天设计给了一个效果图,看了一下要的效果。参考了一下上面作者的一些思路。
整理出来了一个Demo。
- (void)viewDidLoad {
[super viewDidLoad];
self.view.backgroundColor = [UIColor whiteColor];
scrollView = [[UIScrollView alloc]initWithFrame:CGRectMake(20, 100, 290, 300)];
scrollView.pagingEnabled = YES;
scrollView.delegate = self;
scrollView.contentSize = CGSizeMake(290*4, 300);
pageImages = [NSMutableArray arrayWithObjects:[UIImage imageNamed:@"BG-Music1.jpg"],[UIImage imageNamed:@"BG-Music2.jpg"],[UIImage imageNamed:@"BG-Music3.jpg"],[UIImage imageNamed:@"BG-Music4.jpg"], nil];
for (int i=0; i<[pageImages count]; i++) {
UIImageView *imageview = [[UIImageView alloc]initWithImage:[pageImages objectAtIndex:i]];
imageview.frame = CGRectMake((280+10)*i, 0, 280, 300);
[scrollView addSubview:imageview];
}
scrollView.<span style="color:#ff0000;">clipsToBounds</span> = NO; //让scrollview父视图的东西显示出来
[self.view addSubview:scrollView];
// Do any additional setup after loading the view from its nib.
}
其实这里面啥也没有,关于这个效果的思路呢,整理出来大致就是坐标、尺寸的确定,以及scrollView和imageView之间的关系。下面我们就来理一理。
搞清楚了frame之间的关系之后,其实就没什么了,记得加上
scrollView.<span style="color:#ff0000;">clipsToBounds</span> = NO; //让scrollview父视图的东西显示出来
这个Scrollview的clipsToBounds属性设置好,保证其父视图的显现,就能达到相应地效果了。
好了,看一下效果图吧。