TIZEN 硬件按钮 返回 - 菜单 ... 如何编程

Question

我相信这些问题和答案会帮助很多用户！ Tizen 文档充其量是难以理解的。 BACK BUTTON 的 Tizen Studio 示例用于单个 index.html 页面。当按下后退按钮时，它只会转到同一“页面”上的不同

，而不是不同的 html 文档（例如：page1.html、page2.html、page_new.html、page_bart.html 等。 )

我搜索了 Tizen 论坛、Google 和 Stackoverflow。我得到答案的壁橱如下。

不幸的是，问题和答案都是 2015 年的，因为版本 2.3 并且不起作用。

链接在这里： Stack overflow Tizen 1

这里： Stack overflow Tizen 2

这是我所拥有的：

Tizen Studio 1.2，TAU Web App，Tizen 2.4 版，所有代码都是带有一点 Java 的 HTML5，一切正常...（以下除外）。

这是我需要的：

1. 当用户在 page10.html（例如，任何页面）上并按下后退按钮时，“tau Web 应用程序”只会返回到 page9.html。如果他们再次按下它，它会返回到 page8.html。如果他们再次按下第 7 页等。

2. 如果用户按下菜单按钮，弹出窗口（如 TIZEN 示例应用程序）会显示：“您要退出应用程序吗？选择是或否。 如果用户按下“是”，Web 应用程序（或浏览器）窗口将立即关闭。如果用户按否，弹出窗口会立即关闭，用户会停留在该页面上。

3. 在我的应用程序结束时，我有一个按钮，上面写着“结束”。当用户单击它时，它会立即关闭 Web 应用程序（或浏览器窗口）。

4. 此请求是可选的，但为什么不...功能只需几行代码即可。目前，每一页（我有 100 多页）都从一个页面跳转到另一个页面。我想使用页面过渡（可能是页面幻灯片，我可以尝试其他人吗？）。有翻页吗？

请各位代码奇才！我的应用程序已完成，但我一直试图让硬件按键按钮工作！我很肯定其他 Tizen 开发人员也会感谢上述问题的工作代码！

提前谢谢你！

这里是下载所有代码的链接：

“TIZEN 硬件拼图.PDF” 链接在这里： Single PDF with lots of TIZEN code

这个 .pdf 显示了我当前的代码、来自 Tizen 的一些示例代码以及我可以在网上找到的关于 TIZEN 后退按钮的任何内容。

还有一个小小的请求（一个重要的）......

您能告诉我代码插入的位置吗！？！

例如：

<!-- Put this code anywhere in main.js -->

<script>EXAMPLE</script>

<!-- End -->

或

<!-- Put this code in the Head on EACH page -->

<script>EXAMPLE</script>

<!-- End -->

或

<!-- Put this code in the Body on index.html page -->

 <script>EXAMPLE</script>

<!-- End -->

这将帮助像我一样刚起步的每个人！我们真的需要知道将代码放在哪里，而不仅仅是在这里！ 谢谢！

Stackoverflow 是最好的！！！

======================================

【问题讨论】：

• 第四个我听不懂。请澄清并检查我的答案。

Answer 1

您可以使用 TAU 来满足帖子“我需要的东西：”部分的前三个要求。它提供了一系列简化应用程序编码的 UI 组件。

我建议您浏览一下 Tizen Studio 中的 TAUUIComponents 示例应用程序。

对于第一个需求，即分页，你可以通过 app.js 并尝试了解它是如何管理硬件返回键事件以返回上一页的。

对于第二个，即流行的东西，通过 moremenu.js 在这里你会发现代码如下：

menukeyHandler = function (ev) {
    if( ev.keyName === "menu" ) {
        if (morePopup.classList.contains("ui-popup-active")) {
            tau.closePopup();
        } else {
            tau.openPopup("#moremenu");
        }
    }
};

现在，浏览 moremenu.html 文件并修改如下：

<div id="moremenu" class="ui-popup ui-popup-moremenu">
            <div class="ui-popup-content">
              <div class="ui-popup-content popup-content-padding">
                Do you want to exit the app?
            </div>
                 <div class="ui-popup-footer ui-grid-col-2">
                <a class="ui-btn" data-rel="back" data-inline="true">Yes</a>
                <a class="ui-btn" data-rel="back" data-inline="true">No</a>
            </div>
            </div>
        </div>

我想，一旦你完成了以上两个，那么你也可以完成第三个要求。

要了解有关 TAU 组件的更多信息，您可以通过以下链接：

1. https://developer.tizen.org/development/api-references/web-application?redirect=/dev-guide/2.4/org.tizen.web.apireference/html/ui_fw_api/Mobile_UIComponents/mobile_component_list.htm
2. https://developer.tizen.org/development/guides/web-application/user-interface/tizen-advanced-ui/hello-world