Sélection automatique de la vue pour téléphones et tablettes

Les tablettes utilisent généralement un mode à deux volets

Les téléphones utilisent généralement un mode à un seul volet.

Mais comment faire pour qu’une application s’adapte automatiquement aux différents écrans ?

En réalité, cela est très simple à faire sur Android.

Tout comme pour les images et les icônes, le système intègre une fonction d’adaptation automatique.

Pour les écrans haute résolution, on utilise le dossier avec le suffixe xhdpi.

Il en va de même pour les mises en page.

Affichage du mode à deux volets sur un téléphone

Ajouter un dossier

Ajouter un répertoire layout-large dans res

Cela indique la mise en page à utiliser sur les grands écrans

Ensuite, copiez activity_main.xml

Puis modifiez-le pour qu’il devienne activity_main.xml dans le dossier 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>]]>Langage du code : JavaScript (javascript)

Modifier layout-large/activity_main.xml

Supprimez la mise en page de cadre et remplacez-la par des balises fragment

<![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>]]>Langage du code : JavaScript (javascript)

Sur l’émulateur de téléphone

Sur l’émulateur de tablette

Tableau de référence des résolutions et des qualificateurs

Sélection automatique de la vue pour téléphones et tablettes