Make an image view look the same in every device

Question

I have an image view and a textView.

When i test it in bigger devices, the image changes his position.

layout xml:

<TextView
    android:id="@+id/monedas_pow"
    android:text="300"
    android:textSize="29sp"
    android:layout_marginLeft="10dp"
    android:textColor="@color/titlecolor"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    />
<ImageView
    android:id="@+id/summary_btn"
    android:src="@drawable/coin"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginBottom="525dp"
    android:layout_toRightOf="@id/monedas_pow"
    android:layout_marginTop="8dp"
    android:layout_marginLeft="5dp"
    android:layout_marginRight="280dp" />

Possible duplicate of [How do I use a compound drawable instead of a LinearLayout that contains an ImageView and a TextView](http://stackoverflow.com/questions/8318765/how-do-i-use-a-compound-drawable-instead-of-a-linearlayout-that-contains-an-imag) — OneCricketeer, Nov 15 '16 at 00:45
You have to create different folders for different devices containing the devices style, dimensions, etc.. — HaroldSer, Nov 15 '16 at 01:15

Jozef Dochan · Accepted Answer · 2016-11-15T01:20:43.260

0

Its because you have huge margins on bottom and right. Just remove bottom and right margin and add android:layout_alignBaseline="@+id/monedas_pow" And you are missing + in toRightOf so add it android:layout_toRightOf="@+id/monedas_pow"

edited Nov 15 '16 at 01:20

answered Nov 15 '16 at 01:04

Jozef Dochan

926
10
27

But, how could i make it work on every device, not just in mine.I am a begginer – Martin De Simone Nov 15 '16 at 01:09
Where on the screen are you trying to place these Views ? – Jozef Dochan Nov 15 '16 at 01:10
On the top left corner – Martin De Simone Nov 15 '16 at 01:11
Thanks man, i had to resize the picture because it was too big, but it works perfectly. – Martin De Simone Nov 15 '16 at 01:32
marginBottom is the problem in your xml, – Yuichi Akiyoshi Nov 15 '16 at 02:18

score 0 · Answer 2 · answered Nov 15 '16 at 03:23

0

Use RelativeLayout, in that specify align_centerInParent = true for text_view and use layout_below = "your text view id" to your image_view. Example:

Try this..hope it will work

answered Nov 15 '16 at 03:23

Kiran Nemani

67
1
6

Make an image view look the same in every device

2 Answers2