【问题标题】:How do I create multiple screens/views using phoneGap?如何使用 phoneGap 创建多个屏幕/视图?
【发布时间】:2014-08-22 17:26:10
【问题描述】:

我正在构建一个阅读应用程序,并想第一次尝试使用 phoneGap。我对 HTML、CSS 和 JS 很熟悉,但对 xCode 没有太多经验。假设对于主屏幕上的这个阅读应用程序,我有一个按钮。当用户单击按钮时,我希望它重定向到另一个屏幕/视图。这样做的正确方法是否只是在主页上创建一个链接,当他们点击它时将他们重定向到另一个视图?我不认为我需要另一个模型或控制器,但我不确定。

【问题讨论】:

    标签: ios css cordova mobile


    【解决方案1】:

    在 Phonegap 应用程序中实现多个“视图”的最佳方式是使用“单页应用程序”设计模式。

    Phonegap 应用程序是原生应用程序,将原生 web 视图设置为应用程序的默认和唯一原生视图。虽然您可以使用插件来实现其他类型的原生视图,但基本的 Phonegap 应用程序只使用一个原生视图。

    您可以根据自己的喜好在 web 视图中使用 HTML/CSS/JS 进行编程。

    如果你不熟悉单页网站设计模式,这里有一个基本的解释:

    • 一个 html 文件
    • 使用具有特定 ID 的 div 容器来显示和隐藏内容
    • Ajax 请求用于在应用程序中操作数据(因此无需刷新页面)

    【讨论】:

    • 好吧,假设我有一个包含 10 章的应用程序,但我只想一次显示一章。您是说显示第一章(隐藏其余部分)然后当我单击第二章时,显示该章并隐藏其余部分。对吗?
    • 没错。有一些基于 JS 的模板库可以帮助解决这个问题,我建议使用 HandleBars handlebarsjs.com,但只需 google 搜索 javascript template framework。使用其中一种框架可以提高单页应用的性能。
    • 太棒了。道森,我还有几个问题,你介意我给你发电子邮件吗?你真的很有帮助。
    • 抱歉,没有意识到它被设置为私有:dawson dawsonloudon {dot} com
    猜你喜欢
    • 2016-12-08
    • 1970-01-01
    • 1970-01-01
    • 2011-02-17
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多