目录:
成都创新互联网络公司拥有10多年的成都网站开发建设经验,1000多家客户的共同信赖。提供成都网站设计、网站制作、网站开发、网站定制、卖链接、建网站、网站搭建、响应式网站开发、网页设计师打造企业风格,提供周到的售前咨询和贴心的售后服务
注意:
- 不管以上那种情况,scrollView 本身的大小和位置一定要相对固定!
- 可以使用frame直接设置,也可以使用自动布局设置。
根据排列组合,共有 2*2 = 4 中情况,下面分别分析:
这种情况没什么好说的,直接设置即可。
这种情况相当于是第四种情况的简化版,故请先看[第四种方式]。
我们知道,只要设置 scrollView 的 contentSize,就限定了 scrollView 的可滚动范围。所以这种情况,并不能很好的根据子控件的变化而动态显示完整的内容。
所以子控件bounds变化的情况,需要使用[第四种方式]设置。
首先来做个分析:
第1条,两种设置方式,自己根据实际情况选择一种即可;
第2条,将所有子视图塞进一个容器视图中。即先给scrollView添加一个 唯一直接子视图 。
通俗点说就是创建一个 sizeView 设置其大小(直接设置frame或者使用autolayout设置皆可),然后将其添加到scrollView的子视图,其他七七八八的所有小子视图都添加在这个直接子视图 sizeView 中,这个直接子视图就相当于 contentView。
这样只要设置这个直接子视图 sizeView 的大小和约束就好了。
如果设置好了这个直接子视图 sizeView 的约束,那么这个直接子视图 sizeView 的范围就是 scrollView 的滚动范围喽!
第3条,其实设置子视图布局就2个要点:
如图1、图2
图2为竖直、水平方向皆可滚动,注意观察滚动条位置。
图2为竖直、水平方向皆可滚动,注意观察滚动条位置。
如此设置布局是不是很方便呢?
方法/步骤
创建工程项目和视图控制器
创建工程项目UICollectionView,新建一个UIViewController。选中工程,右键-New File…选择“Cocoa Touch Class”-Next,给个合理的名称ViewController,再Next完成。
在AppDelegate.m文件包含#import "ViewController.h"。添加代码:
UINavigationController *navC = [[UINavigationController alloc]initWithRootViewController:[[ViewController alloc]init]];
self.window.rootViewController = navC;//将navC设置为根视图控制器。
修改一下ViewController的显示样式,执行编译,run一下,效果如图。
创建自定义UICollectionViewCell
选中工程,右键-New File…选择“Cocoa Touch Class”-Next,选择继承于UICollectionViewCell类,给个合理的名称CollectionViewCell,再Next完成。
1、自定义所需要的控件,比如UIImageView:
@property(nonatomic ,strong)UIImageView *imgView;
2、初始化控件,在方法- (id)initWithFrame:(CGRect)frame中实现:
self.imgView = [[UIImageView alloc]initWithFrame:CGRectMake(0, 30, 150, 140)];
self.imgView.backgroundColor = [UIColor groupTableViewBackgroundColor];
[self addSubview:self.imgView];
实现初始化UICollectionView方法
1、在ViewController.h添加事件代理和数据源代理UICollectionViewDataSource,UICollectionViewDelegate。
2、在ViewController.m创建UICollectionView。需要使用UICollectionViewFlowLayout来创建,使用方法- (instancetype)initWithFrame:(CGRect)frame collectionViewLayout:(UICollectionViewLayout *)layout;如果只用普通的init方法,是实现不了的。
3、设置flowLayout的属性。
4、初始化CollectionViewCell和头部。
实现UICollectionView的Delegate、DataSource方法
1、返回Items个数:collectionView: numberOfItemsInSection:
2、返回Sections个数:numberOfSectionsInCollectionView:
3、返回Cell显示内容:collectionView: cellForItemAtIndexPath:
4、返回头部尾部显示内容:collectionView: viewForSupplementaryElementOfKind: atIndexPath:
5、选中时调用的方法:collectionView: didSelectItemAtIndexPath:
显示CollectionView及设置数据源
在viewDidLoad方法内:[self.view addSubview:self.collectionView];
代码self.collectionView会自动调用setter、getter方法。即调用- (UICollectionView *)collectionView方法初始化并返回collectionView。然后addSubview:到self.view上。配合广告栏和定时器,完成显示。
方法/步骤 1、第一步我们打开一个下载安装好的Android Studio 2、然后我们打开设计视图Design 3、我们以textView为例,选择右下方的属性列表,然后输入textcolor 4、然后我们选择右方的浏览按钮 5、选择Color列表项 6、最后用鼠标就可以调出你想要的颜色了,最后其十六进制的颜色值会自动到文本框里面