【发布时间】:2018-02-22 10:27:46
【问题描述】:
【问题讨论】:
-
对于溢出的ActionBar菜单的三个点,您可以考虑使用Popover。
标签: ios user-interface user-experience
【问题讨论】:
标签: ios user-interface user-experience
有来自 Apple 的 more system icon
【讨论】:
如果我理解正确,点击 3 个点会显示一个新屏幕,其中包含您选择的项目的详细信息?如果是这样,那么在 iOS 上,等价的就是 V 形 (>) 符号。它告诉您点击该条目会将您带到详细信息屏幕。
【讨论】:
我自己使用“square.and.arrow.up”系统图标作为我的等价物。虽然 Android 图标没有那么糟糕,但您可以自己实现它。
此外,底部操作表非常适合 Android 的上下文菜单。
SwiftUI 的 action sheet 实现
.actionSheet(isPresented: $showingActionSheet) {
ActionSheet(title: Text("Change background"), message: Text("Select a new color"), buttons: [
.default(Text("Red")) { self.backgroundColor = .red },
.default(Text("Green")) { self.backgroundColor = .green },
.default(Text("Blue")) { self.backgroundColor = .blue },
.cancel()
])
}
【讨论】:
在 iOS 14 中,Apple 引入了下拉菜单。它应该是最接近 Android 溢出菜单的东西。例如,您可以将“更多”栏按钮项添加到导航栏并为其附加菜单。
您可以在此处找到有关它的详细信息:https://developer.apple.com/design/human-interface-guidelines/ios/controls/pull-down-menus/
【讨论】:
是:省略号
你可以像这样使用它:
Image(systemName: "ellipsis")
【讨论】: