用途:为 UIKit 界面布局提供一套系统化流程,核心是“水平优先切分”,要求在任何布局代码之前先完成可视化确认,避免凭猜测搭结构。
主要能力:一是把界面拆成若干水平行带,根容器始终是垂直 StackView,每个子项为一行;二是强制 ASCII 预览,需画出整屏示意图、标注每行内容、区分固定高度与弹性高度、标出安全区;三是给出行内布局模板(如 [Leading | Center | Trailing])及导航行、列表单元格行、表单行、按钮栏等常见模式;四是提供高度速查(状态栏 44/54pt、导航栏 44pt、大标题 96pt、标签栏 49pt、工具栏 44pt、标准按钮 44pt、大按钮 56pt、文本框 44pt、表格单元格最小 44pt、安全区底部 34pt);五是提供约束命名约定,如 headerRow、contentRow、leadingElement 等。
使用方式:典型流程为——用户提出界面需求(如“做一个设置页”);先输出整屏 ASCII 图;再列出各行内容与高度拆解表;等用户确认或要求修改;最后生成竖向 StackView 加各行约束的 UIKit 代码,逐行自上而下实现。文中提供了登录页的完整示例,含根 StackView 固定到安全区、各行高度约束与水平内边距等。
适用场景:需要与用户对齐布局结构的 UIKit 页面设计,如登录、表单、列表、详情、仪表盘等类型界面。
限制与注意:资料强调不得跳过 ASCII 预览、不得先写布局代码、不得在整体结构前先做单个视图、不得混用 SwiftUI 与 UIKit 做布局、不得在缺少清晰行层级时直接使用 Auto Layout;构建 UI 前应先通过 AskUserQuestion 收集屏幕类型与关键组件等需求。具体收费、平台与效果等事实资料未提供。