如何使用Bixby Views创建水平跨度的单元格？

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)
      }
    }

  }
}

结果