Question

我知道通常情况下，我们希望在Bixby体验中完全保持互动，但是如果我想显示非常详细的非辅助样式信息，提供一个允许用户在网站上看到更多内容的链接可能是有利的。给定的URL。我已经在Note9上的Bixby附带的胶囊中看到了这种UX惯例，例如Yelp（Bixby显示评论的重点，但是要获得所有评论的完整列表，您可以在Yelp上看到更多信息），天气频道等。

我的问题是，将“在网站上查看更多”链接放入布局的推荐方法是什么？

Answer 1

当前推荐的方法将使用app-launch中可用的result-view键。

您需要创建以下内容：

名为Url
名为FetchUrl的操作，其输出是您要启动的URL
一个单独的result-view，其中定义了app-launch键。这是您要启动的URL的位置。

您的流量将是：

您的胶囊提供了一个result-view，可显示“在站点上查看更多”卡片（可以是包含on-click的任何显示元素）。
“在站点上查看更多信息”卡的on-click包含一个intent，其目标是您的FetchUrl动作，并且其值是相关输入（ s）您需要返回要启动的网址。
用户单击“在站点上查看更多”卡后，intent会产生Url输出。
由于使用match模式，因此会触发包含result-view键的app-launch（如下所示）。由于此result-view仅包含app-launch，因此不会显示任何内容，并且您期望的Url将在用户的默认浏览器上启动。

如何在app-launch中定义result-view：

result-view {
  match: Url (this) {
    min(Required) max (One)
  }

  render {
    nothing
  }

  app-launch {
    payload-uri {
      template ("#{value(this)}")
    }
  }
}

Answer 2

另一种替代方法是使用复合卡片式下巴。当然，仅当复合卡是适合您的布局的UI组件时，这才有效。 here对此进行了讨论和回答，但为方便起见，下面是示例视图代码：

  render {
    layout {
      section {
        content {
          compound-card {
            content {
              single-line {
                text {
                  value {
                    template ("Click below to Punch Out")
                  }
                }
              }
            }
            chin {
              slot1 {
                single-line {
                  text {
                    value {
                      template ("Link to Google")
                    }
                  }
                }
              }
              url {
                template ("http://www.google.com")
              }
            }
          }
        }
      }
    }
  }

如何添加可以打通网站的链接？

2 个答案: