Question

希望这里有一个快速链接答案，需要了解如何为客户的Roku频道上的每个节目创建自定义徽标和背景。因此，在频道之间滚动时，每个节目的背景图像都会改变，并显示该节目的名称以及该节目的自定义图像/徽标。有什么想法吗？

Answer 1

您可以观察到要滚动的列表或网格的itemSelected字段。我们称之为m.listPanel。您可以这样设置此观察者：

m.listPanel.observeField("itemSelected", "updateBackground")

然后，为了更改背景，您需要某种数组，该数组具有与每个节目关联的所有内容（图像，徽标，标题等），顺序与列表相同。我们称之为m.contents。当所选索引更改时，获取适当的内容并将其添加到某种背景中。在这里我使用一个矩形。然后将此背景插入您想在其上方绘制的子级之前。在这里，我将其始终插入所有其他位置的0位置。

sub updateBackground(event as object)
    index = event.getData()
    backgroundContent = m.contents[index]
    rectangle = createObject("roSGNode", "rectangle")
    label = createObject("roSGNode","Label")
    label.text = backgroundContent.title
    poster = createObject("roSGNode", "Poster")
    poster.uri = backgroundContent.hdPosterUrl
    rectangle.appendChild(poster)
    rectangle.appendChild(label)
    m.top.insertChild(0, rectangle)
end sub

显然这不是完美的，您还需要摆脱旧的背景。或者也许有一个m.backgroundRect，您可以在其中更改字段而不是创建新字段，但是我希望这可以为您提供一个开始。

允许Roku频道自定义显示徽标和背景图片

1 个答案: