个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
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/
25
4
0
嗨，我正在考虑开发一种文件传输程序，想知道我是否想要尽可能好的加密，我应该使用什么？ 我会用 C# 开发它，所以我可以访问 .net 库 :P在我的 usb 上有一个证书来访问服务器是没有问题的，如果
我创建的这个计算两个数组的交集是线性的方法的复杂度(在良好、平均、最差的情况下)？ O(n) public void getInt(int[] a,int[] b){ int i=0; int
我已经能够使用 RTCPeerConnection.getStats() API 获得 WebRTC 音频调用的各种统计信息(抖动、RTT、丢包等)。 我需要将整体通话质量评为优秀、良好、一般或差。
基本问题: 如果我正在讲述/修改数据，我应该通过索引硬编码索引访问文件的元素，即 targetFile.getElement(5);通过硬编码标识符(内部翻译成索引)，即 target.getElem
在 Linux 上，我想知道要调用什么“C”API 来获取每个 CPU 的统计信息。 我知道并且可以从我的应用程序中读取 /proc/loadavg，但这是系统范围的负载平均值，而不是每个 CPU 的
在客户端浏览器中使用 fetch api，GET 或 POST 没有问题，但 fetch 和 DELETE 有问题。它似乎将 DELETE 请求方法更改为 OPTIONS。 大多数研究表明是一个cor
我是一名优秀的程序员,十分优秀！