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 ?
Thanks :)
Ccna final exam - java, php, javascript, ios, cshap all in one. This is a collaboratively edited question and answer site for professional and enthusiast programmers. It's 100% free, no registration required.
Tuesday, January 17, 2012
Android - Layout with images
Tags
android,
image,
layout,
Tips For Programmer
Subscribe to:
Post Comments (Atom)
Ive added some code generated by drawing what you want in the layout editor in eclipse.
ReplyDeleteLooks 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>
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 :)
ReplyDeleteUse TableLayout for your views.
ReplyDeletei am giving only prototype of layout may be it will help you
ReplyDeletelook 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
Try this:
ReplyDelete<!-- 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.