Android - Mise en page avec images

J'ai travaillé sur cette question depuis quelques jours, mais je ne pouvais pas obtenir la mise en page j'ai besoin.
Je voudrais avoir une disposition similaire à l'image ci-dessous.
Quelqu'un peut-il me guider ? Ce type de mise en page et d'afficher devrais-je utiliser ?

Android - Mise en page avec images

Merci 🙂

elle est très simple et facile à produire en utilisant RelativeLayout

OriginalL'auteur caiser | 2012-01-17

  1. 9

    Ive ajouté un peu de code généré par le dessin ce que vous voulez dans la mise en page de l'éditeur dans eclipse.

    Ressemble à ceci

    Android - Mise en page avec images

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



<LinearLayout
    android:id="@+id/linearLayout1"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <LinearLayout
        android:id="@+id/linearLayout2"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="0.81" >


        <ImageView
            android:id="@+id/imageView2"
            android:layout_width="0dp"
            android:layout_height="fill_parent"
            android:layout_weight="1.00"
            android:src="@drawable/ic_launcher" />


        <LinearLayout
            android:id="@+id/linearLayout3"
            android:layout_width="0dp"
            android:layout_height="fill_parent"
            android:layout_weight="1"
            android:orientation="vertical" >


            <ImageView
                android:id="@+id/ImageView02"
                android:layout_width="fill_parent"
                android:layout_height="0dp"
                android:layout_weight="1.00"
                android:src="@drawable/ic_launcher" />


            <ImageView
                android:id="@+id/ImageView01"
                android:layout_width="fill_parent"
                android:layout_height="0dp"
                android:layout_weight="1.00"
                android:src="@drawable/ic_launcher" />

            <ImageView
                android:id="@+id/imageView3"
                android:layout_width="fill_parent"
                android:layout_height="0dp"
                android:layout_weight="1.00"
                android:src="@drawable/ic_launcher" />

        </LinearLayout>

    </LinearLayout>


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

</LinearLayout>

</LinearLayout>
    Merci à vous tous.

    OriginalL'auteur johanlindholm

  2. 1

    Vous pouvez utiliser un LinearLayout. Dans la première rangée, vous pouvez ajouter une ou deux LinearLayouts avec une orientation horizontale. Donc: LinearLayout conteneur (orientation horizontale). Dans la première ligne de l'ajout de deux LinearLayouts avec orientation verticale. Première coloumn image1, deuxième colonne LinearLayout avec orientation horizontale (chaque ligne de l'image 2,3,4). De retour de contenant, sur la deuxième ligne ajouter une image 5 🙂

    android mise en page est un peu horrible.. donc si vous utilisez toujours linéaire de mise en page vous pouvez simplifier votre vie 🙂

    OriginalL'auteur JackTurky

  3. 0

    Utilisation TableLayout pour votre point de vue.

    OriginalL'auteur Shashank Kadne

  4. 0

    je donne seulement prototype de la mise en page est peut-être ça va vous aider
    regarder qui

    <linearLayout main android;orientation="vertical">
<linearlayout "sub1" android;orientation="horizontal">
<linearlayout android:layout_wight="1" "take first lesthand side image in it" >
<linearlayout android:layout_wight="1" "sub2" android:orientation="vertical" >
"take three linearlayout and set three images in that take a weight as 1 for all three linearlayout "
<close sub2 linear layout>
<close sub1 linear layout>

    prendre un autre linéaire de la mise en page et le dernier en bas de l'image en elle

    OriginalL'auteur bindal

  5. 0

    Essayez ceci:

    <!-- Root layout -->
<LinearLayout android:id="@+id/container"
              android:layout_width="match_parent"
              android:layout_height="match_parent"
              android:orientation="vertical">
    <!-- Layout for img1,2,3,4 -->
    <LinearLayout android:id="@+id/img1234
                  android:layout_width="match_parent"
                  android:layout_height="match_parent"
                  android:orientation="horizontal">
        <!-- ImageView for img1 -->
        <LinearLayout android:id="@+id/img234"
                      android:layout_width="match_parent"
                      android:layout_height="match_parent"
                      android:orientation="vertical">
            <!-- ImageView for img2 -->
            <!-- ImageView for img3 -->
            <!-- ImageView for img4 -->           
        </LinearLayout>

    </LinearLayout>
    <!-- Here should be ImageView for img5. Either use weight (to ensure proportions)
         or set an absolute height in dp -->
</LinearLayout>

    Excusez-moi pour les éventuelles fautes de frappe.

    OriginalL'auteur Ash