单元区域或单元卡主要和次要

时间:2018-12-03 03:17:36

标签: bixby

我为bixby编写了一些代码布局,如您所知,它具有主要和次要属性。

像这样的图像卡对象格式。

      image-card {
        size (L)
        title-area {
          hAlign (Start)
          slot1 {
            text {
              value("#{value(data)}")
              style(Title_M)
            }
          }
          slot2 {
            single-line {
              text {
                value("#{value(data)}")
                style(Detail_L)
              }
            }
          }
        }
        image-url ("https://SOME_DOMAIN.com/SOME_IMAGE.png")
      }

但是在像这样的单元区域格式中。

      cell-area {
        slot1 {
          image {
            url ("https://SOME_DOMAIN.com/SOME_IMAGE.png")
            shape (Square)
          }
        }
        slot2 {
          content {
            primary ("#{value(data)}")
            secondary ("#{value(data)}")
          }
        }
      }

看起来单元格区域没有样式之类的属性,对吗?还是可以像图像卡一样修改样式?

1 个答案:

答案 0 :(得分:2)

根据文档,图像卡看起来像是可单击的,并且意在将图像用作背景(与单元卡相比),其中,单元格区域不可单击,并且意在在容器中创建单元(父布局)。

我想向用户直观地显示这种内在差异(&可能是自动的),Cell Area继承了Parent的样式并进行了融合,但是使用Image Card,开发人员可以选择使用样式元素来自定义外观来“触发”点击的直觉。

我希望这会有所帮助!

PS。下载此囊,您可以在其中查看各种布局:https://github.com/bixbydevelopers/common-layouts