evenly distributing icons in relative layout

Question

Picture here:

enter image description here

How to evenly distribute these three icons (with 1dp gap in between and another 1dp margin on both edges) regardless of the screen size ?

I am using relative layout.

Thanks !

EDIT Progress: https://i.stack.imgur.com/RcBre.jpg

<ImageButton
                android:id="@+id/imageButton6"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:src="@drawable/text" 
                android:background="@null"
                android:paddingLeft="2dp"/>

still not getting any padding between the icons.

Binoy Babu · Answer 1 · 2012-11-14T20:16:05.213

2

To acheive the effect use (be sure to use Linear_Layout)

android:layout_width="match_parent"
android:layout_height="wrap_content"
andorid:padding="0.5dp"
android:layout_weight="1"

in each widgets. layout_weight is used specify size ratio between sister widgets.

edited Nov 14 '12 at 20:16

answered Nov 14 '12 at 20:11

Binoy Babu

16,699
17
91
134

it says android:layout_weight="1" is invalid in relative layout. – user1816999 Nov 14 '12 at 20:15
You cant use it in relative layout. You can just move the three icons in the top row to a linear_layout. – Binoy Babu Nov 14 '12 at 20:17

score 1 · Answer 2 · answered Nov 14 '12 at 20:05

1

I wouldn't use a relative layout for that, use a linear layout. Set all 3 to fill_parent and a layout weight of 1. That should work.

If you do need a relative layout for other reasons, put a linear layout inside of the relative layout and put the icons inside the linear layout.

answered Nov 14 '12 at 20:05

Gabe Sechan

90,003
9
87
127

Yes, I do need relative for other reasons. so, to put linear now, do I have to remove all the icons first ? – user1816999 Nov 14 '12 at 20:10
You'd do something like this: //Other stuff here //Icons here – Gabe Sechan Nov 14 '12 at 20:23
1

I am struggling to get the padding to work in the linear layout – user1816999 Nov 14 '12 at 21:16

score 0 · Answer 3 · edited May 23 '17 at 10:24

0

To each of your icons add the following attribute -

android:paddingLeft="1dp" - on the left

To only the last icon add

android:paddingRight ="1dp" - on the right

This will give each of you icons a black area around it. You may have to look into scaling that last image on the right, because even with the padding it may not fit.

Also, if you want to scroll through those images, then you should use a HorizontalScrollView -

http://developer.android.com/reference/android/widget/HorizontalScrollView.html

edited May 23 '17 at 10:24

Community

1
1

answered Nov 14 '12 at 20:03

jcw

5,132
7
45
54

That will provide a 2dp gap between neighboring icons. – Dan S Nov 14 '12 at 20:06
A 0.5 padding will not give the desired 1dp padding on the edges. – Dan S Nov 14 '12 at 20:19

score 0 · Answer 4 · answered Nov 14 '12 at 20:19

If you need to display images in a uniform manner, you can use GridView in your layout and pass the images using an Adapter class.

For more info, you can refer developer site: http://developer.android.com/guide/topics/ui/layout/gridview.html

For a simple example code, you can refer this link: http://www.mkyong.com/android/android-gridview-example/

evenly distributing icons in relative layout

4 Answers4