swiftui 轨迹_Swift - 使用网格(UICollectionView)进行流布局

本文通过Swift5代码展示了如何使用UICollectionView创建网格布局,以实现类似iBooks的流式布局效果。主要涉及UICollectionViewFlowLayout的配置,包括单元格尺寸、间距和页眉页脚的设置,并给出了简单的示例代码,演示了数据源的绑定和自定义UICollectionViewCell的方法。
摘要由CSDN通过智能技术生成

(本文代码已升级至Swift5)

一、网格UICollectionView最典型的例子是iBooks。其主要属性如下:

1、layout

该属性表示布局方式,有Flow、Custom两种布局方式。默认是Flow流式布局。

2、Accessories

是否显示页眉和页脚

3、各种尺寸属性

Cell Size:单元格尺寸

Header Size:页眉尺寸

Footer Size:页脚尺寸

Min Spacing:单元格之间间距

Section Insets:格分区上下左右空白区域大小。

二、简单的流布局样例

效果图:

Simulator Screen Shot - iPhone SE (2nd generation) - 2020-06-24 at 13.59.44.png

主要代码:

import UIKit

class ViewController: UIViewController, UICollectionViewDelegate, UICollectionViewDataSource

{

var collectionView: UICollectionView!

var dataSource = [

["name":"地址管理","pic":"IQH_mine_address"],

["name":"我的收藏","pic":"IQH_mine_my

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值