Phù hợp với màn hình lớ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.
CẤP 3 — Cấp cơ bản, cấp thấp trong các nguyên tắc về Chất lượng ứng dụng cho màn hình lớn.
Để tạo một ứng dụng hoàn hảo cho màn hình lớn, BƯỚC ĐẦU TIÊN là chuẩn bị để ứng dụng phù hợp với màn hình lớn.
Các ứng dụng phù hợp với màn hình lớn có thể chạy ở chế độ toàn màn hình theo hướng ngang và dọc, hiển thị trên toàn cửa sổ ở chế độ nhiều cửa sổ. Ứng dụng cung cấp tính năng hỗ trợ cơ bản cho các thiết bị đầu vào bên ngoài, bao gồm cả bàn phím, chuột, bàn di chuột và bút cảm ứng. Các ứng dụng máy ảnh phù hợp với màn hình lớn cung cấp bản xem trước luôn có tỷ lệ khung hình và hướng thích hợp.
Có thể bố cục ứng dụng không lý tưởng, nhưng ứng dụng tuyệt đối không có dạng hòm thư, không chạy ở chế độ tương thích và người dùng có thể hoàn tất mọi luồng tác vụ.
Những việc nên làm và việc không nên làm
- Cho phép ứng dụng lấp đầy toàn bộ khu vực hiển thị hiện có
- Duy trì trạng thái trong khi cấu hình thay đổi
- Hỗ trợ chế độ nhiều cửa sổ và tính năng tiếp tục nhiều lần
- Hỗ trợ bàn phím, chuột, bàn di chuột và bút cảm ứng bên ngoài
- Khoá hướng ứng dụng khi ở chế độ toàn màn hình hoặc nhiều cửa sổ
- Đặt tỷ lệ khung hình cụ thể cho ứng dụng
- Hạn chế khả năng đổi kích thước ứng dụng
- Hạn chế kích thước hoặc hướng đối với bản xem trước của máy ảnh
Nguyên tắc
Làm theo nguyên tắc Cấp 3 để chỉnh sửa cho ứng dụng phù hợp với màn hình lớn.
Hãy chuẩn bị để ứng dụng của bạn phù hợp với màn hình lớn bằng cách giữ lại và khôi phục trạng thái cũng như tiếp tục các quy trình đang diễn ra, chẳng hạn như phát nội dung nghe nhìn, trong khi cấu hình thiết bị thay đổi.
Nguyên tắc LS-C1
Nội dung
Ứng dụng lấp đầy màn hình hiện có (toàn bộ màn hình hoặc cửa sổ ứng dụng ở chế độ nhiều cửa sổ) ở cả hướng dọc và hướng ngang và không có dạng hòm thư. Ứng dụng xử lý các thay đổi về cấu hình và giữ lại/khôi phục trạng thái khi thiết bị thay đổi hướng, cửa sổ ứng dụng đổi kích thước, hoặc thiết bị gập vào/mở ra.
Lý do
Các thay đổi về cấu hình như xoay thiết bị, thay đổi kích thước cửa sổ trong chế độ nhiều cửa sổ cũng như đóng hoặc mở thiết bị có thể gập lại có thể khiến người dùng mất ngữ cảnh hoặc thậm chí tệ nhất là mất dữ liệu.
Cách thức
Tìm hiểu cách xử lý các thay đổi về cấu hình và duy trì tính liên tục của ứng dụng trong phần tổng quan về Cấu hình và tính liên tục.
Cho phép ứng dụng của bạn chạy ở chế độ nhiều cửa sổ cùng với các ứng dụng khác ở chế độ chia đôi màn hình hoặc chế độ cửa sổ trên máy tính.
Nguyên tắc LS-M1 và LS-M2
Nội dung
Ứng dụng lấp đầy cửa sổ ứng dụng và hoạt động với đầy đủ chức năng ở chế độ nhiều cửa sổ. Ứng dụng hỗ trợ tính năng tiếp tục nhiều lần ở chế độ nhiều cửa sổ. Ứng dụng sẽ cập nhật giao diện người dùng và các quy trình đang diễn ra (chẳng hạn như phát nội dung nghe nhìn) khi không phải là ứng dụng hàng đầu trong danh sách tâm điểm. Ứng dụng quản lý quyền truy cập vào các tài nguyên độc quyền như camera.
Lý do
Màn hình lớn giúp chế độ nhiều cửa sổ trở nên hữu ích hơn. Chế độ nhiều cửa sổ giúp người dùng làm việc hiệu quả hơn.
Nếu ứng dụng của bạn có bản xem trước của máy ảnh, hãy kiểm tra bản xem trước để biết hướng và tỷ lệ khung hình trên màn hình lớn.
Nguyên tắc LS-CM1 và LS-CM2
Nội dung
Ứng dụng cung cấp bản xem trước của máy ảnh (được điều chỉnh theo tỷ lệ và định hướng phù hợp ở hướng ngang và dọc), trạng thái gập vào và mở ra của thiết bị cũng như chế độ nhiều cửa sổ. Ứng dụng hỗ trợ tính năng chiếu nội dung nghe nhìn theo hướng và tỷ lệ thích hợp trong mọi cấu hình thiết bị.
Lý do
Màn hình lớn của thiết bị có thể gập lại theo hướng dọc có thể có tỷ lệ khung hình dạng ngang. Chế độ nhiều cửa sổ có thể hiển thị các ứng dụng theo hướng dọc trong một cửa sổ có khả năng đổi kích thước khi thiết bị nằm ngang.
Hãy hỗ trợ thiết bị đầu vào bên ngoài bằng cách cho phép ứng dụng xử lý các thao tác bằng bàn phím, chuột và bàn di chuột.
Nguyên tắc LS-I1 và LS-I2
Nội dung
Ứng dụng hỗ trợ nhập văn bản bằng bàn phím bên ngoài. Khi một bàn phím bên ngoài được kết nối hoặc ngắt kết nối, ứng dụng sẽ chuyển đổi giữa bàn phím thực và bàn phím ảo mà không cần khởi chạy lại ứng dụng. Ứng dụng hỗ trợ phương thức nhập cơ bản bằng chuột và bàn di chuột.
Lý do
Người dùng thường kết nối bàn phím bên ngoài hoặc chuột với máy tính bảng. Chromebook tích hợp sẵn bàn phím và bàn di chuột.
Hãy cho phép người dùng chọn và thao tác với các phần tử trên giao diện người dùng (bao gồm cả thao tác cuộn qua danh sách, bộ chọn và nội dung khác có thể cuộn) bằng bút cảm ứng.
Trên Android 14 (API cấp 34) trở lên, hãy hỗ trợ chức năng viết và chỉnh sửa văn bản trong các trường nhập dữ liệu bằng bút cảm ứng. Trên ChromeOS M114 trở lên, hãy cho phép người dùng viết và chỉnh sửa văn bản ở các trường nhập dữ liệu trong các thành phần WebView bằng bút cảm ứng.
Nguyên tắc LS-S1 và LS-S1.1
Nội dung
Ứng dụng hỗ trợ phương thức nhập cơ bản bằng bút cảm ứng, chẳng hạn như chọn và thao tác với các phần tử trên giao diện người dùng ở máy tính bảng, thiết bị có thể gập lại và thiết bị ChromeOS có trang bị bút cảm ứng.
Trên Android 14 trở lên và ChromeOS M114 trở lên, ứng dụng sẽ bật phương thức nhập văn bản lần lượt trong các thành phần EditText và WebView.
Lý do
Màn hình lớn phù hợp với các ứng dụng hỗ trợ bút cảm ứng. Một số thiết bị màn hình lớn được trang bị bút cảm ứng.
Cách thức
Phương thức nhập bằng bút cảm ứng cơ bản cũng tương tự như phương thức nhập bằng cách chạm. Android hỗ trợ đầy đủ cho cả 2 phương thức nhập này. Bạn không cần thực hiện bất kỳ quá trình phát triển đặc biệt nào để cung cấp phương thức nhập cơ bản bằng bút cảm ứng.
Trên Android 14 trở lên, theo mặc định, các thành phần EditText hỗ trợ phương thức nhập bằng bút cảm ứng; mà không cần thêm quá trình phát triển đặc biệt nào. Theo mặc định, trên ChromeOS M114 trở lên, các thành phần WebView hỗ trợ phương thức nhập dữ liệu vào các trường văn bản bằng bút cảm ứng.
Để biết thêm thông tin, hãy xem phần tổng quan về bút cảm ứng.
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-27 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-27 UTC."],[],[],null,["# Large screen ready\n\nTIER 3 --- The basic, entry-level tier of the [Large screen app\nquality](/docs/quality-guidelines/large-screen-app-quality) guidelines.\n\nTHE FIRST STEP in creating a great app for large screens is making your app\nlarge screen ready.\n\nLarge screen ready apps run full screen in landscape and portrait orientations,\nfull window in multi‑window mode. Apps provide basic support for external\ninput devices, including keyboard, mouse, trackpad, and stylus. Large screen\nready camera apps provide a camera preview that's always in the proper aspect\nratio and orientation.\n\nApp layout might not be ideal, but the app is never letterboxed, never runs in\ncompatibility mode, and users can complete all task flows.\n\nDo's and don'ts\n---------------\n\ncheck_circle\n\n### Do\n\n- Enable app to fill entire available display area\n- Maintain state during configuration changes\n- Support multi-window mode and multi-resume\n- Support external keyboard, mouse, trackpad, and stylus \ncancel\n\n### Don't\n\n- Lock app orientation when full screen or in multi‑window mode\n- Set a specific app aspect ratio\n- Restrict app resizability\n- Restrict camera preview dimensions or orientation\n\nGuidelines\n----------\n\nFollow the Tier 3 guidelines to get your app ready for large screens.\n| **Note:** Large screen ready apps also fulfill the [core app\n| quality](/docs/quality-guidelines/core-app-quality) requirements---especially the [UI and\nGraphics](/docs/quality-guidelines/core-app-quality#ui_and_graphics) requirements. \n\n### [Configuration and continuity](/docs/quality-guidelines/large-screen-app-quality#t3_configuration_continuity)\n\nMake your app large screen ready by retaining and restoring state and resuming ongoing processes, such as media playback, during device configuration changes.\n\nGuideline [LS-C1](/docs/quality-guidelines/large-screen-app-quality#LS-C1) \n\n#### What\n\nApp fills the available display area---either the entire screen or the app window in multi‑window mode---in both portrait and landscape orientations and is not [letterboxed](/guide/topics/large-screens/large-screen-compatibility-mode#letterboxing). App handles configuration changes and retains or restores its state as the device changes orientation, the app window resizes, or the device folds or unfolds. \n\n#### Why\n\nConfiguration changes such as device rotation, window size changes in multi-window mode, and folding or unfolding a foldable device can cause users to lose context or (even worse) data. \n\n#### How\n\nLearn how to handle configuration changes and maintain app continuity in the [Configuration and continuity](/guide/topics/large-screens/configuration-and-continuity) overview. \n\n### [Multi-window and multi-resume](/docs/quality-guidelines/large-screen-app-quality#t3_multi-window_multi-resume)\n\nEnable your app to run in multi‑window mode alongside other apps either in split‑screen mode or desktop windowing mode.\n\nGuidelines [LS-M1](/docs/quality-guidelines/large-screen-app-quality#LS-M1) and [LS-M2](/docs/quality-guidelines/large-screen-app-quality#LS-M2) \n\n#### What\n\nApp fills the app window and is fully functional in multi‑window mode. App supports multi‑resume in multi‑window mode. App updates its UI and ongoing processes, such as media playback, when the app is not the top focused app. App manages access to exclusive resources such as cameras. \n\n#### Why\n\nLarge screens make multi‑window mode more usable. Multi‑window mode makes users more productive. \n\n#### How\n\nLearn how to develop for multi-window mode in the [Multi-window mode and multi-resume](/guide/topics/large-screens/multi-window-mode-and-multi-resume) overview. \n\n### [Camera preview and media projection](/docs/quality-guidelines/large-screen-app-quality#t3_camera_preview_media_projection)\n\nIf your app includes a camera preview, validate the preview for orientation and aspect ratio on large screens.\n\nGuidelines [LS-CM1](/docs/quality-guidelines/large-screen-app-quality#LS-CM1) and [LS-CM2](/docs/quality-guidelines/large-screen-app-quality#LS-CM2) \n\n#### What\n\nApp provides a properly proportioned and oriented camera preview in landscape and portrait orientations, folded and unfolded device states, and multi‑window mode. App supports media projection in all device configurations in the proper orientation and proportions. \n\n#### Why\n\nLarge screen foldables in portrait orientation can have a landscape aspect ratio. Multi‑window mode can display apps in portrait orientation in a resizable window when the device is landscape. \n\n#### How\n\nFor guidance about camera preview and media projection, see the [Camera preview and media projection](/guide/topics/large-screens/camera-preview-and-media-projection) overview. \n\n### [Keyboard, mouse, and trackpad](/docs/quality-guidelines/large-screen-app-quality#t3_keyboard_mouse_trackpad)\n\nSupport external input devices by enabling your app to handle keyboard, mouse, and trackpad actions.\n\nGuidelines [LS-I1](/docs/quality-guidelines/large-screen-app-quality#LS-I1) and [LS-I2](/docs/quality-guidelines/large-screen-app-quality#LS-I2) \n\n#### What\n\nApp supports text input using an external keyboard. When an external keyboard is connected or disconnected, app switches between physical and virtual keyboards without relaunching the app. App supports basic mouse and trackpad input. \n\n#### Why\n\nUsers often connect an external keyboard or mouse to tablets. Chromebooks come with built‑in keyboards and trackpads. \n\n#### How\n\nSee the [Keyboard, mouse, and trackpad](/guide/topics/large-screens/keyboard-mouse-and-trackpad-tier-3) overview to learn how to add support for external input devices in your app. \n\n### [Stylus](/docs/quality-guidelines/large-screen-app-quality#t3_stylus)\n\nEnable users to select and manipulate UI elements, including scrolling through lists, pickers, and other scrollable content, with a stylus.\n\nOn Android 14 (API level 34) and higher, support writing and editing text in text input fields using a stylus. On ChromeOS M114 and higher, enable users to write and edit text in text input fields in [`WebView`](/reference/android/webkit/WebView) components using a stylus.\n\nGuidelines [LS-S1](/docs/quality-guidelines/large-screen-app-quality#LS-S1) and [LS-S1.1](/docs/quality-guidelines/large-screen-app-quality#LS-S1.1) \n\n#### What\n\nApp supports basic stylus input such as selecting and manipulating UI elements on stylus‑equipped tablets, foldables, and ChromeOS devices.\n\nOn Android 14 and higher and ChromeOS M114 and higher, app enables text input in [`EditText`](/reference/android/webkit/WebView) and `WebView` components, respectively. \n\n#### Why\n\nLarge screens are ideal for stylus‑enabled apps. Some large screen devices come equipped with a stylus. \n\n#### How\n\nBasic stylus input is the same as touch input, which Android fully supports. No special development is needed to provide basic stylus input.\n\nOn Android 14 and higher, `EditText` components support input using a stylus by default; no special development required. On ChromeOS M114 and higher, `WebView` components support stylus input in text fields by default.\n\nFor more information, see the [Stylus](/guide/topics/large-screens/stylus-tier-3) overview."]]
