开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

对于UICollectionViewCell，优先考虑间距而不是大小

UICollectionViewCell是iOS开发中的一个类，用于在UICollectionView中展示内容。它类似于UITableView中的UITableViewCell，用于展示集合视图中的每个单元格。

UICollectionViewCell的优先考虑间距而不是大小是指在设计和布局UICollectionView时，应该首先考虑单元格之间的间距，而不是单元格的大小。这是因为合适的间距可以提升用户体验，使内容更加美观和易读。

在考虑间距时，可以通过以下几个方面进行优化：

内容间距：确保单元格内部的内容与边框之间有适当的间距，以避免内容过于拥挤或靠近边缘。
单元格间距：确定单元格之间的间距，使它们在布局中均匀分布，并且不会过于拥挤或过于稀疏。
边缘间距：考虑单元格与UICollectionView边缘之间的间距，以确保内容不会靠得太近或太远。

通过合适的间距设置，可以提高用户对内容的可读性和可理解性，同时使整个集合视图看起来更加整齐和平衡。

在腾讯云的相关产品中，可以使用腾讯云移动开发套件（Mobile Development Kit，MDK）来构建iOS应用程序，并使用其中的UICollectionView组件进行界面设计和开发。MDK提供了丰富的UI组件和布局选项，可以方便地设置单元格之间的间距，并提供了详细的文档和示例代码供参考。

腾讯云移动开发套件介绍链接：https://cloud.tencent.com/product/mdk

相关搜索:Django优先考虑<something>，而不是admin/和login/ urls 如何在提交Spark作业时优先考虑maven依赖而不是Spark类路径？安卓ScaleAnimation是相对于当前大小，而不是实际大小...如何修复？相对于屏幕而不是父元素调整HTML元素的大小获取excel文件中的图像大小(高度和宽度)，而不是使用Apache POI时的原始大小(对于xls和xlsx文件)IndexError:对于大小为8的轴1，索引8越界。当我给出9而不是8时，它可以工作，但精度太低 html标签内联 html链接id html中的行列 html按键响应

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

【IOS开发基础系列】UICollectionView专题

1.5 关于Cell 相对于UITableViewCell来说，UICollectionViewCell没有这么多花头。...因此SDK提供给我们的默认的UICollectionViewCell结构上相对比较简单，由下至上： • 首先是cell本身作为容器view • 然后是一个大小自动适应整个cell的backgroundView...• 首先一个重要的属性是itemSize，它定义了每一个item的大小。...垂直滚动时section间宽度为该尺寸的高，而水平滚动时为宽度起作用，如图。 ...Cell等间距的实现 http://www.th7.cn/Program/IOS/201505/449935.shtml UICollectionView cell横向间距如何调整(列距调整) http

6413 0

iOS流布局UICollectionView系列三——使用FlowLayout进行更灵活布局

collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section{ return 100; } -(UICollectionViewCell...collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath{ UICollectionViewCell...现在的布局效果是不是炫酷了许多。...layout:(UICollectionViewLayout*)collectionViewLayout insetForSectionAtIndex:(NSInteger)section; 动态设置每行的间距大小...UICollectionViewLayout*)collectionViewLayout minimumLineSpacingForSectionAtIndex:(NSInteger)section; 动态设置每列的间距大小

2K3 0

细述Kubernetes和Docker容器的存储方式

UICollectionViewFlowLayout类是UICollectionViewLayout类的子类，对于复杂的布局，可以自定义UICollectionViewLayout类。...自定义一个单元格类，它需要继承UICollectionViewCell。...设置每一行之间的间距：minimumLineSpacing。设置单元格之间的间距：minimumInteritemSpacing。...UICollectionViewLayout*)collectionViewLayout insetForSectionAtIndex:(NSInteger)section{ } 复制代码 //动态设置每行的间距大小...UICollectionViewLayout*)collectionViewLayout minimumLineSpacingForSectionAtIndex:(NSInteger)section{ } 复制代码 //动态设置每个单元格的间距大小

1.5K2 0

打造开源第一 iOS 图片浏览器 (支持视频)闲谈

二、面向协议的设计模式显示内容的载体目前有图像和视频，笔者先是考虑过写一个 UICollectionViewCell 的基类，利用多态来做子类的自定义，然而这样会带来问题：一是若组件使用者想要拓展内容载体但却不便于继承这个基类...换个思路来思考，组件主体对内容载体也就是 UICollectionViewCell 的关系应该是无耦合的，就像上面多态的思路，组件只关心这个基类，而不直接和子类交互。...笔者最终决定采用观察者模式，考虑到业务的特殊性，对于同一个 data，基本上异步操作是串联的，也就是说，不会在下载的同时异步压缩，不会在异步查询缓存的时候下载。...缓存共享问题组件用到了缓存，而开发者自己的业务中同样用到了缓存，它们之间如何共享是一个问题，若是用的同一个缓存框架还好说，若不是就比较麻烦了。...值得注意的是，全局区变量生命周期会延长到程序结束，所以对于内存占用比较高的变量需要慎重考虑是否放入全局区，或者手动管理它的内存释放。

1.5K4 0

WWDC2016 Session笔记 - iOS 10 UICollectionView新特性

这时我们每次只加载一个cell，而不是每次加载一行的cell。当第一个cell准备好之后再叫第二个cell准备。...我们可以利用这个方法来处理在滑动中取消或者降低提前加载数据的优先级。...所以想指定cell的大小，就可以用上面3个方法之一。但是实际操作中，我们可以发现，有时候设置一个合适的estimated item size，对于我们来说是很困难的事情。...如果flow layout可以用数学的方法动态的计算布局，而不是根据我们给的size去布局，那会是件很酷的事情。 iOS 10中就引入了新的API来解决上述的问题。...reordering 最后，谈谈我看了iOS 10 UICollectionView的优化的看法吧，原来有些地方用到AsyncDisplayKit优化UICollectionView速度的，现在可以考虑不用第三方库优化了

1.9K3 0

Swift纯代码走进UICollectionView

2.jpg Swift对于一门新的iOS编程语言，他的崛起是必然的我们这群老程序员们学习新的技能也是必然的不接受新技能将被这大群体无情的淘汰 So 我欣然接受这门看似不成熟的语言下面我们说说...Home_HeadView } return v } //返回cell 上下左右的间距 func collectionView(collectionView: UICollectionView...reloadData() } } } 接下来让我们看下cell里面究竟写了些什么玩意 class Home_Cell: UICollectionViewCell {...required init(coder aDecoder: NSCoder) { fatalError("init(coder:) has not been implemented") } } 是不是还觉得缺少点什么...没错，我们的headview是不是还没整啊？接下来呢，我们看下UICollectionView的headview该怎么设置重点在这里！

3.2K2 0

Texture

渲染：对于大量文本、图片等的渲染，UIKit组件只能在主线程进行，可能会造成GPU绘制的资源紧张；而ASDK会在后台异步绘制图层，不会阻塞主线程的运行。实际上，ASDK的最大特点就是异步。...ASCellNode 作用等同于UITableViewCell或者UICollectionViewCell，自带indexPath属性，有些时候很有用。...布局 AsyncDicplayKit拥有自己的一套成熟的布局方案，虽然语法比Masonry等（对AutoLayout的封装）要复杂，但是其性能却比AutoLayout好得不是一点点。...4、一些Node需要设置初始大小有一些元素，基于其可用内容，是有一个“固定大小”的，此时我们无需给其设置初始大小。...spacing，每个子元素之间的距离，即主轴上视图排列的间距。

2.4K6 1

iOS图片浏览器（功能强大性能优越）

其实对于图片浏览器，开源项目也有不少，不管是代码上还是功能上没有一个能完整的满足笔者的需求。...目前采用的是 UIViewController 做为底，上层是一个横向滚动的 UICollectionView ，在 UICollectionViewCell 上面是 UIScrollView ，当然还包括主要显示图片...五、内存的优化由于如今的 APP 做的越来越复杂，作为一个合格的移动端程序员，我们需要时刻关注内存问题，虽然这并不是刚需。...试想一下，手机的两种竖屏状态（home在上，home在下），两种横屏状态（home在左，home在右），它们的frame是不是一样？...所以，这里需要加入一个标识，用来存储此时当前 UIView 显示的frame类型是“竖屏”还是“横屏”，而不是每一种屏幕状态变化都去做所有的布局更新，理论上提高了一倍的布局开销。

2.3K7 0

细谈设计稿还原

下面对上面问题一一详细展开元素大小先来说下元素大小的问题，对于图片类的来说我们就要获取图片在PS中的正确大小，这一般来说百分之八十都没什么问题，除了一些设计师进行过特殊处理加工各层叠加等效果的需要费点时间搞定...；而对于文字来说，那就是文字大小了，但是还有个不能忽略的字体问题，同一个大小不同字体可能相差十万八千里。...对于第一点为了准确性及效率，我们可以采用 Cutterman这个PS插件；而第二点我们就得使用规范去约定，约定网站常规字体类型及大小元素之间的间距既然网站从视觉上表现出来的就是图片与文字，那么间距总体来说就是分为三种情况了...为了得到元素之间的间距，首先我们得有个工具来测量，当然PS默认提供了标尺这个工具来供我们测量，但是实际使用起来还是有点麻烦的，效率不怎么高，而QQ提供的截图效率是快了，不过精准度方面就有点欠缺了，如果真要仔细考究起来那就得使用其他更精准效率也高效的工具了...而行高也是个很复杂的事，光这个行高问题就可以写一篇文章了，这里就不再细叙，具体可参看：深入理解CSS中的行高——简版所以如果要解决这个间距的问题，还得让设计师设计的时候就考虑到行高这一因素，然后你还要熟记常规行高的半行间距

1.6K1 0

细谈设计稿还原

下面对上面问题一一详细展开元素大小先来说下元素大小的问题，对于图片类的来说我们就要获取图片在PS中的正确大小，这一般来说百分之八十都没什么问题，除了一些设计师进行过特殊处理加工各层叠加等效果的需要费点时间搞定...；而对于文字来说，那就是文字大小了，但是还有个不能忽略的字体问题，同一个大小不同字体可能相差十万八千里。...对于第一点为了准确性及效率，我们可以采用 Cutterman这个PS插件；而第二点我们就得使用规范去约定，约定网站常规字体类型及大小元素之间的间距既然网站从视觉上表现出来的就是图片与文字，那么间距总体来说就是分为三种情况了...为了得到元素之间的间距，首先我们得有个工具来测量，当然PS默认提供了标尺这个工具来供我们测量，但是实际使用起来还是有点麻烦的，效率不怎么高，而QQ提供的截图效率是快了，不过精准度方面就有点欠缺了，如果真要仔细考究起来那就得使用其他更精准效率也高效的工具了...，还得让设计师设计的时候就考虑到行高这一因素，然后你还要熟记常规行高的半行间距（半行间距不同浏览器还可能表现不一样），标记的尺寸再减去这个半行间距就是实际的间距。

2.6K7 0

CSS行高(line-height)及文本垂直居中原理

style> 文本垂直居中原理这样，span标签中的文字就相对于...5.png 如果一段文本的高度为16px，如果给他设置line-height的高度为200，那么相当于，文本的上下间距的高度增加了，但是文本本身的高度依然是16是不变的，并且一直默认在行框中垂直居中，而上间距和下间距平分了...所以，容器被这一行文本占满，而本身文字在自己的一行中是垂直居中的，所以看起来就像是在容器中垂直居中。 3....5.行高可以被继承我们知道，CSS的三大特性是继承、层叠、优先级。line-height也是可以被继承的，如下面的示例： <!...行高计算的基数如果行高的单位不是px，那么将来行高要进行计算：这个计算需要一个基数，这个基数是当前标签的字体大小，而不是浏览器默认字体大小。

4.5K1 0

文字如何实现完美UI？文本排版设计告诉你

2)字体大小手机屏幕有限，字体大小至关重要。如果你只是在手机屏幕上使用微小字体来解决，那就真是一个笑话了。虽然用户可以缩放文本来改变字体大小，从而提升可读性，但这绝不是设计师偷懒的借口。...对于iOS，使用至少11sp的字体大小，而对于Android，请选择14 sp为主文本。请注意，这是主文本通常使用的标准，不是强行的唯一标准。...3) 全文本字间距上面不是刚提了字距吗？这里是否重复了呢？当然不是，字距在两个文字间和全文本的字间距并不是完全一样的概念。这两者往往可能会使设计师产生迷惑，但它们类似却不同。...此外，字体大小也是对比度的一大考虑。当设置层次结构时，不要太过火，标题的字体大小不能太大于文本主体。最后，留白和文本部分也可以形成一种微弱的对比。 ? 7....左中右三种方式都可以保留边距，而两端对齐在左右两侧都没有边距。此外，两端对齐文本会导致不一致的字间距，最坏的情况还会导致一行中的几个单词紧紧凑在一起。对于文本主体而言，两端对齐是不明智的选择。

2.5K7 0

【Web技术】522- 设计体系的响应式设计

然而移动设备已不再是「低级设备」，Fiori 尽管强调「专注增强而非降级」，但它同时提出的「提前考虑移动端更多的独特特性」却与渐进增强的设计思想相悖，让「移动优先」沦为了某种形式化而难以执行，例如下面这个报告界面的场景里...我认为在移动设备高度发展的当下，「移动优先」不再适合作为单独概念提出来，而渐进增强的设计思想应该体现在更细分的场景中，例如在布局、信息排版以及交互反馈中，我们应该优先考虑限制更大的移动端；在一些交互方式上...，优先考虑限制更大的鼠标操作。...Resize - 调整大小调整大小是最基础的设计模式，是一个容器默认的响应式模式，通常有等比缩放、固定高度、或是在不同尺寸下按不同比例规格缩放三种形式，即便在无响应式设计的体系里，容器跟随屏幕尺寸而变化也是一个常见的应用方式...而 Fiori 以及 Lightning 在通用性响应式设计模式上的定义上没有那么全面，他们侧重于在组件层面对所有组件都考虑了针对性的 Responsive 或 Adaptive 的方案。

1.8K2 0

iOS-屏幕适配实现（AutoLayout）

，添加到父视图上对于两个同层级 view 之间的约束关系，添加到它们的父 view 上相对于另一个控件的约束，添加到其共有的父视图上对于两个不同层级 view 之间的约束关系...，肯定不行建议：给了距离左边的间距，同时给出空间宽度即可，适用于lable，textfile等控件，不考虑它到底距离右边多少；如果给了距离左右的间距，就不要给宽度了，适用于button之类的控件。...、RR CR RC RC、RR RC、CC RC CC CC、CR CC、RC CC RR RR、RC RR、CR RR 在不同布局下，同一控件通过设置不同常数值实现相同效果，可以在配置在添加布局，而不是添加两个约束...在配置在添加布局，而不是添加两个约束在不同设备上修改控件属性，比如在iPhone竖屏上字体比较小，在iPhone横屏上字体比较大，这时候使用Vary for Traits就没有效果了，我们只需要为控件属性增加布局...-Required(1000)：默认优先级（高优先级） -Required(1000)：中优先级 -Required(1000)：低优先级 Multiplier：约束值放大倍数 -Reverse

3891 0

小问题记录

view设置frame且尺寸参数有不同的情况下调用滑动UIScrollView时，scrollView和其父view会调用旋转屏幕会在viewController的根view调用重新改变view的大小...，size就是其尺寸 bound: origin永远是(0,0)，size也是尺寸 center: 是View的中心点，但坐标是相对于屏幕的。...reference 自动布局下获取View的尺寸 reference 把touch事件传递给子View 涉及到事件传递部分内容，另外再开博客记录 reference ---- UILabel UILabel设置行间距...UIGraphicsGetImageFromCurrentImageContext(); UIGraphicsEndImageContext(); return image; } UIImage占内存大小...构造 UICollectionViewCell 不能用-(id)init{}，要用-(id)initWithFrame:(CGRect)frame或者initWithCoder() ---- NSArray

3.4K2 1

抛弃UITableView,让所有列表页不再难构建

毕竟产品经理的想法很多，后期完全可能再加入视频播放、语音播放，甚至在这个feed流中加入比如广告等其他类型的数据，这个FeedCell和tableview将会越来越难以维护，计算高度也将变难，而且牵一发而动全身...这个概念类似于一个用于配置一个 view 的 view-model：数据对象就是 view-model，而 cell 则是 view，section controller 则是二者之间的粘合剂。...= UIEdgeInsets(top: 5, left: 0, bottom: 0, right: 0) return stack } 这里已经体现出IGListKit相对于传统实现的绝对优势了...这是我比较推荐的实现方式，但并不是唯一的，还有两种实现方式ListBindingSectionController(推荐实现)和只需要一个ListSectionController就能实现，已经在demo...计算高度已经变的容易很多了，这个缺点可以忽略了因为是基于UICollectionView的，所以没有UITableView自带的滑动特性，这一点其实issue里有人提过，但其实这并不属于IGListKit应该考虑的范畴

1.6K3 0

Refactoring UI

这对于文章或文档等文档风格的内容很有帮助，但在应用程序用户界面中却会助长一些错误的决定很容易掉进把标题做得比实际需要更大的陷阱很多时候，章节标题更像是标签而不是标题--它们是辅助内容，不应该抢走所有的注意力...，其中破坏性操作实际上是主要操作，并在此处使用大红色粗体样式 # 布局和间距 # 开始时留白过多清理设计最简单的方法之一就是给每个元素多一点呼吸的空间 # 应删除空白，而不是增加空白为网页设计时...将自己限制在事先定义好的一组有限制的值范围内 # 线性比例尺不起作用创建一个间距和大小系统并不像 "确保所有东西都是 4px 的倍数 "那么简单一个系统要想真正发挥作用，就必须考虑到相对于其他系统的相邻值之间的差值..."中推荐的间距和尺寸比例尺非常吻合它的限制足以加快你的决策速度，但又不至于让你觉得错过了有用的尺寸 # 避免使用 em 单位由于 em 单位是相对于当前字体大小而言的，因此嵌套元素的计算字体大小通常并不是缩放比例中的实际值...# 考虑可读性一般来说，文本的对齐方式应与所使用语言的方向一致对于英语（以及大多数其他语言）来说，这意味着绝大多数文本都应左对齐 # 不要将长格式文本居中居中对齐对于标题或简短、独立的文本块来说非常合适

7093 0

「Adobe国际认证」再优秀的设计师,也无法避免的 9 个,平面设计错误！

简而言之，字距调整是您写作中字母之间的间距。看看下面的图片。你能看出有和没有字距调整的设计区别吗？字距调整后文本在视觉上看起来更有吸引力，不是吗？...确保在字母之间添加同样感知的空间眯着眼睛或交叉你的眼睛，这样你就可以看到字母之间的空间，而不会被字符分散注意力同样注意单词之间的间距，而不仅仅是字母之间的间距考虑“桌面优先” 认为桌面优先是一个巨大的错误...[相反] 为您正在设计的所有内容考虑移动优先；这就是人们消费东西的方式。” 一个Comscore的报告凸显移动设备占用的花费在数字媒体上的时间70％。...设计多个图形以测试它们在不同尺寸的便携式设备上的外观坚持使用较小的文件大小，以便在移动设备上更快地加载图形为您的图形创建横向和纵向布局，以便您的设计适合用户查看您的设计的任何屏幕方向缺少空格缺乏空白的是另一个设计缺陷...对于2021，您应该使用：充满活力的配色方案，与去年盛行的粉彩形成鲜明对比薄几何形状，给人一种未来主义的感觉极简主义趋势对排版的考虑不足排版是负责使您的设计可读、可访问和可用的主要元素。

5502 0

CSS

默认行高：不是固定值，而是变化的。根据当前字体的大小再不断的变化。...取值：1. number( px ) | scale ( 比例值 , 跟文字大小成比例的 ) letter-spacing : 字之间的间距 word-spacing : 词之间的间距 ( 针对英文段落的... 多个样式的时候，样式的优先级根据CSS决定，而不是class属性中的顺序。...内联元素的对齐方式是按照文字基线对齐的，而不是文字底线对齐的。...如果有定位祖先元素相对于定位祖先元素发生偏移，没有定位祖先元素相对于整个文档发生偏移（绝对、相对、固定） fixed：使元素完全脱离文档流使内联元素支持宽高（让内联具备块特性

9791 0

为什么margin、padding和其他间距技术应使用 px 单位

绝对长度单位总是相同的，而不是基于页面中的其他内容相对长度单位单位可以改变，并基于字体和视口如何确定何时使用绝对或相对 CSS 单位？...在决定使用绝对还是相对 CSS 单位来处理某个 CSS 属性时，你需要考虑用户想要做什么。你可能已经熟悉了在文本大小方面使用相对长度单位。...间距对于用户完成任务来说往往并不重要，因此不需要像内容本身那样以同样的速度增长或缩放。就垂直间距而言，最终也会增加用户完成任务的难度。...由于水平空间有限，文字必须换行到下一行，对此你无能为力，但你也不想让页面变得更高，因为你的垂直间距会随着文字大小的增加而增加。...这充分体现了让该部分的媒体查询使用 rem 单位而不是 px 单位的好处。

1081 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭