Android XML de Mise en page pour tous les Appareils (Petite/Normale/Large/XLarge, etc)

Je veux créer un XML de Mise en page qui sera en charge toutes les tailles d'Écran. Dans le XML, le premier élément est ImageView, la deuxième est TextView et le troisième est Button avec une Image. Ainsi, le TextView devrait être la position exacte de tous les périphériques (small, medium, large, xLarge, etc).

Comment puis-je faire cela?

Voici le XML de sortie devrait ressembler à:

Voici le fichier XML que j'ai créé pour le mode Normal/Moyen de Mise en page:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >

<ImageView
    android:id="@+id/imageView1"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_alignParentTop="true"
    android:src="@drawable/firstscreenimage" />

<RelativeLayout
    android:id="@+id/relativeLayout2"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_alignParentLeft="true" >

    <EditText
        android:id="@+id/campa"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@+id/textView3"
        android:ems="10" >

        <requestFocus />
    </EditText>

    <TextView
        android:id="@+id/textView3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:gravity="center"
        android:text="My Current\n Campaign" />
</RelativeLayout>

<RelativeLayout
    android:id="@+id/relativeLayout1"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_above="@+id/relativeLayout2"
    android:layout_alignParentLeft="true" >

    <Button
        android:id="@+id/button1"
        android:layout_width="210dp"
        android:layout_height="210dp"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:background="@drawable/animation0" />

    <TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBaseline="@+id/button1"
        android:layout_alignBottom="@+id/button1"
        android:layout_centerHorizontal="true"
        android:gravity="center"
        android:text="Start" />
</RelativeLayout>

<TextView
    android:id="@+id/textView1"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_above="@+id/relativeLayout1"
    android:layout_alignParentLeft="true"
    android:layout_marginBottom="42dp"
    android:gravity="right"
    android:paddingRight="25dp"
    android:text="0.0km"
    android:textSize="30dp" />

</RelativeLayout>

OriginalL'auteur Mohammad Rajob | 2014-01-26

android android-xml

22

Vous avez besoin de mettre tous les Widths, Heights, Paddings, Margins , etc dans le /res/values/dimens.xml fichier comme ceci:

dimens.xml :
```

<dimen name = "button1_width_small">157.5dip</dimen>


<dimen name = "button1_width_medium">210dip</dimen>


<dimen name = "button1_width_large">315dip</dimen>


<dimen name = "button1_width_xLarge">420dip</dimen>
```
Et les utiliser dans votre Layouts (Normal/Moyen) comme ceci:
```
<Button
    android:id="@+id/button1"
    android:layout_width="@dimen/button1_width_medium"
    android:layout_height="210dp"
    android:layout_centerHorizontal="true"
    android:layout_centerVertical="true"
    android:background="@drawable/animation0" />
```
Pour convertir les dimensions utilisez les Valeurs suivantes:
```
0.75 - ldpi  (small)   //mdpi dimens *0.75
1.0  - mdpi  (normal)  //First create these dimensions
1.5  - hdpi  (large)   //mdpi dimens *1.5
2.0  - xhdpi (xLarge)  //mdpi dimens *2.0
```
Vous devez également créer différents Layouts Folders dans votre res dossier pour tous les appareils et utiliser les dimensions en conséquence.

Générique de Mise en page de Dossiers (Android Dev Guide) :
```
res/layout-small
res/layout-normal
res/layout-large
res/layout-xlarge
```
Après vous avez terminé de faire votre Normal/Medium Layouts procédez comme suit:
1. Convertir la Normale Dimensions pour les autres Tailles d'Écran.
2. Copie Normale de votre Mise en page des fichiers xml dans d'autres Dossiers.
3. Changer le suffixe de l'dimensions utilisées selon le dossier que vous êtes en.
4. Redimensionner l'Image dans votre dossier drawable (Hauteur et Largeur - Même technique que nous avons utilisé pour la conversion de la dimens) et de les mettre dans leur dossier drawable (drawable-ldpi, drawable-mdpi, drawable-hdpi, drawable-xdpi et ainsi de suite).
Ensuite vos Mises en page devrait fonctionner sur tous les appareils avec un positionnement correct.

J'espère que cette aide.

Je pense que vous avez déjà créé des mises en page pour la Taille Normale, vous avez juste besoin de les multiplier comme cela et vous permettra d'obtenir les dimensions souhaitées : Small Dimensions = Normal dimens *0.75 Large Dimensions = Normal dimens *1.5 xlarge Dimensions = Normal dimens *2.0
J'ai déjà créé res/layout-petit,res/layout-normal,res/layout-grand, res/layout-xlarge, mais comment puis-je l'utiliser(de Petites Dimensions = Normal dimens *0.75) dans le fichier xml?
Vous devez calculer ces valeurs de votre auto et mettez-les dans la dimens fichier, Vérifiez que la réponse ci-dessus en vertu de la dimens.xml : Tête, medium value is 210dip puis small value is 157.5dip, qui est égal à (210*0.75) et ainsi de suite.

OriginalL'auteur Salman Khakwani
1

Si vous avez besoin de créer des dossiers différents et de maintenir tous les xml dans ces dossiers.

Ce qui suit est une liste de répertoires de ressources dans une application qui fournit des différents schémas de configuration pour les différentes tailles d'écran et les différents bitmap un drawable de moyenne, haute et très haute densité écrans.
```
res/layout/my_layout.xml             //layout for normal screen size ("default")
res/layout-small/my_layout.xml       //layout for small screen size
res/layout-large/my_layout.xml       //layout for large screen size
res/layout-xlarge/my_layout.xml      //layout for extra large screen size
res/layout-xlarge-land/my_layout.xml //layout for extra large in landscape orientation
```
Pour plus d'informations, reportez-vous à cette lien

Je l'ai utilisé frère, mais ce n'était pas exactement la même position, que je veux. S'il vous plaît aider moi, frère.

OriginalL'auteur Shylendra Madda
1

Vous avez également besoin de prendre en charge différents écrans dans manifast fichier xml
Ouvrir "AndroidManifest" et ajoutez le code suivant après android versionName.
```
android:versionName="1.0" >

<supports-screens android:smallScreens="true"

                android:normalScreens="true"

                android:largeScreens="true"

                android:xlargeScreens="true"

                android:anyDensity="true"

                android:resizeable="true"/>
```
<prend en charge les écrans android:smallScreens="true" android:normalScreens="true" android:largeScreens="true" android:xlargeScreens="true" android:anyDensity="true" android:redimensionnables="true"/>

OriginalL'auteur Strict Way

-1

Un xml de Mise en page pour Toutes les tailles d'écran. d'ajouter et de modifier le nombre ou des éléments dans une rangée.

 <TableLayout
android:background="@android:color/white"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_weight="9">
<TableRow
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_weight="1">
<LinearLayout
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:layout_weight="1">
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="One"
android:layout_gravity="center"
android:textColor="#000000"
android:id="@+id/re" />
</LinearLayout>
<LinearLayout
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:layout_weight="1">
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Two"
android:gravity="center"
android:textColor="#000000"
android:id="@+id/tr" />
</LinearLayout>
</TableRow>
<TableRow
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_weight="1">
<LinearLayout
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:layout_weight="1" >
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:textColor="#000000"
android:text="Three"
android:id="@+id/t" />
</LinearLayout>
<LinearLayout
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:layout_weight="1" >
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Four"
android:layout_gravity="center"
android:textColor="#000000"
android:id="@+id/q" />
</LinearLayout>
</TableRow>
<TableRow
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_weight="1">
<LinearLayout
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:layout_weight="1" >
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Five"
android:layout_gravity="center"
android:textColor`enter code here`="#000000"
android:id="@+id/f" />
</LinearLayout>
<LinearLayout
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:layout_weight="1" >
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Six"
android:layout_gravity="center"
android:textColor="#000000"
android:id="@+id/s" />
</LinearLayout>
</TableRow>
</TableLayout>
</LinearLayout>

OriginalL'auteur junaid raza

Vous devez vous connecter pour publier un commentaire.