Danh sách kiểm tra thiết kế Google Cast
Sử dụng bộ sưu tập để sắp xếp ngăn nắp các trang
Lưu và phân loại nội dung dựa trên lựa chọn ưu tiên của bạn.
Danh sách kiểm tra thiết kế dưới đây giúp cung cấp trải nghiệm người dùng Truyền đơn giản và dễ dự đoán cho mọi nền tảng. Việc tuân theo các nguyên tắc này khi thiết kế ứng dụng sẽ đảm bảo trải nghiệm Truyền tốt nhất cho người dùng.
Hình ảnh được sử dụng trong hướng dẫn thiết kế này là ưu đãi của Quỹ Blender, được chia sẻ theo giấy phép bản quyền hoặc giấy phép Creative Commons.
- Dream's Dream: (c) bản quyền 2006, Blender Foundation / Viện Nghệ thuật Truyền thông Hà Lan /
www.elephantsdream.org
- Sintel: (c) Tổ chức máy xay sinh tố bản quyền | www.sintel.org
- Nước mắt bằng thép: (CC) Blender Foundation | mango.blender.org
- Big Buck thỏ: (c) bản quyền 2008, Blender Foundation / www.big Buckbunny.org
Trừ phi có lưu ý khác, nội dung của trang này được cấp phép theo Giấy phép ghi nhận tác giả 4.0 của Creative Commons và các mẫu mã lập trình được cấp phép theo Giấy phép Apache 2.0. Để biết thông tin chi tiết, vui lòng tham khảo Chính sách trang web của Google Developers. Java là nhãn hiệu đã đăng ký của Oracle và/hoặc các đơn vị liên kết với Oracle.
Cập nhật lần gần đây nhất: 2022-12-06 UTC.
[null,null,["Cập nhật lần gần đây nhất: 2022-12-06 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"]]
