I know that android fragmentation is one of the great problems but I need your help:Here is my desired image - which wa designed in Photoshop and is exactly how my app wants to look like. Each of the box is a unique image. Each of the box must be clickable, and in the place of black circles there will be texts that will be assigned dynamically (so context is not static). I want to lok exaclty as it is in the picture below.I have tried this:1) I set the whole iage as a background, and then put invisible buttons in the place of each of the boxes inside a relative layout where distances where measured in dp. But when did that when screen changed, the buttons where not in the position they should be (button one in the green, another button in the yellow box - but I had overlapping and some buttons where not even in the right place). Code for this xml is below the image.What do you suggest me to do? I am thinking of:2) Split my whole layout in 7 relative layouts and each of themm will have a weight. Then inside each of the relative I will assign the imageviews with positions given in dp?Will it be better?3)I also thought that each of these images will be implenented in an onDraw method so that I could set the starting point with a formula I will find \[code\](for exampledrawBitmap(image1, getWidth()/2,getHeight()/2,paint).\[/code\]But in this case how can I set the image1 dimensions to be proportinal to the screen size?Note that I want the image to look exactly like it is below. And The position of the textview to be there (because for example it is a number and net to it there is an image -- i.e 5 and then a basket ball, I do not want the text tooverlap basket ball).
Xml of my (1) method:\[code\]<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:background="@drawable/main" > <Button android:id="@+id/back" android:layout_width="70dp" android:layout_height="70dp" android:layout_alignParentLeft="true" android:layout_alignParentTop="true" android:background="@drawable/d" /> <Button android:id="@+id/my" android:layout_width="150dp" android:layout_height="45dp" android:layout_alignParentRight="true" android:layout_alignParentTop="true" android:layout_marginTop="54dp" android:background="@drawable/d" /> <Button android:id="@+id/info" android:layout_width="150dp" android:layout_height="45dp" android:layout_alignParentRight="true" android:layout_below="@+id/my" android:layout_marginRight="35dp" android:layout_marginTop="21dp" android:background="@drawable/diafano" /></RelativeLayout>\[/code\]