陈看川博客
·
SwiftUI Menu checkmark 文本对齐
💡
原文中文，约1800字，阅读约需5分钟。
📝
内容提要
在 SwiftUI 中，使用 Picker 和 Toggle 实现带有 checkmark 的菜单文本对齐更为简单有效。这些组件自带对齐效果，能够处理选中和未选中状态下的文本布局。
🎯
关键要点
- 在 SwiftUI 中，使用 Picker 和 Toggle 实现带有 checkmark 的菜单文本对齐更为简单有效。
- 使用 Button 或自定义 View 难以实现选中状态和非选中状态的文本对齐。
- 在未选中状态时，左侧的 icon 不显示，但文本和选中状态保持左对齐。
- 使用 Menu + Label 实现文本对齐时，Label 在 systemImage 传空时会忽略 icon。
- 自定义 buttonStyle 或布局时，使用 EmptyView、Spacer、Color.clear 等方法无效。
- Menu 对其内部视图施加强有力的布局约束，导致子视图布局不受控制。
- 推荐使用 Picker 和 Toggle，这两个组件自带对齐效果。
- 在 SwiftUI 中实现高度自定义布局有时不如 UIKit，Apple 更倾向于官方推荐方案。
❓
延伸问答
如何在 SwiftUI 中实现带有 checkmark 的菜单文本对齐？
可以使用 Picker 和 Toggle 组件，这些组件自带对齐效果，能够有效处理选中和未选中状态下的文本布局。
为什么使用 Button 或自定义 View 难以实现菜单文本对齐？
Button 和自定义 View 在处理选中状态和非选中状态的文本对齐时效果不佳，容易导致布局混乱。
在未选中状态下，菜单的 icon 如何处理？
在未选中状态时，左侧的 icon 不显示，但文本和选中状态保持左对齐。
使用 Menu + Label 时，如何处理空 icon 的情况？
当 Label 的 systemImage 传空时，会忽略 icon，因此需要选择合适的组件来实现对齐。
SwiftUI 中实现高度自定义布局的难点是什么？
SwiftUI 对内部视图施加强有力的布局约束，导致子视图布局不受控制，难以实现高度自定义布局。
Apple 对于 SwiftUI 布局的推荐方案是什么？
Apple 更倾向于开发者使用官方推荐的方案，如 Picker 和 Toggle，而不是追求高度自定义的布局。
➡️
