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

Question

我相信这些问题和答案会对很多用户有所帮助！Tizen文档充其量很难理解。后退按钮的 Tizen Studio 示例适用于单个索引.html页面。当按下后退按钮时，它只会转到同一"页面"上不同的

，而不是转到不同的html文档(例如：page1.html，page2.html，page_new.html，page_bart.html等)

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

不幸的是，问题和答案都来自 2015 年，适用于 2.3 版，并且不起作用。

链接在这里： 堆栈溢出 Tizen 1

在这里： 堆栈溢出 Tizen 2

这是我所拥有的：

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

这是我需要的：

1. 当用户在第 1.html 0 页(例如，任何页面)上并按下后退按钮时，"tau Web 应用程序"只需返回第 9 页.html。如果他们再次按下它，它会回到第 8 页.html。如果他们再次按下第 7 页等。

2. 如果用户按下"菜单"按钮，则会弹出一个窗口(如 TIZEN 示例应用程序)显示："是否要退出应用程序？选项是或否。 如果用户按"是"，Web 应用(或浏览器)窗口将立即关闭。如果用户按 NO，弹出窗口将立即关闭，用户将停留在该页面上。

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

4. 此请求是可选的，但为什么不...这些功能就在几行代码之外。目前，每个页面(我有超过 100 个)从一个页面跳转到另一个页面。我想使用页面过渡(也许是页面幻灯片，我可以尝试其他幻灯片吗？有翻页吗？

请代码向导！我的应用程序已完成，但我一直在尝试让硬件按键工作！我很肯定其他 Tizen 开发人员也会欣赏上述问题的工作代码！

我提前谢谢你！

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

"TIZEN硬件拼图.PDF" 链接在这里： 包含大量 TIZEN 代码的单个 PDF

这个.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是最好的

!!====

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

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

我想建议你通过Tizen Studio中的TAUUIComponents示例应用程序。

对于第一个要求，即分页的事情，你可以通过应用程序.js并尝试意识到它是如何管理硬件后退键事件以返回到上一页的。

对于第二个，即流行的东西，请浏览moremenu.js在这里您将找到如下代码：

menukeyHandler = function (ev) {
if( ev.keyName === "menu" ) {
if (morePopup.classList.contains("ui-popup-active")) {
tau.closePopup();
} else {
tau.openPopup("#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