You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何为UICollectionView添加点状页面指示器?

自定义UICollectionView及配套布局实现示例

1. 自定义UICollectionView类

这里实现了一个绑定指定布局的UICollectionView,核心配置包括注册自定义Cell、禁用水平滚动指示器、开启分页功能,适合做横向滑动的轮播类场景:

public CollectionView(CollectionLayout layout) : base(CGRect.Empty, layout) {
    RegisterClassForCell(typeof(CollectionCell), CollectionCell.CellIdentifier);
    CollectionViewLayout = layout;
    ShowsHorizontalScrollIndicator = false;
    PagingEnabled = true;
}

2. 自定义CollectionLayout布局类

这个布局专门配置了横向滚动规则,同时取消了Item之间的间距,保证滑动时内容无缝衔接:

public CollectionLayout() {
    ScrollDirection = UICollectionViewScrollDirection.Horizontal;
    MinimumInteritemSpacing = 0f;
    MinimumLineSpacing = 0f;
    ItemSize = new CG...
}

如果需要完善ItemSize的设置,只需要把new CG...替换为具体的CGSize实例即可,比如new CGSize(UIScreen.MainScreen.Bounds.Width, UIScreen.MainScreen.Bounds.Height)就能实现全屏尺寸的滑动Item。

内容的提问来源于stack exchange,提问作者Rizan Zaky

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.26 08:12:30