Comment éviter le chevauchement de imageview dans Android

Question

je veux mettre plusieurs imageview dans une rangée comme celui-ci

http://imgur.com/wYpAgxE

mais il y a quelques bugs, les imageview sont chevauchent les uns sur les autres, je veux les placer côte à côte avec l'autre

http://imgur.com/WUHbzCd

Voici mon fichier XML

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_alignParentBottom="true" 
    android:background="@drawable/background" 
    android:clipChildren="false" 
    android:clipToPadding="false" 
    tools:context=".MainActivity" > 

    <ImageView 
     android:id="@+id/imageView1" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_marginTop="182dp" 
     android:layout_marginEnd="10dp" 
     android:layout_marginRight="10dp" 
     android:scaleType="centerCrop" 
     android:src="@drawable/music_720p" /> 

    <ImageView 
     android:id="@+id/imageView2" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_toRightOf="@+id/imageView1" 
     android:layout_toEndOf="@+id/imageView1" 
     android:layout_marginTop="182dp" 
     android:layout_marginRight="70dp" 
     android:layout_marginEnd="70dp" 
     android:scaleType="centerCrop" 
     android:src="@drawable/video_720p" /> 
    <ImageView 
     android:id="@+id/imageView3" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_toRightOf="@+id/imageView2" 
     android:layout_toEndOf="@+id/imageView2" 
     android:layout_marginTop="182dp" 
     android:layout_marginRight="70dp" 
     android:layout_marginEnd="70dp" 
     android:scaleType="centerCrop" 
     android:src="@drawable/photo_720p" /> 
    <ImageView 
     android:id="@+id/imageView4" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_toRightOf="@+id/imageView3" 
     android:layout_toEndOf="@+id/imageView3" 
     android:layout_marginTop="182dp" 
     android:layout_marginRight="10dp" 
     android:layout_marginEnd="10dp" 
     android:scaleType="centerCrop" 
     android:src="@drawable/web_720p" /> 
    <ImageView 
     android:id="@+id/imageView5" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_toRightOf="@+id/imageView4" 
     android:layout_toEndOf="@+id/imageView4" 
     android:layout_marginTop="182dp" 
     android:layout_marginRight="10dp" 
     android:layout_marginEnd="10dp" 
     android:scaleType="centerCrop" 
     android:src="@drawable/setting_720p" /> 

</RelativeLayout> 

Toute aide est appréciée.

Answer 1

Je suggère que vous devriez aller pour HorizontalScrollView qui fournit des fonctionnalités que vous voulez.

lien Commander vous montre comment vous pouvez implémenter HorizontolScrollView

J'espère que cela vous aidera.

Vous pouvez également consulter la réponse de vijju qui ont montré la mise en œuvre totalement HERE

Answer 2

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_alignParentBottom="true" 
    android:clipChildren="false" 
    android:clipToPadding="false" 
    tools:context=".MainActivity" > 

    <HorizontalScrollView 
     android:id="@+id/horizontalScrollView1" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_centerHorizontal="false" 
     android:scrollbars="none" > 

       <LinearLayout 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:orientation="horizontal" > 

        <ImageView 
         android:id="@+id/setupImageView" 
         android:layout_width="wrap_content" 
         android:layout_height="wrap_content" 
         android:layout_gravity="bottom|left" 
         android:layout_marginBottom="10dp" 
         android:layout_marginLeft="20dp" 
         android:src="@drawable/ic_launcher" /> 

        <ImageView 
         android:id="@+id/uploadImageView" 
         android:layout_width="wrap_content" 
         android:layout_height="wrap_content" 
         android:layout_gravity="bottom|center" 
         android:layout_marginBottom="10dp" 
         android:layout_marginLeft="30dp" 
         android:src="@drawable/ic_launcher" /> 

        <ImageView 
         android:id="@+id/visulizationImageView" 
         android:layout_width="wrap_content" 
         android:layout_height="wrap_content" 
         android:layout_gravity="bottom|right" 
         android:layout_marginBottom="10dp" 
         android:layout_marginLeft="30dp" 
         android:src="@drawable/ic_launcher" /> 

        <ImageView 
         android:id="@+id/setupImageView2" 
         android:layout_width="wrap_content" 
         android:layout_height="wrap_content" 
         android:layout_gravity="bottom|left" 
         android:layout_marginBottom="10dp" 
         android:layout_marginLeft="20dp" 
         android:src="@drawable/ic_launcher" /> 

        <ImageView 
         android:id="@+id/uploadImageView2" 
         android:layout_width="wrap_content" 
         android:layout_height="wrap_content" 
         android:layout_gravity="bottom|center" 
         android:layout_marginBottom="10dp" 
         android:layout_marginLeft="30dp" 
         android:src="@drawable/ic_launcher" /> 

        <ImageView 
         android:id="@+id/visulizationImageView2" 
         android:layout_width="wrap_content" 
         android:layout_height="wrap_content" 
         android:layout_gravity="bottom|right" 
         android:layout_marginBottom="10dp" 
         android:layout_marginLeft="30dp" 
         android:src="@drawable/ic_launcher" /> 
       </LinearLayout> 

      </HorizontalScrollView> 

</RelativeLayout> 

S'il vous plaît essayer. J'espère t'aider.

Answer 3

Je vois que vous avez utilisé wrap_content partout, donc vous pouvez soit réduire la largeur et la hauteur de vos images ou vous pouvez le définir explicitement dans un fichier layout ou un fichier .java.

Pour votre scénario à l'aide GridLayout est meilleure option que d'utiliser RelativeLayout .Essayez il ... Voici un bon exemple GridLayout: - http://www.techotopia.com/index.php/Working_with_the_Android_GridLayout_in_XML_Layout_Resources