样式
1.页面总体布局使用的是顶部的滚动菜单+上页面主体collectionview。
每一块用的是自定义cell,滚动的色块区域是嵌套的collectionview。
2总体思路
通过 色块区域设置多个分区和滚动菜单关联上
-(NSInteger)numberOfSectionsInCollectionView:(UICollectionView *)collectionView{
return self.arrdata.count;
}
3.下面是实现步骤
(1)滚动菜单使用的是网络控件 FDSlideBar 来自定义了一下来实现 点击获取想要事件 和 指定想要index显示选中效果。(就不复述另外链接可自行下载搜索)
(2)cell里面嵌套的collectionview实现横向滚动获取滚动分区事件
4.代码:
(1.1) 自定义假数据model
@interface HomeTopJiaModel : NSObject
@property(nonatomic,strong) NSString *name; //
@property(nonatomic,strong) NSString *icon; //
@property(nonatomic,strong) NSMutableArray *arr; //
@end
(1.2)假数据
-(NSMutableArray *)getJiaModel{
NSMutableArray *array = [NSMutableArray array];
HomeTopJiaModel *model1 = [[HomeTopJiaModel alloc]init];
model1.name = @"居家电器";
model1.arr = [@[ @"卧室", @"洗漱间", @"厨房", @"书房", @"户外", @"健身室"] mutableCopy];
[array addObject:model1];
HomeTopJiaModel *model2 = [[HomeTopJiaModel alloc]init];
model2.name = @"环境电器";
model2.arr = [@[ @"厨房", @"书房", @"户外", @"健身室"] mutableCopy];
[array addObject:model2];
HomeTopJiaModel *model3 = [[HomeTopJiaModel alloc]init];
model3.name = @"居家电器";
model3.arr = [@[ @"卧室", @"洗漱间", @&#