Automatische Ansichtsauswahl für Smartphones und Tablets

Deutsch (de)

Tablets verwenden normalerweise den Zweibereichsmodus

Smartphones verwenden normalerweise den Einbereichsmodus.

Aber wie können wir eine App erstellen, die sich automatisch an verschiedene Bildschirme anpasst?

Tatsächlich ist dies unter Android sehr einfach zu bewerkstelligen.

Genau wie bei Bildern und Symbolen bietet das System eine automatische Anpassungsfunktion.

Für Bildschirme mit höherer Auflösung wird der Ordner mit dem Suffix xhdpi verwendet.

Dasselbe gilt für Layouts.

Zweibereichsmodus auf einem Smartphone anzeigen

Einen Ordner hinzufügen

Ein layout-large Verzeichnis in res hinzufügen

Dies gibt das Layout an, das auf großen Bildschirmen verwendet wird

Kopieren Sie dann activity_main.xml

Und ändern Sie es so, dass es zu activity_main.xml im layout-Ordner wird

<![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>]]>Code-Sprache: JavaScript (javascript)

layout-large/activity_main.xml bearbeiten

Rahmenlayout entfernen und durch Fragment-Tags ersetzen

<![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>]]>Code-Sprache: JavaScript (javascript)

Auf dem Smartphone-Emulator

Auf dem Tablet-Emulator

Referenztabelle für Auflösungen und Qualifizierer

Automatische Ansichtsauswahl für Smartphones und Tablets