11953082870510475901
Оптимизируйте свои подборки
Сохраняйте и классифицируйте контент в соответствии со своими настройками.
Приведенный ниже контрольный список дизайна предназначен для того, чтобы сделать пользовательский интерфейс Cast простым и предсказуемым на всех платформах. Следование этим рекомендациям при разработке приложения обеспечит наилучшее взаимодействие с Cast для ваших пользователей.
Изображения, использованные в этом руководстве по дизайну , предоставлены Blender Foundation, опубликованы в соответствии с авторскими правами или лицензией Creative Commons.
- Elephant's Dream: (c) авторское право 2006 г., Blender Foundation / Нидерландский институт медиаискусства / www.elephantsdream.org
- Sintel: (c) авторское право Blender Foundation | www.sintel.org
- Слезы стали: (CC) Blender Foundation | mango.blender.org
- Big Buck Bunny: (c) авторское право 2008 г., Blender Foundation / www.bigbuckbunny.org
Если не указано иное, контент на этой странице предоставляется по лицензии Creative Commons "С указанием авторства 4.0", а примеры кода – по лицензии Apache 2.0. Подробнее об этом написано в правилах сайта. Java – это зарегистрированный товарный знак корпорации Oracle и ее аффилированных лиц.
Последнее обновление: 2023-04-26 UTC.
[null,null,["Последнее обновление: 2023-04-26 UTC."],[[["\u003cp\u003eThis design checklist ensures a simple and predictable Cast user experience across all platforms by providing guidelines for app design.\u003c/p\u003e\n"],["\u003cp\u003eThe checklist covers key aspects of Cast integration, such as the Cast button, dialog, autoplay functionality, sender application behavior, and receiver application behavior for both touch and non-touch devices.\u003c/p\u003e\n"],["\u003cp\u003eBy adhering to these guidelines, developers can create apps that offer the best possible Cast experience for users, including seamless casting, intuitive controls, and consistent behavior across different devices.\u003c/p\u003e\n"],["\u003cp\u003eThe checklist includes detailed recommendations for handling various user interactions and scenarios, such as prompting users to cast, managing the Cast dialog, implementing autoplay features, and controlling playback on both sender and receiver devices.\u003c/p\u003e\n"],["\u003cp\u003eDevelopers can use this checklist as a reference to ensure their apps meet the Cast design standards and provide a user-friendly casting experience.\u003c/p\u003e\n"]]],["This guide provides a comprehensive design checklist for creating a consistent Cast user experience. It covers Cast basics, button behaviors, and dialog states. It details Cast autoplay features like queue management, notifications, and control options. The checklist also addresses sender app controls (volume, mini/expanded controllers, notifications) and receiver app UI for both touch and non-touch interfaces, including various states like idle, loading, and playback. Finally, there is a changelog.\n"],null,["# Google Cast Design Checklist\n\nThe design checklist below is provided to make the Cast user experience simple and predictable\nacross all platforms. Following these guidelines when designing your app will ensure the best Cast\nexperience for your users. \n\n### Cast basics\n\n[Cast sequence](/cast/docs/design_checklist/cast-basics#cast-session-sequence)\n\n[Cast home screen](/cast/docs/design_checklist/cast-basics#cast-home)\n\n[Cast terminology](/cast/docs/design_checklist/cast-basics#cast-terminology)\n\n### Cast button\n\n[Introduce Cast to users](/cast/docs/design_checklist/cast-button#prompting)\n\n[Cast button availability](/cast/docs/design_checklist/cast-button#sender-cast-icon-available)\n\n[Cast button states](/cast/docs/design_checklist/cast-button#sender-cast-icon-states)\n\n### Cast dialog\n\n[Cast dialog, not connected (receivers available)](/cast/docs/design_checklist/cast-dialog#sender-cast-menu-available)\n\n[Cast dialog, connected but not casting](/cast/docs/design_checklist/cast-dialog#sender-cast-menu-connected)\n\n[Cast dialog, while casting](/cast/docs/design_checklist/cast-dialog#sender-cast-menu-casting)\n\n### Cast autoplay\n\n[Up Next notification](/cast/docs/design_checklist/cast-autoplay#up-next-notification)\n\n[Timeout notification](/cast/docs/design_checklist/cast-autoplay#timeout-notification)\n\n[Persistent control](/cast/docs/design_checklist/cast-autoplay#persistent-control)\n\n[Full control](/cast/docs/design_checklist/cast-autoplay#full-control)\n\n[Queue](/cast/docs/design_checklist/cast-autoplay#queue)\n\n[Add option](/cast/docs/design_checklist/cast-autoplay#add-option)\n\n[Add/play option](/cast/docs/design_checklist/cast-autoplay#add-play-option)\n\n[Added notification](/cast/docs/design_checklist/cast-autoplay#added-notification)\n\n[Reorder items](/cast/docs/design_checklist/cast-autoplay#reorder-items)\n\n[Remove items](/cast/docs/design_checklist/cast-autoplay#remove-items)\n\n[Clear all items](/cast/docs/design_checklist/cast-autoplay#clear-all-items)\n\n[History](/cast/docs/design_checklist/cast-autoplay#history)\n\n### Sender app\n\n[Sender volume controls](/cast/docs/design_checklist/sender#sender-control-volume)\n\n[Sender expanded controller](/cast/docs/design_checklist/sender#sender-expanded-controller)\n\n[Sender mini controller](/cast/docs/design_checklist/sender#sender-mini-controller)\n\n[Sender notification](/cast/docs/design_checklist/sender#sender-control-notification)\n\n[Sender lock screen](/cast/docs/design_checklist/sender#sender-control-lockscreen)\n\n[Sender resumes cast](/cast/docs/design_checklist/sender#sender-control-resume)\n\n[Sender stops cast](/cast/docs/design_checklist/sender#sender-control-end)\n\n### Receiver app: non-touch\n\n[Receiver UI](/cast/docs/design_checklist/receiver#receiver-ui-elements)\n\n[Receiver app idle](/cast/docs/design_checklist/receiver#receiver-ui-idle)\n\n[Receiver app loading](/cast/docs/design_checklist/receiver#receiver-player-loading)\n\n[Receiver content loading](/cast/docs/design_checklist/receiver#receiver-content-loading)\n\n[Receiver playback](/cast/docs/design_checklist/receiver#receiver-ui-seek)\n\n[Receiver paused](/cast/docs/design_checklist/receiver#receiver-ui-pause)\n\n[Receiver buffering](/cast/docs/design_checklist/receiver#receiver-ui-buffer)\n\n[Receiver stops cast](/cast/docs/design_checklist/receiver#receiver-ui-complete)\n\n### Receiver app: touch\n\n[Receiver UI](/cast/docs/design_checklist/receiver_touch#receiver-ui-elements)\n\n[Receiver app idle](/cast/docs/design_checklist/receiver_touch#receiver-ui-idle)\n\n[Receiver app loading](/cast/docs/design_checklist/receiver_touch#receiver-player-loading)\n\n[Receiver content loading](/cast/docs/design_checklist/receiver_touch#receiver-content-loading)\n\n[Receiver playback](/cast/docs/design_checklist/receiver_touch#receiver-ui-seek)\n\n[Receiver paused](/cast/docs/design_checklist/receiver_touch#receiver-ui-pause)\n\n[Receiver buffering](/cast/docs/design_checklist/receiver_touch#receiver-ui-buffer)\n\n[Receiver stops cast](/cast/docs/design_checklist/receiver_touch#receiver-ui-complete)\n\n### Changelog\n\n[List of changes](/cast/docs/design_checklist/changelog)\n\n**Images used in this design guide**\nare courtesy of the Blender Foundation, shared under copyright or Creative Commons license.\n\n- Elephant's Dream: (c) copyright 2006, Blender Foundation / Netherlands Media Art Institute / www.elephantsdream.org\n- Sintel: (c) copyright Blender Foundation \\| www.sintel.org\n- Tears of Steel: (CC) Blender Foundation \\| mango.blender.org\n- Big Buck Bunny: (c) copyright 2008, Blender Foundation / www.bigbuckbunny.org"]]
