bixby - 如何添加指向网站的链接？

Question

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

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

Answer 1

当前推荐的方法将app-launch使用result-view.

您需要创建以下内容：

• 一个原始（文本）概念，名为Url

• 一个名为的动作FetchUrl，其输出是您要启动的 url

• 定义键的单独result-view位置。app-launch这是您想要的 url 的启动位置。

您的流程将是：

1. 您的胶囊提供了一个result-view显示“在 SITE 上查看更多”卡片（这可以是包含 的任何显示元素on-click）。

2. “在 SITE 上查看更多信息”卡on-click将包含intent其目标是您的FetchUrl操作，其值是您需要返回要启动的 url 的相关输入。

3. 一旦用户单击“在 SITE 上查看更多”卡片，intent结果就会Url输出。

4. 由于该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")
              }
            }
          }
        }
      }
    }
  }