【问题标题】:What is the iOS equivalent of the android three dot menu icon?android 三点菜单图标的 iOS 等效项是什么?
【发布时间】:2018-02-22 10:27:46
【问题描述】:

Android 使用三个点(如图)表示有更多可用的菜单项。这个图标对应的 iOS 是什么?

【问题讨论】:

  • 对于溢出的ActionBar菜单的三个点,您可以考虑使用Popover

标签: ios user-interface user-experience


【解决方案1】:

没有明确的等价物,当没有空间显示选项时,我能想到的最接近的是UITabBarItem 内的水平三个点:

话虽如此,上下文菜单在 iOS 应用中并不常见,并且它们没有默认的 UI 项

【讨论】:

  • 不希望这是正确的答案,但它是!
【解决方案2】:

有来自 Apple 的 more system icon

查看全部system icons here

【讨论】:

    【解决方案3】:

    如果我理解正确,点击 3 个点会显示一个新屏幕,其中包含您选择的项目的详细信息?如果是这样,那么在 iOS 上,等价的就是 V 形 (>) 符号。它告诉您点击该条目会将您带到详细信息屏幕。

    【讨论】:

    • 该功能会在单击后弹出一个弹出窗口,您可以在其中选择一个菜单项,该菜单项会将您带到其他地方。我认为雪佛龙是导航到旅程的下一页
    • 我已经编辑了我的原始帖子以包含显示我的意思的图像
    • 嗯。听起来 Apple share icon 是最接近的东西。点击它会弹出一个不同选项的菜单,用于打印、复制到剪贴板、保存到您的照片库、通过电子邮件/文本/facebook/等共享(选项因上下文而异。)但是我还没有看到用于像您在 Android 上显示的列表项。
    【解决方案4】:

    我自己使用“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()
        ])
    }
    

    【讨论】:

      【解决方案5】:

      在 iOS 14 中,Apple 引入了下拉菜单。它应该是最接近 Android 溢出菜单的东西。例如,您可以将“更多”栏按钮项添加到导航栏并为其附加菜单。

      您可以在此处找到有关它的详细信息:https://developer.apple.com/design/human-interface-guidelines/ios/controls/pull-down-menus/

      【讨论】:

        【解决方案6】:

        是:省略号

        你可以像这样使用它:

        Image(systemName: "ellipsis")
        

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 2015-07-07
          • 1970-01-01
          • 2012-05-05
          • 1970-01-01
          • 2016-08-12
          • 2016-04-17
          • 1970-01-01
          相关资源
          最近更新 更多