제트 개울
컬렉션을 사용해 정리하기
내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.
언제라도 집에서 대형 화면을 통해 좋아하는 영화, TV 프로그램, 음악 등을 원활하게 즐기세요.
리소스
테마
색상 테마
색상 테마는 Material Design 3 테마 생성기를 사용하여 생성됩니다.
서체
JetStream의 서체 스케일은 인터페이스 서체를 사용하여 TV 화면의 디자인을 간단하고 명확하게 만듭니다.
도형
카드와 버튼에 미세한 반지름이 적용되어 가장자리를 친근하고 접근하기 쉽게 만듭니다.
포커스
윤곽선 색상이 있는 3dp 윤곽선이 JetStream에서 사용됩니다.
홈
추천 캐러셀
카드 스타일 레이아웃이 있는 캐러셀입니다.
콘텐츠 행
JetStream은 5열 레이아웃에서 2:3 가로세로 비율의 표준 카드 스타일을 사용합니다.
몰입형 목록
몰입형 목록 구성요소를 사용하여 상위 10개 인기 영화와 같은 앱의 특별한 콘텐츠를 강조 표시합니다.
카테고리
카테고리
카테고리 페이지에는 쉽게 탐색하고 액세스할 수 있도록 장르가 그리드 형식으로 표시됩니다.
카테고리 세부정보
헤더가 있는 2:3 카드 그리드를 사용하여 카테고리 세부정보 페이지를 만듭니다.
영화
상단에는 16:9 추천 카드가 있고 하단에는 콘텐츠 그리드가 있는 표준 영화 탭입니다.
보관함
즐겨찾기
즐겨찾기 탭의 화면 상단에 필터 칩이 있어 빠르게 콘텐츠를 검색할 수 있습니다.
검색
검색 방문 페이지
검색 페이지에는 최근 검색어를 기반으로 추천 검색어가 포함된 검색창이 표시됩니다.
활성 검색
사용자가 검색창에 포커스를 맞추면 키보드가 팝업되고 사용자가 입력할 때 아래의 결과가 동적으로 업데이트됩니다.
항목 세부정보
세부정보 방문 페이지
세부정보 페이지에는 간단한 줄거리 요약과 영화를 볼 수 있는 눈에 띄는 클릭 유도 문구 버튼이 포함된 영화 형식의 뷰가 표시됩니다.
출연진 및 제작진
출연진 및 제작진 섹션에는 제목과 설명이 있는 클래식 카드가 한 줄씩 표시되며, 각 카드에는 2:3 이미지 확장 소재가 함께 표시됩니다.
평점
평점 섹션에는 추가 정보가 포함된 맞춤 클래식 와이드 카드가 표시됩니다.
재생
동영상 플레이어
권장사항이 포함된 표준 동영상 플레이어입니다.
동영상 플레이어 설정
동영상 플레이어의 자막 팝오버입니다.
설정
계정 설정
계정 페이지 레이아웃은 왼쪽에 목록 구성요소가 있고 오른쪽에 맞춤 카드 구성요소가 그리드 형식으로 정렬된 2열 디자인으로 구성되어 있습니다.
계정 삭제 대화상자
이 대화상자는 배경화면이 다른 화면과 구분되도록 디자인되었습니다. 대화상자에 있는 두 개의 버튼이 왼쪽에 정렬되어 깔끔하게 정리되어 있습니다.
정보
정보 섹션에는 오른쪽 패널에 스크롤 가능한 텍스트 뷰가 있습니다.
자막 설정
목록 구성요소는 부제목 아래에 다양한 설정을 표시하는 데 사용되며 스위치 또는 라벨과 같은 작업을 사용합니다.
내역
검색 기록에서는 이전에 검색한 검색어 목록을 모든 검색 기록을 지우는 옵션과 함께 표시하는 레이아웃을 사용합니다.
도움말
도움말 및 지원 섹션에서는 맞춤 목록 구성요소를 사용하여 연락처 정보와 FAQ를 포함한 다양한 옵션을 표시합니다.
이 페이지에 나와 있는 콘텐츠와 코드 샘플에는 콘텐츠 라이선스에서 설명하는 라이선스가 적용됩니다. 자바 및 OpenJDK는 Oracle 및 Oracle 계열사의 상표 또는 등록 상표입니다.
최종 업데이트: 2025-07-27(UTC)
[[["이해하기 쉬움","easyToUnderstand","thumb-up"],["문제가 해결됨","solvedMyProblem","thumb-up"],["기타","otherUp","thumb-up"]],[["필요한 정보가 없음","missingTheInformationINeed","thumb-down"],["너무 복잡함/단계 수가 너무 많음","tooComplicatedTooManySteps","thumb-down"],["오래됨","outOfDate","thumb-down"],["번역 문제","translationIssue","thumb-down"],["샘플/코드 문제","samplesCodeIssue","thumb-down"],["기타","otherDown","thumb-down"]],["최종 업데이트: 2025-07-27(UTC)"],[],[],null,["# Jet Stream\n\nEnjoy seamless access to your favorite movies, TV shows, music, and more on\nthe big screen, anytime at home.\n\nResources\n---------\n\n| Type | Link | Status |\n|----------------|---------------------------------------------------------------|-----------|\n| Design | [Design source (Figma)](https://goo.gle/jet-stream-figma) | Available |\n| Design | [Inter (Google Fonts)](https://goo.gle/jet-stream-fonts) | Available |\n| Implementation | [Jetpack Compose (Github)](https://goo.gle/jet-stream-github) | Available |\n\nTheme\n-----\n\n\u003cbr /\u003e\n\n**Color theme**\nA color theme is generated using the Material Design 3 theme generator. \n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Typography**\nJetStream's type scale uses the Inter typeface to create a simple and clear look for TV screens. \n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Shape**\nA subtle radius is applied to the cards and buttons to create friendly and approachable edges. \n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Focus**\nA 3dp outline with an outline color is used in JetStream. \n\n\u003cbr /\u003e\n\nHome\n----\n\n\u003cbr /\u003e\n\n**Home**\nLanding page of JetStream app. \n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Featured carousel**\nA carousel with a card-style layout. \n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Content row**\nJetStream utilizes a standard card style with a 2:3 aspect ratio in a 5-column layout. \n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Immersive list**\nHighlight special content in the app using the Immersive list component, such as top 10 trending movies. \n\n\u003cbr /\u003e\n\nCategories\n----------\n\n\u003cbr /\u003e\n\n**Categories**\nThe Categories page displays genres in a grid format for easy navigation and access. \n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Category cards** \n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Category details**\nA 2:3 card grid with a header is used to create the Category details page. \n\n\u003cbr /\u003e\n\nMedia\n-----\n\n\u003cbr /\u003e\n\n**Movies**\nA standard movies tab with a 16:9 featured cards on the top with content grid on the bottom. \n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Shows** \n\n\u003cbr /\u003e\n\nLibrary\n-------\n\n\u003cbr /\u003e\n\n**Favorites**\nThe Favorites tab includes filter chips at the top of the screen to allow for quick content searching. \n\n\u003cbr /\u003e\n\nSearch\n------\n\n\u003cbr /\u003e\n\n**Search landing**\nA search page features a search bar with suggested search queries based on recent searches. \n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Active search**\nWhen the user focuses on the search bar, the keyboard pops up, and the results below dynamically update as the user types. \n\n\u003cbr /\u003e\n\nEntity details\n--------------\n\n\u003cbr /\u003e\n\n**Details landing**\nThe details page presents a cinematic view with a brief plot summary and a prominent call-to-action button to watch the movie. \n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Cast and crew**\nThe Cast and Crew section features a row of classic cards with titles and descriptions, each accompanied by a 2:3 image asset. \n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Ratings**\nThe ratings section features a custom classic wide card that includes additional information. \n\n\u003cbr /\u003e\n\nPlayback\n--------\n\n\u003cbr /\u003e\n\n**Video player**\nA standard video player with best practices. \n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Video player settings**\nA close caption popover on the video player. \n\n\u003cbr /\u003e\n\nSettings\n--------\n\n\u003cbr /\u003e\n\n**Account settings**\nThe accounts page layout features a two-column design with a list component on the left and custom card components on the right, arranged in a grid format. \n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Delete account dialog**\nThe dialog box is designed with a contrasting background to make it stand out from the rest of the screen. The two buttons in the dialog are aligned to the left for a clean and organized look. \n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**About**\nThe About section features a right-hand panel with a scrollable text view. \n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Subtitle settings**\nA list component is used to display various settings under subtitle, and uses actions such as a switch or a label. \n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**History**\nThe search history uses a layout that displays a list of previously searched queries, along with an option to clear all the search history. \n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Help**\nThe Help and Support section uses a custom list component to display various options, including contact information and FAQs. \n\n\u003cbr /\u003e"]]
