如何自定义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对话框。