如何使用Bixby Views创建水平跨越单元格?

问题描述 投票:1回答:1

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

app screenshot

我尝试创建几个vbox元素并在里面添加layout-macro,但vbox不会采用那种类型的元素。我该怎么办?谢谢!

bixby
1个回答
2
投票

我实际上找到了与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 Screenshot

© www.soinside.com 2019 - 2024. All rights reserved.