SmartTV：sf-ui-list自定义项目高度

Question

在我的一个场景中

<div id='MenuList'></div>

然后我像这样添加列表：

$('#MainListTitles').sfList({
    data : [ 'AAA', 'BBBB', 'CCC']
});

如何自定义每个列表项的颜色和高度？我试过这样的css：

＃MenuList.sf-ui-list {height：333px; text-align：right; background-color：#ffffff} - 作品

＃MenuList.sf-ui-list-item {background-color：＃000000} - 无法正常工作

Answer 1

首先，“＃MenuList.sf-ui-list-item”永远不会起作用，因为你没有id为“MenuList”和类“sf-ui-list-item”的相同元素。这是基本的CSS。正确的用法是“#MenuList .sf-ui-list-item”。

另一方面，三星使用SmartTV SDK做了一件非常糟糕的工作。它太糟糕了，看起来他们甚至不希望别人为它开发应用程序。

根据API doc，您确实应该设置类“sf-ui-list-item”，但如果使用“使用Web Inspector调试Samsung Smart TV应用程序”运行项目，您可以看到它们使用class“sf-ui-list-blured”。

因此，合乎逻辑的步骤是风格：

#MenuList .sf-ui-list-blured { ... }

我建议您创建自己的样式并将它们作为3个参数传递给“.sfList”命令（类：focusCssClass，blurCssClass和selectCssClass，如API doc中所述）。