美文网首页
网格的布局

网格的布局

作者: 傻人有傻福i | 来源:发表于2018-11-22 16:07 被阅读0次

@interface QBViewController ()<UICollectionViewDelegate,UICollectionViewDataSource>{

    UICollectionViewFlowLayout *flowLayout;

    UICollectionView *cv;

}

staticNSString*oj =@"cell";

  // 创建流水布局

    flowLayout = [[UICollectionViewFlowLayout alloc]init];

    // 设置网格大小

    flowLayout.itemSize = CGSizeMake((self.view.frame.size.width-10)/2, 320);

    // 设置最小行间距

    flowLayout.minimumLineSpacing = 0;

    // 设置最小列间距

    flowLayout.minimumInteritemSpacing = 0;

    // 创建网格

    cv = [[UICollectionView alloc]initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, self.view.frame.size.height) collectionViewLayout:flowLayout];

    // 设置代理

    cv.delegate=self;

    cv.dataSource = self;

    // 设置网格背景颜色

    cv.backgroundColor = [UIColor whiteColor];

    // 注册cell

    [cv registerClass:[YZGMJCollectionViewCell class] forCellWithReuseIdentifier:oj];

    [self.view addSubview:cv];

}

// 设置网格个数

-(NSInteger)collectionView:(UICollectionView*)collectionView numberOfItemsInSection:(NSInteger)section{

    return 0;

}

-(UICollectionViewCell*)collectionView:(UICollectionView*)collectionView cellForItemAtIndexPath:(NSIndexPath*)indexPath{

    YZGMJCollectionViewCell * cell=[cv dequeueReusableCellWithReuseIdentifier:oj forIndexPath:indexPath];

    JDModel* model=[JDModelnew];

    cell.imgv.image=[UIImageimageNamed:model.imgv[indexPath.row]];

    cell.lb1.text=model.lable1[indexPath.row];

    cell.lb2.text=model.lable2[indexPath.row];

    return cell;

}

-(void)collectionView:(UICollectionView*)collectionView didSelectItemAtIndexPath:(NSIndexPath*)indexPath{

    self.hidesBottomBarWhenPushed = YES;

    twoViewController *fl = [twoViewController new];

    [self.navigationController pushViewController:fl animated:YES];

    self.hidesBottomBarWhenPushed = NO;

}

-(void)viewWillAppear:(BOOL)animated{

    self.navigationController.navigationBar.hidden = NO;

}

相关文章

  • 九宫格拖拽

    效果实例 简单了解Grid布局(网格布局) 什么是网格布局 CSS网格布局(又称“网格”),是一种二维网格布局系统...

  • 九宫格拖拽

    效果实例 简单了解Grid布局(网格布局) 什么是网格布局 CSS网格布局(又称“网格”),是一种二维网格布局系统...

  • flex布局的几种典型布局方式

    flex布局的典型布局方式有哪些? 网格布局 固定底栏布局 圣杯布局 输入框布局 悬挂布局 网格布局 最简单的网格...

  • 布局-网格布局

    1.网格布局概述 网格布局就是多行的弹性布局。与弹性布局不同,网格布局的行默认是自动换行,而不是挤压的。网格布局中...

  • Recyclerview GridLayout分隔间距

    RecyclerView 支持网格布局,我们使用GridLayoutManager来设置为网格布局,在使用网格布局...

  • 布局

    CSS网格布局引入了二维网格布局系统,可用于布局页面主要的区域布局或小型组件。本文介绍了CSS网格布局 与 CSS...

  • CSS布局

    1、CSS Grid 网格布局教程 2、Flex 布局教程:语法篇(骰子布局,网格布局,百分百布局,圣杯布局......

  • CSS 系列——Grid布局学习笔记

    Grid 布局,就是网格布局。 简单的需求,垂直居中、水平居中等,有 Flex 布局。 网格布局,对应网页设计或者...

  • CSS布局与响应式设计(下)

    五. 网格布局 CSS的网格布局是一种二维的,基于网格的前端布局技术,完全改变了设计用户界面的方式。从布局发展的过...

  • CSS网格布局 - Grid 学习

    CSS Grid布局(又名“网格布局”)是一个二维的基于网格的布局系统,其目的只在于完全改变我们设计基于网格的用户...

网友评论

      本文标题:网格的布局

      本文链接:https://www.haomeiwen.com/subject/jvilqqtx.html