Как создать горизонтально охватывающие ячейки с представлениями Биксби?

#bixby

#биксби

Вопрос:

Я хочу создать ячейки, которые охватывают горизонтально в представлении Биксби. Ранее мы могли сделать это с помощью файла .bml. В настоящее время приложение Weather Channel делает это с помощью большой диаграммы с соответствующими данными под точками. Ниже приведен пример пользовательского интерфейса приложения, который я хочу создать.

скриншот приложения

Я попытался создать несколько vbox элементов и добавить layout-macro внутрь, но vbox элемент такого типа не будет использоваться. Что мне делать? Спасибо!

Ответ №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)
      }
    }

  }
}
  

Результат

Скриншот Биксби