Tizen开发者网站上有太多的信息，其中很多只是针对移动设备和可穿戴设备，我发现很难找到如何为三星Tizen TV网络应用构建一个良好的，响应迅速的用户界面。目前，我的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>
正如您所看到的，这是非常基础的，因为我刚刚学习Web应用程序开发。如果我有一个鼠标连接到电视我可以很好地使用该应用程序，但我不能用遥控器。我不知道我是否在浏览元素，因为没有突出显示，我没有做任何键绑定。
只是想知道是否有人可以指出我在开发指南中的相关部分，或者是否有人拥有良好的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.并且写了你的控制器，Caph元素有许多状态，你可以在这里看到：http://developer.samsung.com/onlinedocs/tv/caphdocs/main.html?type=jquery&doc=tutorial&p1=7
但是如果你想开始，你的简单和主控制器应该是这样的：
$(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
你看过Caph了吗？
http://developer.samsung.com/tv/develop/extension-libraries/caph-30
CAPH是一个用于电视的Web UI框架。您可以使用Caph开发高性能Web应用程序。它有许多为电视设计的UI组件，并处理导航，焦点等。