如何自定义 Facebook Canvas 多朋友选择器

Question

我一直在到处寻找答案，但我一直找不到，希望有人能提供帮助！ :) 我正在创建一个 Facebook Canvas 游戏，我想为玩家设计一个多好友选择器来邀请他们的好友一起玩游戏。

在我使用 Facebook 的默认邀请对话框时，它是这样的：

它运行良好，但我想为用户提供一个更具吸引力的界面，让他们能够选择他们的朋友（或选择所有朋友），然后点击“发送”。我还希望他们能够在搜索框中搜索他们的朋友，向下滚动他们的朋友列表，如果他们愿意，可以在右上角用 X 关闭邀请框。类似的东西：

我一直在阅读 Facebook 的教程，但他们没有任何关于如何实际构建 Facebook 代码并将其与此类用户界面设计集成的信息。

我在这个主题上看到的每个论坛帖子都只是链接回这个页面：https://developers.facebook.com/docs/games/multi-friend-selector/v2.3 但 Facebook 的教程只涉及最基本的邀请界面（比我目前拥有的更基本）。我想知道是否有人知道任何多朋友选择器模板，或者任何一步一步的教程来制作定制的、功能齐全的多朋友选择器？或者如果失败了，有人知道我应该尝试修改 Facebook SDK 中的哪些文件以自定义其外观吗？提前致谢！ :)

Answer 1

link in your question 已经是答案了。

Facebook 为您提供：

1. 一个完全成熟的多朋友选择器，其风格与 Facebook 上的 UI（您的第一张图片）相匹配。
2. 一组 JavaScript 调用，用于获取朋友列表并向这些朋友发送请求。

您的第二张自定义好友选择器图片是使用 #2 制作的。他们从 Facebook 查询好友列表，并以与他们的游戏相匹配的方式呈现。

没有要编辑的模板或 SDK 文件，只是他们自己设计和创建的 HTML。如果这是您想要实现的外观，您将需要以相同的方式设计和实现您的。实现本身相当简单，并在链接中介绍：

1. 从 Facebook 获取好友列表（是否已安装应用由您决定）。
2. 使用您设计的 HTML UI 呈现该列表。同样，这不是特定于 FB 的，这只是您渲染一些数据的方式。
3. 当您的用户点击发送时，触发与所选好友的 FB SDK apprequest 对话。