Selección automática de vista para teléfonos y tablets

Español (es)

Las tablets suelen usar el modo de dos paneles

Los teléfonos suelen usar el modo de un solo panel.

Pero, ¿cómo podemos hacer que una aplicación utilice automáticamente diferentes pantallas?

En realidad, lograr esto en Android es muy sencillo.

Al igual que con las imágenes y los iconos, el sistema cuenta con una función de adaptación automática.

Para pantallas de mayor resolución se utiliza la carpeta con el sufijo xhdpi.

Lo mismo ocurre con los diseños.

Ver el modo de dos paneles en un teléfono

Añadir una carpeta

Añadir un directorio layout-large en res

Indica el diseño que se utilizará en pantallas grandes

Luego copia activity_main.xml

y modifícalo para que sea activity_main.xml en la carpeta layout

<![CDATA[<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal" android:layout_width="match_parent"
    android:layout_height="match_parent">
    <fragment
        android:id="@+id/newlist_fragment"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:name="com.foxdevelop.www.fragmentfirst.NewListFragment"
        />
</LinearLayout>]]>Lenguaje del código: JavaScript (javascript)

Modificar layout-large/activity_main.xml

Elimina el diseño de marco y cámbialo por etiquetas de fragmento

<![CDATA[<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal" android:layout_width="match_parent"
    android:layout_height="match_parent">
    <fragment
        android:id="@+id/newlist_fragment"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="2"
        android:name="com.foxdevelop.www.fragmentfirst.NewListFragment"
        />

    <fragment
        android:id="@+id/newlist_fragment2"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="2"
        android:name="com.foxdevelop.www.fragmentfirst.NewDetailFragment"
        />
</LinearLayout>]]>Lenguaje del código: JavaScript (javascript)

En el emulador de teléfono

En el emulador de tablet

Tabla de referencia de resoluciones y calificadores

Selección automática de vista para teléfonos y tablets

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *