Skip to main content

Android - Layout with images



I've been working on this for few days but I couldn't get the layout I need. I would like to have a layout similar to the image below. Can anyone guide me with this ? What kind of layout and view should I use ?





enter image description here





Thanks :)


Comments

  1. Ive added some code generated by drawing what you want in the layout editor in eclipse.

    Looks like this



    <?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>

    ReplyDelete
  2. you could use linear layout. in first row you can add another two linear layout with orizontal orientation. so: linear layout container ( orientation orizontal). in first row add two linear layout with vertical orientation. first coloumn image1, second coloumn linear layout horizontal orientation ( every row image2,3,4). return to container, on the second row add image 5 :)

    ReplyDelete
  3. i am giving only prototype of layout may be it will help you
    look at that

    <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>


    take another linear layout and set last bottom image in it

    ReplyDelete
  4. Try this:

    <!-- 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>


    Excuse me for possible typos.

    ReplyDelete

Post a Comment

Popular posts from this blog

Why is this Javascript much *slower* than its jQuery equivalent?

I have a HTML list of about 500 items and a "filter" box above it. I started by using jQuery to filter the list when I typed a letter (timing code added later): $('#filter').keyup( function() { var jqStart = (new Date).getTime(); var search = $(this).val().toLowerCase(); var $list = $('ul.ablist > li'); $list.each( function() { if ( $(this).text().toLowerCase().indexOf(search) === -1 ) $(this).hide(); else $(this).show(); } ); console.log('Time: ' + ((new Date).getTime() - jqStart)); } ); However, there was a couple of seconds delay after typing each letter (particularly the first letter). So I thought it may be slightly quicker if I used plain Javascript (I read recently that jQuery's each function is particularly slow). Here's my JS equivalent: document.getElementById('filter').addEventListener( 'keyup', function () { var jsStart = (new Date).getTime()...

Is it possible to have IF statement in an Echo statement in PHP

Thanks in advance. I did look at the other questions/answers that were similar and didn't find exactly what I was looking for. I'm trying to do this, am I on the right path? echo " <div id='tabs-".$match."'> <textarea id='".$match."' name='".$match."'>". if ($COLUMN_NAME === $match) { echo $FIELD_WITH_COLUMN_NAME; } else { } ."</textarea> <script type='text/javascript'> CKEDITOR.replace( '".$match."' ); </script> </div>"; I am getting the following error message in the browser: Parse error: syntax error, unexpected T_IF Please let me know if this is the right way to go about nesting an IF statement inside an echo. Thank you.