javascript - 菜单项可以单独着色吗？

Question

在 PebbleJS 中，您可以单独为菜单项着色吗？据我所知，您只能为整个菜单着色。

我想要做的一个例子是第一个菜单项为绿色，第二个菜单项为蓝色，第三个菜单项为黄色，依此类推。

Answer 1

菜单是一种窗口，在 Pebble 屏幕上显示标准 Pebble 菜单。

就像任何窗口一样，您可以通过将对象传递给构造函数或调用访问器来更改属性来初始化菜单。菜单上可用的属性有:

• sections Array [] 要显示的所有部分的列表。
• backgroundColor 颜色白色 菜单项的背景颜色。
• textColor Color black 菜单项的文本颜色。
• highlightBackgroundColor Color black 的背景色
• 选定的菜单项。 heightTextColor 颜色白色 所选菜单项的文本颜色。

菜单包含一个或多个部分。部分的可用属性包括:

• items Array [] 要显示的所有项目的列表。
• title string '' 节标题的标题文本。
• backgroundColor 颜色白色 该部分的背景颜色
• 标题。 textColor Color black 节标题的文本颜色。

每个部分都有一个标题并包含零个或多个项目。一个项目必须有一个标题。项目还可以选择具有副标题和图标。

因此，从文档来看，菜单似乎只允许整个菜单着色，但是您可以在菜单中包含多个部分，并且每个部分可以定义自己的颜色，尽管这可能意味着您需要编写一个菜单多个单个项目，每个项目都有自己的标题，有效地将菜单的大小加倍，只是为了在其中获得不同的颜色。看起来您可以有一个带有标题和零个项目的部分，因此也许该部分本身可以充当菜单项。

你必须尝试一下。