Thành phần
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.
Thành phần là các thành phần tương tác để tạo giao diện người dùng.
Có thể sắp xếp các hoạt động này thành 5 danh mục dựa trên mục đích:
Hành động, vùng chứa, điều hướng, lựa chọn và nhập văn bản.
Nội dung và mã mẫu trên trang này phải tuân thủ các giấy phép như mô tả trong phần Giấy phép nội dung. Java và OpenJDK là nhãn hiệu hoặc nhãn hiệu đã đăng ký của Oracle và/hoặc đơn vị liên kết của Oracle.
Cập nhật lần gần đây nhất: 2025-07-26 UTC.
[[["Dễ hiểu","easyToUnderstand","thumb-up"],["Giúp tôi giải quyết được vấn đề","solvedMyProblem","thumb-up"],["Khác","otherUp","thumb-up"]],[["Thiếu thông tin tôi cần","missingTheInformationINeed","thumb-down"],["Quá phức tạp/quá nhiều bước","tooComplicatedTooManySteps","thumb-down"],["Đã lỗi thời","outOfDate","thumb-down"],["Vấn đề về bản dịch","translationIssue","thumb-down"],["Vấn đề về mẫu/mã","samplesCodeIssue","thumb-down"],["Khác","otherDown","thumb-down"]],["Cập nhật lần gần đây nhất: 2025-07-26 UTC."],[],[],null,["# Components are interactive building blocks for creating a user interface.\nThey can be organized into five categories based on their purpose:\nAction, containment, navigation, selection, and text input. \n[### Buttons\nButtons help users initiate actions or flow. Choose from different types of buttons to inform emphasis.](/design/ui/tv/guides/components/buttons) [### Cards\nCards contain content and actions about a single subject.](/design/ui/tv/guides/components/cards) [### Featured carousel\nFeatured carousel highlights a set of media in a full-width container. Guide users towards featured content.](/design/ui/tv/guides/components/featured-carousel) [### Immersive list\nImmersive list highlights a selected item to show immersive content. Use it to emphasis your content.](/design/ui/tv/guides/components/immersive-list) [### Lists\nContinuous, vertical indexes of text or images. Use lists to help users select from a collection.](/design/ui/tv/guides/components/lists) [### Navigation drawer\nNavigation drawers provide access to destinations in an app. Drawers are always available at the edge of the screen](/design/ui/tv/guides/components/navigation-drawer) [### Tabs\nTabs offer a convenient way to switch between primary destinations in an app. Tabs stick to the top of the display.](/design/ui/tv/guides/components/tabs)"]]