spotify - 如何在 Spotify 应用程序中使用 "standardized track listings"

Question

Spotify 应用程序的 Spotify UI 指南(位于 https://developer.spotify.com/technologies/apps/guidelines/design/ )表示“在应用程序中列出轨道时，请使用我们的标准化轨道列表”。我在文档中找不到有关如何使用这些“标准化轨道列表”的任何示例。通过使用 Inspector，我在 list.css 中找到了类(例如 sp-list 和 sp-item)，看起来我需要使用它们，但无法弄清楚如何使用它们来重新创建外观Spotify 轨道列表。Billboard Top Charts 应用程序似乎使用了我需要的轨道列表，但我找不到任何方法来了解他们是如何做到这一点的，因为据我所知，检查器仅适用于您自己的应用程序。

有人有任何建议或例子吗？

Answer 1

一些例子

sp = getSpotifyApi(1);

var m = sp.require("sp://import/scripts/api/models");
var v = sp.require("sp://import/scripts/api/views");

// Example 1
var tpl = new m.Playlist();
var tempList = new v.List(tpl);
tpl.add(m.Track.fromURI("spotify:track:4z4t4zEn4ElVPGmDWCzRQf"));
tpl.add(m.Track.fromURI("http://open.spotify.com/track/7E8JGVhbwWgAQ1DtfatQEl"));
tpl.add(m.Track.fromURI("spotify:track:40YBc3mR3yyqyYvtesQOMj"));
tpl.add(m.Track.fromURI("spotify:local:Rolling+Stones:A+Bigger+Bang:Rain+Fall+Down:293"));

document.body.appendChild(tempList.node);

// Example 2
var pl = m.Playlist.fromURI("spotify:user:username:playlist:424km2k4m24");
var list = new v.List(pl);

document.body.appendChild(list.node);

// Example 3
var album = m.Album.fromURI("spotify:album:1vWnB0hYmluskQuzxwo25a");
var albumList = new v.List(album);
albumList.node.classList.add("album");

document.body.appendChild(albumList.node);