您的位置:首页 > 产品设计 > UI/UE

IOS-UIScrollView的小用法

2015-11-03 10:56 531 查看
参考思路:开源项目: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属性设置好,保证其父视图的显现,就能达到相应地效果了。

好了,看一下效果图吧。





内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: