- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在尝试创建一个具有如下用户配置文件的应用程序(第一张图片):https://dribbble.com/shots/1642506-Messaging-app-Viber/attachments/257232
我对配置文件的底部,白线和“跟我来”部分特别感兴趣。我的假设是这是使用 UICollectionView 完成的,但如果我弄错了,请纠正我,我会相应地编辑这个问题。对于 6 个元素, Collection View 看起来非常标准(其中 'o' 代表一个圆圈):
o o o
o o o
我不希望它们对每个低于 6 的数字都这样排列。我希望它们居中。例如,5 个元素看起来像:
o o o
o o --> (居中前三位 - Markdown 空格)
4:
哦哦
哦哦
3:
o o 或 o o o(可能是以前的,空的底线看起来很乱)
o --> (居中在前两个之间 - Markdown 空格)
2:
○
○
1:
○
如果您有更好的布局建议,请告诉我。因此,正如您从上面看到的,我希望布局根据 Collection View 的数据源中的元素数量进行更改。元素的数量永远不会超过 6。
此外,用户可能能够编辑其中一个配置文件,其中会出现一个“+”图标,从而使 Collection View 以 (n+1) 布局显示。例如,用户编辑包含 4 个元素的配置文件时,将查看 Collection View 布局,就好像它有 5 个元素一样,第五个是“+”号以添加另一个元素。用户将只能从已有 6 个元素的配置文件中删除元素。
最初,我想根据 Collection View 的 indexPath.row 和数据源中的元素数量使用一堆“if”和“switch”语句。但是,这似乎很草率。有没有办法使用自定义 UICollectionViewFlowLayout 来做到这一点?无论哪种方式,如何实现这样的布局?
感谢您提前提供任何建议。对不起,这个问题很长,我可以在必要时提供澄清。
最佳答案
我觉得 Collection View 是错误的解决方案。它们旨在在滚动网格或其他程序布局中显示任意数量的内容。您有 1-6 个按钮,其布局美观,算法不容易生成。
确实,您有 10 个 5x2 排列的“插槽”,您想在其中放置按钮:
[01234]
[56789]
@[0,2,4,5,7,9]
@[0,2,4,6,8]
关于ios - 自定义 UICollectionViewFlowLayout,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24836107/
我正在尝试创建一个具有如下用户配置文件的应用程序(第一张图片):https://dribbble.com/shots/1642506-Messaging-app-Viber/attachments/2
我有一个带有流布局的垂直滚动 Collection View 。我已经对布局对象进行了子类化,以便将元素在每一行的左侧对齐(使用从这里和那里借来的代码),并将节标题放在每个节的左边距(插图)上(而不是
给定一个具有流式布局的 UICollectionView,计算 Collection View 的列数(垂直方向)或行数(水平方向)的最简单方法是什么? 最佳答案 我的做法(假设所有元素具有相同的大小
我正在尝试完成以下任务,我已经使用 UIScrollview 轻松完成了此任务,但我最近一直在尝试 UICollectionView (我知道我玩游戏已经很晚了)并且很想知道是否可以这样做我想要什么,
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。 关于您编写的代码问题的问题必须在问题本身中描述具体问题 — 并且包括有效代码 以重现它。参见 SS
我正在使用 UICollectionViewFlowLayout 来显示 GridView ,这就是我所看到的。 问题出在左侧的缝隙上。我对使用 UICollectionViewFlowLayout
我想在 Collection View 中为每个单元格设置一个自定义大小的布局。正因为如此,我希望单元格能够很好地组合在一起,正如您在此处看到的那样: (第一个单元格是顶部单元格,然后左下角是数字 2
我对流布局进行了子类化,并将其设置为我的 Collection View 中的 collectionViewLayout。 然后我设置布局如下: - (id) init { if(self =
我有一个 UICollectionView,其中的项目可以在运行时修改它的高度。问题是当一个项目高于另一个项目时,项目周围有很多空白。 我正在寻找创建此属性的属性: 我想使用 UICollection
我正在使用 UICollectionViewFlowLayout 在水平 ScrollView 中排列 View 图 block 。默认情况下,我使用 UICollectionViewDelegate
我有一个 Collection View ,它被设置为一个水平的单元格行。它抛出以下约束错误(我正在使用 AutoLayout): The behavior of the UICollectionVi
我有一个 UICollectionView,它使用 UICollectionViewFlowLayout 的自定义子类,使节标题在滚动时粘在屏幕顶部,就像 UITableView 的普通样式一样。我的
我正在尝试修改 UICollectionViewFlowLayout(垂直滚动),以便将每个部分标题放置在该部分所有项目的左侧(而不是顶部,这是默认设置)。 也就是说,这是默认行为: ...这就是我想
我有一个带有 UICollectionViewFlowLayout 的 UICollectionView。我还实现了 UICollectionViewDelegateFlowLayout 协议(pro
我正在使用自定义 UICollectionViewFlowLayout使单元格在到达顶部时缩放和淡入淡出。为此,我正在申请 alpha和 transform到布局属性。这是我的代码( link to
我创建了一个继承自 UICollectionViewFlowLayout 的 Swift 类,并且我已经能够成功地完成一些巧妙的操作,例如更改它绘制的每个框之间的间距。我正在绘制日历,因此想象一下 2
我有一个相当标准的网格布局,使用 UICollectionViewFlowLayout 的子类.当用户点击一个单元格时,我会向下移动后续行中的单元格,以便为将出现的详细 View 腾出空间。它看起来像
经过一番摆弄后,我开始怀疑 UICollectionViewFlowLayout 的间距代码中存在错误。 问题很简单:我想在屏幕上显示五个按钮,我希望按钮之间的间距为 1 pt(视网膜显示屏上为 2
我有一个带有子类 UICollectionViewFlow 布局的 Collection View 。 我想要的效果是旋转(透视,圆形 y 轴)和运动缩放。 我的 Collection View 设置
我最近开始使用 UICollectionView,对 UICollectionViewFlowLayout 有点困惑。似乎 Collection View 中每个单元格的框架是在每个项目之间的相等空间
我是一名优秀的程序员,十分优秀!