Ionic App:显示Google Directions步骤

时间:2014-08-22 16:14:22

标签: android css3 google-maps ionic-framework

我对这个离子框架非常陌生,到目前为止,我很喜欢它。它很棒,简单快速!

我正在开发一个简单的应用程序,它将全屏幕地图显示为主视图。地图有一组标记,当您点击每个标记时,它会为您提供当前位置的路线。

一切正常,但我不确定显示指示步骤(指令文本)的最佳方式。我首先尝试将它放在侧边菜单中。它有效,但使用起来非常难看和不舒服。 然后我尝试使用ActionSheet,这次它看起来更酷,但我不喜欢它有背景,并且每个项目都是一个按钮。我知道这不是ActionSheets的意图,我只是在玩。

所以,我需要像ActionSheet这样的东西,但我需要更多的控制渲染。 你怎么看?处理此问题的最佳方法是什么?

谢谢!

1 个答案:

答案 0 :(得分:0)

这是一个有点主观的问题。但是,操作表用于按钮,侧面菜单用于导航。两者都有默认行为,可能会让您的用户感到恼火,因为它们在概念上是这类信息的错误UI组件。特别是如果您在错误的位置点击它们将自动关闭,如果您尝试阅读或滚动列表则不会很好。

您应该使用ionContent内部的ionList来显示方向步骤,以便您可以滚动以防步骤大于可用屏幕。您可以在模式中显示步骤,也可以将其设置为另一个可以导航到的状态视图。