LinearLayout ImageView Redimensionner Toutes Les Images Largeurs Pour S'Adapter À

J'ai un linéaire horizontal layout qui contient 3 vues d'images. Chaque image contient la même image qui est de 200x200 pixels. Voici ma mise en page xml:

<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"
    tools:context=".MainActivity" >

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true" >

        <ImageView
            android:id="@+id/imageView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/image200" />

        <ImageView
            android:id="@+id/imageView2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/image200" />

        <ImageView
            android:id="@+id/imageView3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/image200" />

    </LinearLayout>

</RelativeLayout>

Et voici à quoi il ressemble:

Remarquez comment la troisième image à partir de la gauche est redimensionnée je suppose car il n'y a pas assez de biens immobiliers à contenir 3x 200 pixels de largeur des images.

Ce que je préférerais arriver, c'est plutôt de la réduction de seulement la dernière image, tous les trois images sont redimensionnées de manière régulière de sorte qu'ils correspondent tous à travers l'écran. Comment puis-je configurer mon réseau à régulièrement s'adapter à tous les trois images?

Merci

Mise à JOUR - après avoir changé les paramètres de mon voici de quoi ressembler à:

LinearLayout ImageView Redimensionner Toutes Les Images Largeurs Pour S'Adapter À

Avis que le frontière autour de l'affichage de l'image est toujours de 200 px de haut. Pourquoi est-ce arrivé?

InformationsquelleAutor Jan Tacci | 2013-03-03

14

Définir la Largeur et la hauteur de match_parent pour imageviews et définir layout_weight=1 pour tous les imageviews. Également définir l'Attribut android:scaleType="fitXY"
- ah que travaillé merci!
- android:scaleType="fitXY" est inutile, puisque le layoutHeight est dans wrap mode de contenu
- il a travaillé comme je l'ai dit ci-dessus, mais le problème est qu'il était de mise à l'échelle de la largeur de l'image, mais pas à la hauteur et donc de faire de l'image ratio d'aspect de tous foiré. retrait fitXY la cause pour redimensionner les deux dimensions. merci!
- J'ai pensé que vous voulez étirer votre hauteur de l'image aussi, j'ai donc suggéré d'utiliser scaleType
- je ne veux étirer en hauteur (pour conserver les proportions) mais fitXY ne semble pas fonctionner. il a travaillé quand j'ai enlevé fitXY mais a gardé le reste de vos suggestions
- J'ai mis à jour mon premier post avec une capture d'écran de ce que les choses ressembler après l'application de l'suggestions. Notez, cependant, que même si l'image a été réalisée sur la disposition de la hauteur est toujours 200 px. Pourquoi est-ce arrivé?
- Essayez le réglage de la hauteur pour envelopper le contenu
- J'en ai un de la taille d'une image dans mon dossier drawable mais ce que je peux l'étirer à la fois X et Y, proportionnellement à la taille de l'écran?
InformationsquelleAutor Pragnani

Cela a fonctionné parfaitement pour moi:

    <?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="wrap_content">

    <ImageView
        android:adjustViewBounds="true"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"/>

    <ImageView
        android:adjustViewBounds="true"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"/>

    <ImageView
        android:adjustViewBounds="true"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"/>

</LinearLayout>

Largeur de présentation lors de l'ensemble de 0dp, largeur de présentation est ce qui est sur la photo. Et ici, largeur de la présentation de la LinearLayout est match parent. Donc il va prendre toute la largeur, et que par la largeur de la présentation des images, ils prennent de l'espace dans le rapport de poids.

Veuillez expliquer votre réponse!
ajout d'une courte explication. Laissez-moi savoir si quelque chose est encore confuse.

InformationsquelleAutor blackjack

faire vos trois images d'une largeur de 0dp

et de leur ajouter une layout_weight de 1

😉

<ImageView
            android:id="@+id/imageView1"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:src="@drawable/image200" />

InformationsquelleAutor Guian

1

@JanTacci Concernant votre question de suivi à "Noter, cependant, que même si l'image a été réalisée sur la disposition de la hauteur est toujours 200 px. Pourquoi est-ce qui se passe?"

J'ai juste eu le même problème et qu'il est corrigé par l'ajout de cette propriété pour chaque ImageView:
```
android:adjustViewBounds="true"
```
InformationsquelleAutor Brian DuVerneay

Vous devez vous connecter pour publier un commentaire.