- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在尝试为 Gear 2(运行 Tizen 操作系统)制作一个简单的页面。在此页面中,用户可以向上或向下滚动以查看不同的药物,然后可以向左滑动以查看要求确认已服用药物的屏幕。我采用了一些示例 Tizen OS 代码并将其拼凑在一起以尝试实现此目的,但它没有按预期工作 - 它只是显示所有 4 个文本元素,一个接一个地显示。我对 HTML 和 JavaScript 很陌生,所以我确定我犯了一些简单的错误。
index.html
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, user-scalable=no"/>
<title>UITest</title>
<link rel="stylesheet" href="lib/tau/themes/default/tau.css">
</head>
<body>
<div class="ui-page ui-page-active" id="main">
<header class="ui-header">
<h2 class="ui-title">2 med(s) to take</h2>
</header>
<div id="barsectionchanger" class="ui-content">
<section class = "barcontainer">
<div class = "hsectionchanger">
<div>
<section class="section-active" style="text-align:center">
<h3> med 1 </h3>
</section>
<section style="text-align:center">
<h3> did you take med 1 </h3>
</section>
</div>
</div>
</section>
<section class = "barcontainer">
<div class = "hsectionchanger">
<div>
<section class="section-active" style="text-align:center">
<h3> med 2 </h3>
</section>
<section style="text-align:center">
<h3> did you take med 2 </h3>
</section>
</div>
</div>
</section>
</div>
</div>
</body>
<script type="text/javascript" src="lib/tau/js/tau.js"></script>
<script type="text/javascript" src="lib/tau/js/widget/virtuallist.js"></script>
<script src="app.js"></script>
</html>
应用程序.js
( function () {
window.addEventListener( 'tizenhwkey', function( ev ) {
if( ev.keyName == "back" ) {
var page = document.getElementsByClassName( 'ui-page-active' )[0],
pageid = page ? page.id : "";
if( pageid === "main" ) {
tizen.application.getCurrentApplication().exit();
} else {
window.history.back();
}
}
} );
} () );
(function() {
var page = document.getElementById( "main" ),
changer = document.getElementById( "barsectionchanger" ),
sectionChanger, idx=1;
page.addEventListener( "pageshow", function() {
sectionChanger = new tau.SectionChanger(changer, {
circular: false,
orientation: "vertical",
scrollbar: "bar"
});
});
page.addEventListener( "pagehide", function() {
sectionChanger.destroy();
});
})();
(function() {
var underlayarray = document.getElementsByClassName( "barcontainer" ),
changerarray = document.getElementsByClassName( "hsectionchanger" ),
sectionChanger, idx=1;
for (i = 0; i < underlayarray.length; i++){
underlayarray[i].addEventListener( "pageshow", function() {
sectionChanger = new tau.SectionChanger(changerarray[i], {
circular: false,
orientation: "horizontal"
});
});
}
})();
任何对潜在问题的见解都值得赞赏。谢谢
最佳答案
SectionChanger 小部件的构造不允许将一个小部件实例放入另一个。
您应该创建另一个布局。例如,您可以在主级别使用水平部分更改器,在每个部分使用垂直滚动内容。
我修复了您的代码,现在所有部分转换器都已正确构建,但小部件的工作仍然存在问题。
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, user-scalable=no"/>
<title>UITest</title>
<link rel="stylesheet" href="lib/tau/themes/default/tau.css">
</head>
<body>
<div class="ui-page ui-page-active" id="main">
<header class="ui-header">
<h2 class="ui-title">2 med(s) to take</h2>
</header>
<div id="barsectionchanger" class="ui-content">
<div>
<section class="hsectionchanger">
<div>
<section class="section-active" style="text-align:center">
<h3> med 1 </h3>
</section>
<section style="text-align:center">
<h3> did you take med 1 </h3>
</section>
</div>
</section>
<section class="hsectionchanger">
<div>
<section class="section-active" style="text-align:center">
<h3> med 2 </h3>
</section>
<section style="text-align:center">
<h3> did you take med 2 </h3>
</section>
</div>
</section>
</div>
</div>
</div>
</body>
<script type="text/javascript" src="lib/tau/js/tau.js"></script>
<script>( function () {
window.addEventListener('tizenhwkey', function (ev) {
if (ev.keyName == "back") {
var page = document.getElementsByClassName('ui-page-active')[0],
pageid = page ? page.id : "";
if (pageid === "main") {
tizen.application.getCurrentApplication().exit();
} else {
window.history.back();
}
}
});
}() );
(function () {
var page = document.getElementById("main"),
changer = document.getElementById("barsectionchanger"),
sectionChanger, idx = 1;
page.addEventListener("pageshow", function () {
var changerarray = document.getElementsByClassName("hsectionchanger"),
i;
tau.widget.SectionChanger(changer, {
circular: false,
orientation: "vertical",
scrollbar: "bar",
items: changer.firstElementChild.children
});
for (i = 0; i < changerarray.length; i++) {
tau.widget.SectionChanger(changerarray[i], {
circular: false,
orientation: "horizontal"
});
}
});
page.addEventListener("pagehide", function () {
sectionChanger.destroy();
});
})();
</script>
</html>
关于javascript - Tizen 可穿戴平台上的基本 JavaScript/HTML 页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24042415/
我看到 Tizen 有 Smart Development Bridge (sdb,类似于 Android 的 adb),但它没有像 Android Debug Bridge 在 Android 上那
我正在为三星 Gear Fit2 上的一个项目工作,该项目配备三星的 Tizen 操作系统。我想获取系统日志转储来调试我的应用程序。我该怎么做? 最佳答案 进入设置>齿轮信息>关于设备>触摸软件版本菜
这只是知识的共享。我希望我节省了某人的时间。 问题描述 如果您有 Fedora Linux(我现在使用 f25)但想使用 Tizen Studio (正式它仅适用于 Ubuntu Linux)在安装并
我正在按照此站点上的说明手动构建我的 Tizen 项目:https://wiki.tizen.org/wiki/Manually_installing_apps 但是当我尝试安装它时,我收到此错误:
需要帮助: 我需要知道电视是否在我的应用程序中关闭以重新加载应用程序。我在文档中找不到任何可以帮助我的东西问题是应用程序在断电后没有关闭,并且在通电后应用程序处于与断电前相同的状态。 最佳答案 您可以
我安装了最新的 Tizen SDK(Tizen 2.4 SDK with IDE installer for Windows 64bit)。在 IDE 中启动模拟器管理器会出现以下错误“模拟器管理器未
我在签署基本 Tizen 软件包时遇到问题,以下是我遵循的步骤: 安装: 执行 Tizen studio 3.0 网络端安装程序 接受许可协议(protocol) 使用默认的 SDK 和数据位置(点击
当前有3种方法来开发可穿戴应用程序-使用Tizen Studio作为Web应用程序或 native C/C++应用程序,或者使用Visual Studio 2017作为C#应用程序。 对于任何给定的应
我在将开发的应用程序安装到三星电视设备时遇到问题。现在我有一个解决方案,我想分享我的经验。如果您添加合作伙伴级别权限,例如 http://developer.samsung.com/privilege
我下载了 Tizen SDK Manager 并安装了 Tizen SDK for Native Application Development,如下图所示。 现在它没有显示 Tizen 的应用程序模
我正在尝试通过 Tizen studio 向我的智能电视 UE49KU6400 启动示例应用程序。我的电视使用我的 PC IP 配置为开发者模式。我还在 Tizen 工作室的连接管理器中添加了电视。我
我将我的三星智能电视设置为开发模式并关联我的 PC 的 IP。 两台设备都在同一个网络上。但是,当我使用远程设备管理器在 Tizen Studio 中搜索电视时,我没有找到它。 我尝试手动设置电视的
如何在 Tizen studio 中使用证书配置文件对应用程序包进行签名? This文档仅显示如何创建证书配置文件,但未显示如何签署应用程序包。 我想在 Tizen 模拟器上运行 BasicUI 应用
我开始使用 Tizen 并关注它的教程。当我测试我的应用程序时,只有在我在模拟器上打开它们时才会出现黑屏,我不知道为什么会这样。 有人知道是什么原因造成的,以及如何解决吗?我使用的是 Windows
我的 Gear S3 在 Tizen 2.3.2.3 上运行。昨天,我将其更新为 Tizen 3.0.0.1。现在,当我尝试从 Tizen Studio 1.2 安装应用程序时,它显示以下错误 “由于
我正在为三星 Tizen 智能电视开发应用程序。我有一个奇怪的问题。该应用程序播放声音并响应 中的 Remote 按键模拟器 ,但声音没有播放并且按键在 中不起作用模拟器 . 我正在使用 HTML5
当我尝试在 Register Certificate 中使用 tizen-sdk 2.4.0_Rev5 请求新证书时,我收到以下错误 Browser cannot be initialized . 我
是否可以从 Tizen 中通过 Web(或其他)API 以编程方式打开/关闭电视? (在文档中找不到对此的任何引用) 最佳答案 在 Tizen 4.0 之前,可以使用这些(现已弃用)Power API
我即将安装 Tizen Studio,我还需要 Wear 和 Device 模拟器。但不幸的是它需要 libpng12-0 ,而我已经安装了 libpng16-16已经.. 我怎么能告诉 Tizen
所以我制作了我的第一个应用程序,它在模拟器上运行良好,但现在我想将它部署到我的物理设备上。 我已启用蓝牙并将 watch 的 WiFi 连接到与我的计算机相同的 WiFi 接入点。我也启用了调试。但是
我是一名优秀的程序员,十分优秀!