如何使用 Bixby 视图创建水平跨越的单元格？

Question

我想在 Bixby 视图中创建水平跨越的单元格。以前，我们能够使用 .bml 文件执行此操作。 Weather Channel 应用程序目前使用一个大图表来执行此操作，该图表在点下方有相应的数据。下面是我要创建的应用 UI 的示例。

我尝试创建几个 vbox 元素并在其中添加一个 layout-macro，但是 vbox 不会采用该类型的元素。我应该怎么办？谢谢！

Answer 1

我实际上找到了 single-line 的解决方法。要创建这样的视图，请使用典型的 hbox-vbox 模型，并对每个 vbox:

执行此操作

vbox {
  content {

    single-line {
      text {
        value {
          template ("#{value(data.hourly[i].hour)}")
        }
        style (Title_XS)
      }
    }

    single-line {
      image {
        style (Title_L)
        url ("#{value(data.hourly[i].image)}")
      }
    }

    single-line {
      spacer
      text { 
        value {
          template ("#{value(data.hourly[i].temperature)}")
        }
        style (Title_S)
      }
    }

  }
}

结果

如何使用 Bixby 视图创建水平跨越的单元格？

How to create horizontally spanning cells with Bixby Views?

bixby