共 4 篇相关文章
这篇讲的是如何从零开始，动手实现一个Android中常见的“流式布局”（也叫标签换行布局）。作者从实际项目需求出发，聚焦于自定义ViewGroup的两个核心回调：onMeasure()和onLayout()。 摘要里重点揭示了实现的关键：在onMeasure()阶段，需要遍历所有子控件，测量它们的宽高，并以此计算出控件自身需要的总高度。而在onLayout()阶段，则根据测量结果，逐个确定每个子控件的摆放位置。最核心的逻辑在于：程序会持续累加当前行子控件的宽度，一旦发现加上下一个子控件后会超出父控件的宽度，就会触发换行操作，将下一个子控件放到下一行的起始位置。 整个实现过程清晰展示了ViewGroup如何协调测量与布局来完成复杂的子控件排列。通过理解这段代码，开发者能掌握自定义布局的基本原理，为实现更灵活的UI控件打下基础。
这篇技术文章探讨了iOS开发中界面响应式布局方案的演变与对比。作者指出，早期iPhone屏幕单一，开发者普遍使用绝对定位，无需考虑动态布局问题。但随着iPad和多分辨率iPhone出现，苹果推出了Auto Layout方案。 文章重点对比了Auto Layout及其社区改进（如Masonry）与新兴框架CocoaUI的不同设计哲学。Auto Layout本质是相对布局，但官方实现代码冗长、可读性差；Masonry等库虽用更“人话”的语法简化了代码，但仍未脱离相对布局需要依赖相邻控件关系的固有缺陷。 相比之下，CocoaUI借鉴了Web的流式布局思想，主张每个控件自主完成自身布局，无需关心其他控件。文章通过代码示例直观展示，仅需一行代码即可实现Auto Layout中数十行的内边距设置。此外，CocoaUI还支持从HTML/XML文件直接加载界面并预览，进一步提升了开发效率。作者最终推荐开发者尝试CocoaUI，以更简洁直观的方式解决动态布局难题。
这篇文章深入解析了流式布局的核心原理与代码实现，适合GUI开发者和前端工程师阅读。作者从最简单的布局模型出发，即控件靠左、靠右或堆叠排列，提出使用两个栈（Stack）数据结构——一个管理靠左控件的位置，另一个管理靠右控件——来高效实现流式布局。伪代码清晰展示了布局管理器的工作流程：当放置新控件时，先检查当前空间是否足够；若不够，则根据浮动方向从对应栈中弹出更高位置的控件来释放空间，确保布局不重叠。 文章重点讨论了两个实现关键：一是控件变化时的级联重布局，从子节点一直传递到根节点，这虽然简单但性能开销
许多前端开发者对CSS流式布局的印象，可能还停留在“实现复杂”上。这篇讲的就是如何打破这个认知。作者从实际开发中的一个常见困惑出发，指出两列流式布局（比如左侧固定宽度，右侧自适应）并非难点。核心方案在于正确运用百分比宽度配合弹性计算，并利用现代CSS特性（如`calc()`）来简化等高布局等经典问题。文章通过具体的代码示例，一步步演示了如何构建一个响应式、自适应的两列结构，并解释了其中的布局原理。最终结论是，只要理解了流体容器的计算规则，用对工具，流式布局的实现其实相当直接。读完你会发现，关键在于选择正确的计算方式和组合属性。
