Preparación de las apps para pantallas grandes
Organiza tus páginas con colecciones
Guarda y categoriza el contenido según tus preferencias.
NIVEL 3: Es el nivel inicial y básico de los lineamientos de calidad de las apps para pantallas grandes.
EL PRIMER PASO para crear una app excelente para pantallas grandes es preparar tu app para esas pantallas.
Las apps preparadas para pantallas grandes se ejecutan en pantalla completa en orientación horizontal y vertical, y en ventana completa en el modo multiventana. Las apps ofrecen compatibilidad básica con dispositivos de entrada externos, como teclado, mouse, panel táctil y pluma stylus. Las apps de cámara preparadas para pantallas grandes proporcionan una vista previa de la cámara que siempre tiene la relación de aspecto y la orientación correctas.
Es posible que el diseño de la app no sea ideal, pero esta nunca tiene formato letterbox ni se ejecuta en el modo de compatibilidad, y los usuarios pueden realizar todos los flujos de tareas.
Sugerencias y precauciones
check_circle
Qué debes hacer
- Habilita la app para que ocupe todo el área de visualización disponible
- Mantén el estado durante los cambios de configuración.
- Admite el modo multiventana y la reanudación múltiple.
- Admite el teclado externo, el mouse, el panel táctil y la pluma stylus.
cancel
Qué no debes hacer
- Bloquea la orientación de la app cuando se muestre en pantalla completa o en el modo multiventana.
- Cómo establecer una relación de aspecto específica para la app
- Restringe el cambio de tamaño de la app
- No restrinjas las dimensiones ni la orientación de la vista previa de la cámara.
Lineamientos
Sigue los lineamientos del nivel 3 para preparar tu app para pantallas grandes.
Prepara tu app para pantallas grandes a través de la retención y el restablecimiento del estado, y la reanudación de los procesos en curso, como la reproducción de contenido multimedia, durante los cambios de configuración del dispositivo.
Lineamiento LS-C1
Qué
La app ocupa el área de visualización disponible (ya sea toda la pantalla o la ventana de la app en el modo multiventana) tanto en orientación vertical como horizontal, y no está en formato letterbox. La app controla los cambios de configuración y retiene o restablece su estado a medida que el dispositivo cambia de orientación, cambia el tamaño de la ventana de la app o se pliega o se despliega el dispositivo.
Por qué
Los cambios de configuración, como la rotación del dispositivo, los cambios de tamaño de las ventanas en el modo multiventana y el plegado o el desplegado de un dispositivo plegable, pueden hacer que los usuarios pierdan contexto o, lo que es aún peor, que pierdan datos.
Cómo
Obtén información sobre cómo controlar los cambios de configuración y mantener la continuidad de la app en la descripción general Configuración y continuidad.
Permite que tu app se ejecute en el modo multiventana junto con otras apps en el modo de pantalla dividida o en el modo de ventanas de escritorio.
Lineamientos LS-M1 y LS-M2
Qué
La app ocupa la ventana de la app y es completamente funcional en el modo multiventana. La app admite la reanudación múltiple en el modo multiventana. La app actualiza la IU y los procesos en curso, como la reproducción de contenido multimedia, cuando no es la app principal. La app administra el acceso a recursos exclusivos, como las cámaras.
Por qué
Las pantallas grandes hacen que el modo multiventana sea más fácil de usar. El modo multiventana permite que los usuarios sean más productivos.
Si tu app incluye una vista previa de la cámara, valídala para que se adapte a la orientación y la relación de aspecto en pantallas grandes.
Lineamientos LS-CM1 y LS-CM2
Qué
La app proporciona una vista previa de la cámara con proporción y orientación adecuadas en orientación horizontal y vertical, estados de dispositivos plegados y desplegados, y modo multiventana. La app admite la proyección de contenido multimedia en todas las configuraciones del dispositivo con la orientación y las proporciones adecuadas.
Por qué
Los dispositivos plegables con pantalla grande en orientación vertical pueden tener una relación de aspecto horizontal. El modo multiventana puede mostrar apps en orientación vertical en una ventana que puede cambiar de tamaño cuando el dispositivo está en posición horizontal.
Admite dispositivos de entrada externos permitiendo que tu app controle las acciones del teclado, el mouse y el panel táctil.
Lineamientos LS-I1 y LS-I2
Qué
La app admite la entrada de texto con un teclado externo. Cuando se conecta o desconecta un teclado externo, la app cambia entre teclado físico y virtual sin reiniciarse. La app admite la entrada básica del mouse y el panel táctil.
Por qué
Los usuarios suelen conectar un teclado o mouse externo a las tablets. Las Chromebooks incluyen teclados y paneles táctiles integrados.
Cómo
Consulta la descripción general de Teclado, mouse y panel táctil para aprender a agregar compatibilidad con dispositivos de entrada externos en tu app.
La pluma stylus permite que los usuarios seleccionen y manipulen los elementos de la IU, incluido el desplazamiento por listas, selectores y otro contenido por el que el usuario puede desplazarse.
En Android 14 (nivel de API 34) y versiones posteriores, puedes escribir y editar texto en campos de entrada de texto con una pluma stylus. En ChromeOS M114 y versiones posteriores, permite que los usuarios escriban y editen texto en campos de entrada de texto en componentes de WebView con una pluma stylus.
Lineamientos LS-S1 y LS-S1.1
Qué
La app admite entradas básicas de pluma stylus, como seleccionar y manipular elementos de la IU en tablets, plegables y dispositivos ChromeOS equipados con pluma stylus.
En Android 14 y ChromeOS M114 y versiones posteriores, la app habilita la entrada de texto en los componentes EditText y WebView, respectivamente.
Por qué
Las pantallas grandes son ideales para las apps compatibles con la pluma stylus. Algunos dispositivos con pantalla grande incluyen una pluma stylus.
Cómo
La entrada básica de la pluma stylus es la misma que la entrada táctil, que es totalmente compatible con Android. No se necesita un desarrollo especial para proporcionar una entrada básica de la pluma stylus.
En Android 14 y versiones posteriores, los componentes de EditText admiten de forma predeterminada la entrada de la pluma stylus y no se requiere un desarrollo especial. En ChromeOS M114 y versiones posteriores, los componentes de WebView admiten de forma predeterminada la entrada de la pluma stylus en los campos de texto.
Para obtener más información, consulta la descripción general de la pluma stylus.
El contenido y las muestras de código que aparecen en esta página están sujetas a las licencias que se describen en la Licencia de Contenido. Java y OpenJDK son marcas registradas de Oracle o sus afiliados.
Última actualización: 2025-07-27 (UTC)
[null,null,["Última actualización: 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."]]
