Seleção automática de visualização para telemóveis e tablets

Português (pt)

Os tablets geralmente usam o modo de dois painéis

Os telemóveis geralmente usam o modo de um único painel.

Mas como podemos fazer com que uma aplicação utilize ecrãs diferentes automaticamente?

Na verdade, conseguir isto no Android é muito simples.

Assim como acontece com imagens e ícones, o sistema possui uma função de adaptação automática.

Para ecrãs de alta resolução, utiliza-se a pasta com o sufixo xhdpi.

O mesmo se aplica aos layouts.

Ver o modo de dois painéis num telemóvel

Adicionar uma pasta

Adicionar um diretório layout-large no res

Indica o layout a ser usado em ecrãs grandes

Em seguida, copie o ficheiro activity_main.xml

e modifique-o para ser o activity_main.xml na pasta 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>]]>Code language: JavaScript (javascript)

Modificar layout-large/activity_main.xml

Remover o layout de moldura e substituir 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>]]>Code language: JavaScript (javascript)

No emulador de telemóvel

No emulador de tablet

Tabela de referência de resoluções e qualificadores

Seleção automática de visualização para telemóveis e tablets