Question

我相信这些问题和希望答案会对很多用户有所帮助！ Tizen文档充其量难以理解。 BACK BUTTON的Tizen Studio示例适用于单个index.html页面。当按下后退按钮时，它只会变为不同的＆lt; div>在相同的“页面”上，而不是不同的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，一切正常......（下面除外）。

以下是我的需求：

当用户在page10.html（示例，任何页面）上并按下后退按钮时，“tau web app”只会返回page9.html。如果他们再次按下它，它会回到page8.html。如果他们再次按下第7页等等。
如果用户按下“菜单”按钮，弹出窗口（如TIZEN示例应用程序）会显示“是否要退出应用程序？”选项为“是”或“否”。如果用户按YES，则Web应用程序（或浏览器）窗口立即关闭。如果用户按NO，则弹出窗口立即关闭，用户停留在该页面上。
在我的应用程序结束时，我有一个显示“结束”的按钮。当用户单击此按钮时，它会立即关闭Web应用程序（或浏览器窗口）。
这个请求是可选的，但为什么不......这些功能只需几行代码即可。目前，每个页面（我有超过100个）从一个页面跳到另一个页面。我想使用页面转换（也许是页面幻灯片，我可以尝试其他人吗？）。翻页了吗？

请您使用Code Wizards！我的应用已经完成，但我一直在试图让硬件按键工作！我很积极，其他Tizen开发人员也会喜欢上述问题的工作代码！

我提前谢谢你了！

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

“TIZEN HARDWARE PUZZLE.PDF” 链接在这里： Single PDF with lots of TIZEN code

这个.pdf显示了我目前的代码，一些来自Tizen的示例代码以及我在网上可以找到的有关TIZEN BACK BUTTON的任何内容。

还有一个itty，bitty，tiny请求（重要的一个）......

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

例如：

<!-- 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 -->

这将是 HELP EVERYONE 刚开始像我一样的人！我们真的需要知道在哪里放置代码，而不仅仅是这里！ 谢谢！

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组件的更多信息，您可以浏览以下链接：

TIZEN硬件按钮BACK - MENU ...如何编程

1 个答案: