哪个 webOS Enyo 元素/组件适合这种情况?

发布于 2024-12-25 08:33:16 字数 374 浏览 1 评论 0原文

我在 VFlexLayout 内部有一组 HFlexLayout('s),一个垂直的按钮列表(例如,X、Y、Z),每个按钮后面有 5 个字段。当按下按钮时,我希望其中一个字段从关闭切换到打开。

{X}[0][0][0][0][0]

{Y}[1][0][0][0][0]

{Z}[1][1][1][1][0]

对于要通过按钮切换(按顺序)的字段,适合使用什么元素?我希望能够在切换时更改字段的颜色,但这些不是需要按下的按钮。只要我可以单独设置每个块的颜色,我就会很高兴 5 个块彼此相邻。

我想我会尝试使用禁用按钮,如果我可以设置它们的颜色,或者可能是每次按下按钮后移动 20% 的进度条,但是当我想要的只是彩色块时,每个选项都感觉像是一个黑客我。

i have a set of HFlexLayout('s) inside of a VFlexLayout, a vertical list of buttons(e.g., X,Y,Z) with 5 fields after each button. when a button is pressed, i want one of the fields to toggle from off to on.

{X}[0][0][0][0][0]

{Y}[1][0][0][0][0]

{Z}[1][1][1][1][0]

for the fields to be toggled (in order) by the buttons, what element is appropriate to use? I would like to be able to change the color of the field upon toggle, but these aren't buttons that need to be pressed. I would be happy with 5 blocks next to each other as long as i can set the color of each block individually.

I think I'm going to try using disabled buttons if I can set their color, or maybe a progress bar that move's 20% after each button press, but when all i want are colored blocks, each of those options feels like a hack to me.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

江城子 2025-01-01 08:33:16

为什么不直接使用 enyo.Control 呢?您可以指定您想要的任何内容,但如果您想在其中放入 HTML,您可能需要将allowHTML 设置为true。您可以根据需要设置控件的样式。在这种情况下,您甚至不需要指定类型。假设使用 HFlexBox:

 components: [
      { kind: "Button", flex: 1 },
      { content: "", flex: 1, style: "<whatever>" },
      ...

这应该符合您的喜好。

Why not just use enyo.Control? You can the specify whatever content you want, though you might want to set the allowHTML to true if you want to put HTML in it. You can style the control however you want. You don't even need to specify the kind in this case. Assuming an HFlexBox:

 components: [
      { kind: "Button", flex: 1 },
      { content: "", flex: 1, style: "<whatever>" },
      ...

That should work out how you like it.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文