bixby - 如何使用 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)
      }
    }

  }
}

结果