小区区域或小区卡主要和次要
cell-area or cell-card primary and secondary
我为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)}")
}
}
}
cell-area好像没有属性这样的风格,对吧?还是可以修改成image-card, style?
更新:(5/24/2021)
这是不久前的事了。我现在不在 Bixby 上工作。 Bixby 是一个非常动态且快速发展的语音平台。
在最新的 Bixby 平台中可能有更好的方法来执行此操作。
请参阅文档并联系技术支持团队。
原答案
根据文档,Image Card 看起来是可点击的,用于将图像用作背景(相对于 Cell Card),而 Cell Area 不可点击,用于在容器(父布局)中创建单元格。
我想为了直观地向用户展示这种内在差异(并且可能是自动的),Cell Area 继承了 Parent 的样式并融入其中,但是使用 Image Card,开发人员可以选择通过使用样式自定义外观来“触发”点击直觉元素.
希望对您有所帮助!
PS。下载此胶囊,您可以在其中查看各种布局:https://github.com/bixbydevelopers/common-layouts
我为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)}")
}
}
}
cell-area好像没有属性这样的风格,对吧?还是可以修改成image-card, style?
更新:(5/24/2021) 这是不久前的事了。我现在不在 Bixby 上工作。 Bixby 是一个非常动态且快速发展的语音平台。 在最新的 Bixby 平台中可能有更好的方法来执行此操作。 请参阅文档并联系技术支持团队。
原答案
根据文档,Image Card 看起来是可点击的,用于将图像用作背景(相对于 Cell Card),而 Cell Area 不可点击,用于在容器(父布局)中创建单元格。
我想为了直观地向用户展示这种内在差异(并且可能是自动的),Cell Area 继承了 Parent 的样式并融入其中,但是使用 Image Card,开发人员可以选择通过使用样式自定义外观来“触发”点击直觉元素.
希望对您有所帮助!
PS。下载此胶囊,您可以在其中查看各种布局:https://github.com/bixbydevelopers/common-layouts