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

How to Customize Facebook Canvas Multi-Friend Selector

我一直在到处寻找这个问题的答案,但一直找不到,希望这里的人能帮忙! :) 我正在创建一个 Facebook Canvas 游戏,我想设计一个多人游戏 select 或者让玩家邀请他们的朋友玩游戏。

此时我正在使用 Facebook 的默认邀请对话框,它是这样的:

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

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

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

link in your question 已经是答案。

Facebook 为您提供:

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

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

没有可编辑的模板或 SDK 文件,只是 HTML 他们自己设计和创建的。如果这是您想要实现的外观,您将需要以相同的方式设计和实现您的外观。实现本身相当简单,并包含在 link:

  1. 从 Facebook 获取好友列表(安装或不安装该应用由您决定)。
  2. 使用您设计的 HTML UI 呈现该列表。同样,这不是 FB 特有的,这只是您渲染一些数据,您希望它看起来如何。
  3. 当您的用户点击发送时,触发 FB SDK apprequest 与所选好友的对话。