xib之cell高度计算--简单实现cell高度由控件数量自定义

核心思想:约束设置(xib)

->继上次的多label计算cell高度之后,本次带来的是,多控件的cell高度动态计算

实现成果1

实现成果2

如图,我们发现,最终的cell的高度,是根据按钮数量而自适应决定的,而在实际开发中,我们也经常需要有这种需求;

简单做法:

1.镇楼图所示,竖直方向约束贯穿整个cell

2.添加展示View的高度约束,此View的约束根据控件数量,我们手动计算

3.调用系统方法,实现cell高度的自动适应


第一步:设置竖直方向约束

竖直方法约束

第二步:设置显示View的高度约束

设置显示的View高度

第三步:计算并更新显示View的高度

手动计算内容高度

第四步:调用系统计算整个cell高度的方法

系统自动计算cell高度的方法

最终实现需求~

小tips:此项目与 多 label 的cell自动适应高度略有不同,多label的那个Cell,竖直方向上就当前的label所在的View,我们目前的这个cell,view上方还有一个label,竖直方向并不是仅有一个控件!

拓展:如果有多个控件在竖直方向上,如镇楼图所示,只要你设置竖直方向的约束,从top 到 bottm 贯穿整个 cell,一样可以实现cell自适应高度~

简单Demo:Demo

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏非著名程序员

目标:双向拖动的自定义View

国际惯例先预览后实现 ? 我们要实现的就是一个段位样式的拖动条,用来做筛选条件用的, 细心的朋友可能会发现微信设置里面有个一个通用字体的设置, 拖动然后改变字...

24460
来自专栏WindCoder

一个创建产品动画说明视频的新手指南

英文原文:A Step-by-step Guide to Creating Animated Product Explainer Videos

21310
来自专栏Windows Community

UWP 手绘视频创作工具技术分享系列 - SVG 的解析和绘制

本篇作为技术分享系列的第一篇,详细讲一下 SVG 的解析和绘制,这部分功能的研究和最终实现由团队的 @黄超超 同学负责,感谢提供技术文档和支持。  首先我们来看...

41590
来自专栏格子的个人博客

Markdown语法学习记录

鉴于每次写博客,写文章的时候,总是要重复去查询Markdown的相关语法,这种闹心的感觉我再也不要了。

11220
来自专栏糊一笑

移动端效果之Picker

写在前面 接着前面的移动端效果的研究,这次来看看picker选择器的实现原理 移动端效果之Swiper 移动端效果之CellSwiper 移动端效果之Index...

42030
来自专栏数据小魔方

条件格式单元格图表

今天跟大家分享条件格式单元格图表! ▼ 这类图表比较特殊,不是通过excel的内置图标库制作,而是通过excel的条件格式工具制作的存放在单元格中的图表。这种图...

42680
来自专栏葬爱家族

Android高级动画(2)

前面一篇文章已经讲了Android中大部分的动画框架,回顾一下有:Tween动画,属性动画,帧动画,CircularReveal,Activity转场动画,5....

24720
来自专栏一“技”之长

iOS动画开发之一——UIViewAnimation动画的使用

      一款APP的成功与否,除了完善的功能外,用户体验也占有极大的比重,动画的合理运用,可以很好的增强用户体验。iOS开发中,常用的动画处理有UIView...

12530
来自专栏coding for love

CSS进阶09-定位体系差异分析

(注1:如果有问题欢迎留言探讨,一起学习!转载请注明出处,喜欢可以点个赞哦!) (注2:更多内容请查看我的目录。)

10630
来自专栏前端说吧

css笔记 - transition学习笔记(二)

transition过渡 :用于当元素 从一种样式变换为另一种样式 时为元素添加效果。

9130

扫码关注云+社区

领取腾讯云代金券