- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
Tizen 开发者网站上有如此多的信息,而且其中大部分仅适用于移动设备和可穿戴设备,因此我发现很难找到如何为 Samsung Tizen TV 网络应用程序构建良好的响应式 UI。目前,我的 index.html 看起来像这样:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<meta name="description" content="Tizen TV basic template generated by Samsung TV Web IDE"/>
<title>Tizen TV Web IDE - Tizen TV - Tizen TV basic Application</title>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<script src="jquery-3.2.1.js"></script>
<script src="js/main.js"></script>
</head>
<body>
<h1>Enter Web Server Url</h1>
<div>
<form id="webServerUrl" name="webServerUrl">
<!-- <p>IP Address</p><br> -->
<input type="text" id="serverUrl" name="serverUrl" placeholder="Enter Web Server IP Address" class="inputBox">
<button class="submitButton">Submit</button><br><br><br>
<button class="showGlobalUrlValue">Show Web Server Url</button>
</form><br><br><br>
</div>
<h1>Log In</h1>
<div>
<form id="signIn" name="signIn">
<!-- <p class="regularText">Username</p> -->
<input type="text" id="username" name="username" placeholder="Enter Username" class="inputBox"> <br><br>
<!-- <p class="regularText">Password</p> -->
<input type="password" id="password" name="password" placeholder="Enter Password" class="inputBox"> <br><br>
<button class="submitUserAndPass">Submit</button>
</form>
</div>
<button class="doActivationButton">Perform Activation</button>
</body>
</html>
如您所见,这是非常基础的,因为我刚刚开始学习网络应用程序开发。如果我将鼠标连接到电视,我可以很好地使用该应用程序,但我无法使用 Remote 进行操作。我无法判断我是否在浏览元素,因为没有突出显示并且我没有进行任何键绑定(bind)。
只是想知道是否有人可以指点我开发指南中的相关部分,或者是否有人有好的 Tizen TV 应用程序的代码示例。谢谢。
编辑:我看到有一个名为 TAU 的 UI 框架,但它仅适用于移动和可穿戴应用程序,如本网站第一段所述https://developer.tizen.org/development/guides/web-application/user-interface/tizen-advanced-ui
但是,在提供的项目符号列表中,它提到了
那么它是否适用于电视应用程序?
最佳答案
我不知道 TAU 功能但是:
正如 burakk 所说,CAPH 是一个很好的库,可以通过鼠标输入实现导航,而且它与 jQuery 结合使用效果更好。Tizen Studio 确实可以让您创建具有 jQuery+Caph 库的项目。
易于使用:
1.将库链接到您的项目(如果您按照我说的选择了模板,请转到第2点)
<!-- include the CAPH Package for jquery -->
<script src="lib/caph/3.1.0/caph-jquery.min.js" type="text/javascript"></script>
2.创建任何html组件,并向它们添加属性“focusable”:
<div focusable>
3.写了你的 Controller ,Caph元素有很多状态,你可以在这里看到:http://developer.samsung.com/onlinedocs/tv/caphdocs/main.html?type=jquery&doc=tutorial&p1=7
但是如果你想开始,你的简单主 Controller 应该是这样的:
$(document).ready(function(){
$.caph.focus.activate(function(nearestFocusableFinderProvider, controllerProvider) {
controllerProvider.onFocused(function(event, originalEvent) {
$(event.currentTarget).css({
border: '3px solid red'
});
});
controllerProvider.onBlurred(function(event, originalEvent) {
$(event.currentTarget).css({
border : '3px solid transparent'
});
});
});
});
此代码将为焦点元素添加红色边框 (onFocused),并且当您将焦点留在该元素上时将设置为透明 (onBlurred)。
有很多关于 CAPH 的知识,但我希望这个简短的介绍能让您使用键箭头而不是鼠标进行导航。
这里还有更多信息:http://developer.samsung.com/tv/develop/legacy-platform-library/API00007/index
关于tizen - 如何为 Samsung TV Tizen 网络应用程序构建良好的 UI?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47932620/
我看到 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 接入点。我也启用了调试。但是
我是一名优秀的程序员,十分优秀!