I've finished my app, and it looks great on my Nexus One emulator (400x800 Screen) However while testing the app, I found out that it doesn't scale that well on larger displays. Is there anything I can fix in my layout to fix scaling issues?
*Note, one of the testers of my App was using an LG G3 (2560x1440) screen, and a lot of the elements didn't fill up the screen like they do in my emulator.
My screenshot is below, and here is my layout file:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:ads="http://schemas.android.com/apk/lib/com.google.ads"
android:id="#+id/rlmain"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#bbcde3"
android:orientation="vertical" >
<GridLayout
android:id="#+id/gridLayout1"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:background="#e3e3e3"
android:columnCount="2"
android:gravity="right"
android:orientation="horizontal" >
<com.google.ads.AdView
android:id="#+id/adView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
ads:adSize="BANNER"
ads:adUnitId="ca-app-pub-6005267993787158/4274166222"
ads:loadAdOnCreate="true" >
</com.google.ads.AdView>
</GridLayout>
<Space
android:layout_width="match_parent"
android:layout_height="12sp" />
<TextView
android:id="#+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="#+id/textView2"
android:layout_below="#+id/gridLayout1"
android:layout_marginTop="20dp"
android:text="#string/rye"
android:textColor="#888888"
android:textSize="19sp" />
<RatingBar
android:id="#+id/ratingBar1"
style="#style/circleRatingBar"
android:layout_width="wrap_content"
android:layout_height="47dp"
android:layout_alignLeft="#+id/textView1"
android:layout_below="#+id/textView1"
android:isIndicator="false"
android:numStars="5"
android:stepSize="1" />
<ImageView
android:id="#+id/dropDownButton"
android:layout_width="48dip"
android:layout_height="48dip"
android:layout_alignBottom="#+id/ratingBar1"
android:layout_toRightOf="#+id/ratingBar1"
android:onClick="dropDown"
android:src="#drawable/ddb" />
<RelativeLayout
android:id="#+id/dropDownLayout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_alignParentLeft="true"
android:layout_alignTop="#+id/textView2"
android:visibility="gone" >
<TextView
android:id="#+id/testTV"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:text="Testing dropdown" />
</RelativeLayout>
<TextView
android:id="#+id/textView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_below="#+id/ratingBar1"
android:layout_marginLeft="14dp"
android:layout_marginTop="10dp"
android:text="#string/tipTitle"
android:textColor="#888888"
android:textSize="19sp" />
<FrameLayout
android:id="#+id/quizFragment"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="#id/dropDownButton" />
<TextView
android:id="#+id/tipText"
android:layout_width="175dp"
android:layout_height="wrap_content"
android:layout_below="#+id/textView2"
android:layout_marginLeft="14dp"
android:background="#drawable/round_corners"
android:focusable="false"
android:padding="2dp"
android:text="10%"
android:textColor="#888888"
android:textStyle="bold" />
<ImageButton
android:id="#+id/greyPlus"
android:layout_width="25dp"
android:layout_height="25dp"
android:layout_below="#+id/textView2"
android:layout_marginLeft="10dp"
android:layout_marginRight="5dp"
android:layout_toRightOf="#+id/textView1"
android:background="#drawable/grey_plus" />
<ImageButton
android:id="#+id/greyMinus"
android:layout_width="25dp"
android:layout_height="25dp"
android:layout_alignTop="#+id/greyPlus"
android:layout_toRightOf="#+id/greyPlus"
android:background="#drawable/grey_minus" />
<TextView
android:id="#+id/TextView02"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="#+id/tipText"
android:layout_below="#+id/greyPlus"
android:layout_marginTop="10dp"
android:text="#string/people_dining_title"
android:textColor="#888888"
android:textSize="19sp" />
<TextView
android:id="#+id/textViewPeople"
android:layout_width="175dp"
android:layout_height="wrap_content"
android:layout_alignLeft="#+id/TextView02"
android:layout_below="#+id/TextView02"
android:background="#drawable/round_corners"
android:focusable="false"
android:padding="2dp"
android:text="2"
android:textColor="#888888"
android:textStyle="bold" />
<ImageButton
android:id="#+id/greyPlus2"
android:layout_width="25dp"
android:layout_height="25dp"
android:layout_alignLeft="#+id/greyPlus"
android:layout_alignTop="#+id/textViewPeople"
android:background="#drawable/grey_plus" />
<ImageButton
android:id="#+id/greyMinus2"
android:layout_width="25dp"
android:layout_height="25dp"
android:layout_alignLeft="#+id/greyMinus"
android:layout_alignTop="#+id/greyPlus2"
android:background="#drawable/grey_minus" />
<TextView
android:id="#+id/subtotalTitle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="#+id/textViewPeople"
android:layout_below="#+id/greyPlus2"
android:layout_marginTop="10dp"
android:text="#string/subtotal"
android:textColor="#888888"
android:textSize="19sp" />
<TextView
android:id="#+id/totalTitle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="#+id/subtotalText"
android:layout_below="#+id/subtotalText"
android:layout_marginTop="10dp"
android:text="#string/total"
android:textColor="#888888"
android:textSize="19sp" />
<TextView
android:id="#+id/totalText"
android:layout_width="175dp"
android:layout_height="wrap_content"
android:layout_alignLeft="#+id/totalTitle"
android:layout_alignRight="#+id/subtotalText"
android:layout_below="#+id/totalTitle"
android:background="#drawable/round_corners_blue"
android:focusable="false"
android:padding="2dp"
android:text="TOTAL"
android:textColor="#FFFFFF" />
<EditText
android:id="#+id/subtotalText"
android:layout_width="175dp"
android:layout_height="wrap_content"
android:layout_alignLeft="#+id/subtotalTitle"
android:layout_alignRight="#+id/greyMinus2"
android:layout_below="#+id/subtotalTitle"
android:background="#drawable/round_corners"
android:ems="10"
android:hint="SUBTOTAL"
android:inputType="numberDecimal"
android:padding="2dp"
android:textColor="#888888"
android:textStyle="bold" >
</EditText>
<TextView
android:id="#+id/eppTitle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="#+id/totalText"
android:layout_below="#+id/totalText"
android:layout_marginTop="10dp"
android:text="#string/epp"
android:textColor="#888888"
android:textSize="19sp" />
<TextView
android:id="#+id/eppText"
android:layout_width="175dp"
android:layout_height="wrap_content"
android:layout_alignLeft="#+id/eppTitle"
android:layout_alignRight="#+id/totalText"
android:layout_below="#+id/eppTitle"
android:background="#drawable/round_corners_blue"
android:focusable="false"
android:padding="2dp"
android:text=""
android:textColor="#FFFFFF" />
<Button
android:id="#+id/buttonDone"
android:layout_width="fill_parent"
android:layout_height="50dp"
android:layout_below="#+id/eppText"
android:layout_centerHorizontal="true"
android:layout_marginTop="10dp"
android:background="#3fa9f5"
android:fontFamily="helvetica"
android:onClick="done"
android:text="#string/done"
android:textColor="#ffffff"
android:textSize="14sp"
android:textStyle="bold" />
<ImageView
android:id="#+id/settingsButton"
android:layout_width="40dp"
android:layout_height="40dp"
android:layout_alignBottom="#+id/buttonDone"
android:layout_alignParentRight="true"
android:layout_alignTop="#+id/buttonDone"
android:layout_toRightOf="#+id/eppText"
android:onClick="openSettings"
android:src="#drawable/smallgear" />
</RelativeLayout>
You can provide alternative layouts by creating the same file in another layout folder, e.g. layout-sw600dp for a screen with smallest width of 600dp. You can preview how it'll look using Android Studio's preview screen.
Check out Android's training for more help
Related
I'm trying to insert some pixel art for my app as an ImageView, but it's very stubborn once I have it in. Specifically, it's centered and pretty much locked into a grid.
I would like to naturally place the sprite where I want to instead of having it snap to a grid. Any suggestions? Here it is:
<ImageView
android:id="#+id/imageView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="#drawable/cloud1" />
EDIT: Full XML
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<TextView
android:id="#+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:layout_marginTop="15dp"
android:gravity="center"
android:text="Enter Two Numbers"
android:textAppearance="?android:attr/textAppearanceLarge"
android:textStyle="bold" />
<EditText
android:id="#+id/editOp1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
android:ems="10"
android:inputType="numberDecimal" >
<requestFocus />
</EditText>
<EditText
android:id="#+id/editOp2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:ems="10"
android:inputType="numberDecimal" />
<TableRow
android:id="#+id/tableRow1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:layout_marginLeft="15dp"
android:layout_marginRight="15dp"
android:layout_marginTop="15dp"
android:gravity="center" >
<ImageButton
android:id="#+id/btnAdd"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="#null"
android:src="#drawable/sun" />
<Button
android:id="#+id/btnSubtract"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="-"
android:textStyle="bold" />
<Button
android:id="#+id/btnDivide"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="/"
android:textStyle="bold" />
<Button
android:id="#+id/btnMultiply"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="*"
android:textStyle="bold" />
<Button
android:id="#+id/clear"
style="?android:attr/buttonStyleSmall"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="CLR" />
</TableRow>
<TextView
android:id="#+id/textView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:layout_marginTop="15dp"
android:gravity="center"
android:text="RESULT"
android:textAppearance="?android:attr/textAppearanceMedium" />
<TextView
android:id="#+id/result"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:gravity="center"
android:text="0.00"
android:textAppearance="?android:attr/textAppearanceLarge" />
<RelativeLayout
android:layout_width="wrap_content"
android:layout_height="match_parent" >
<ImageView
android:id="#+id/imageView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_alignParentLeft="true"
android:src="#drawable/grass" />
<ImageView
android:id="#+id/imageView3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_toRightOf="#+id/imageView2"
android:src="#drawable/grass" />
<ImageView
android:id="#+id/imageView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_toRightOf="#+id/imageView3"
android:src="#drawable/grass" />
<ImageView
android:id="#+id/imageView5"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_below="#+id/imageView4"
android:layout_marginLeft="12dp"
android:layout_marginTop="14dp"
android:src="#drawable/cloud2" />
<ImageView
android:id="#+id/imageView4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:layout_marginTop="43dp"
android:src="#drawable/cloud1" />
</RelativeLayout>
All you wanted to do is make the xml layout root as RelativeLayout & Go to Design tab, drag to where ever you want it to be.
Hope it helps!
In my app am using customized listed view with text view and Buttons.The screen size is 4.65" 720p(720X1280 : xhdpi),device take this resolution from layout-large folder.when i run it on device.the list view item and header display not fit to the screen like image shown below,some empty space in the end of row.Its not able to fit to the screen.Can any one know please help me to solve this issue.
Header XML Coding
<RelativeLayout
android:id="#+id/relativeLayout1"
android:layout_width="wrap_content"
android:layout_height="20dp"
android:layout_alignParentLeft="true"
android:layout_alignParentRight="true"
android:layout_below="#+id/search_lay"
android:layout_marginTop="1dp"
android:background="#e8e8e8" >
<TextView
android:id="#+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_centerVertical="true"
android:layout_marginLeft="32dp"
android:text="Item(s)"
android:textColor="#dd1713"
android:textSize="13sp" />
<TextView
android:id="#+id/textView3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:layout_marginLeft="48dp"
android:layout_toRightOf="#+id/textView1"
android:text="Price(Rs.)"
android:textColor="#dd1713"
android:textSize="13sp" />
<TextView
android:id="#+id/textView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:layout_marginLeft="18dp"
android:layout_toRightOf="#+id/textView3"
android:text="Qty"
android:textColor="#dd1713"
android:textSize="13sp" />
<TextView
android:id="#+id/textView4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_centerVertical="true"
android:layout_marginLeft="28dp"
android:layout_toRightOf="#+id/textView2"
android:text="Total(Rs.)"
android:textColor="#dd1713"
android:textSize="13sp" />
<TextView
android:id="#+id/textView5"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_centerVertical="true"
android:layout_marginLeft="3dp"
android:text="Fav"
android:textColor="#dd1713"
android:textSize="13sp" />
</RelativeLayout>
Customized List-view XML Coding
<?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" >
<LinearLayout
android:id="#+id/linearLayout1"
android:layout_width="match_parent"
android:layout_height="50dp"
android:layout_alignParentLeft="true"
android:layout_alignParentRight="true"
android:layout_alignParentTop="true"
android:background="#ffffff" >
<TextView
android:id="#+id/orderlist_product_id"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="TextView"
android:visibility="gone" />
<RelativeLayout
android:layout_width="30dp"
android:layout_height="match_parent" >
<ImageView
android:id="#+id/fav_img"
android:layout_width="30dp"
android:layout_height="30dp"
android:background="#drawable/fav_order_list_btn" />
<Button
android:id="#+id/special_inst_btn"
android:layout_width="25dp"
android:layout_height="18dp"
android:layout_below="#+id/fav_img"
android:layout_centerHorizontal="true"
android:background="#drawable/special_inst_btn_in_orderlist"
android:gravity="center"
android:text="+"
android:textColor="#ffffff"
android:textSize="14sp" />
</RelativeLayout>
<TextView
android:id="#+id/order_list_itemname"
android:layout_width="95dp"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:layout_marginLeft="1dp"
android:text="Item name"
android:textColor="#000000"
android:textSize="12sp"
android:typeface="serif" />
<RelativeLayout
android:layout_width="34dp"
android:layout_height="match_parent"
android:layout_marginLeft="2dp" >
<TextView
android:id="#+id/orderlist_offer"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:layout_marginTop="4dp"
android:gravity="center"
android:textColor="#298616"
android:textSize="10sp" />
<TextView
android:id="#+id/orderlist_price"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_alignParentRight="true"
android:layout_centerVertical="true"
android:gravity="right"
android:text="200.00"
android:textColor="#000000"
android:textSize="10sp"
android:typeface="serif" />
</RelativeLayout>
<Button
android:id="#+id/orderlist_minus"
android:layout_width="25dp"
android:layout_height="25dp"
android:layout_gravity="center"
android:layout_marginLeft="5dp"
android:layout_marginTop="1dp"
android:background="#drawable/sub_button_click" />
<EditText
android:id="#+id/order_list_quantity"
android:layout_width="27dp"
android:layout_height="25dp"
android:layout_marginTop="13dp"
android:background="#drawable/et_bg"
android:ems="10"
android:focusable="false"
android:focusableInTouchMode="false"
android:gravity="center"
android:inputType="number"
android:textColor="#000000"
android:textSize="12dp"
android:typeface="serif" >
<requestFocus />
</EditText>
<Button
android:id="#+id/orderlist_plus"
android:layout_width="25dp"
android:layout_height="25dp"
android:layout_gravity="center"
android:layout_marginTop="1dp"
android:background="#drawable/plus_btn_click" />
<TextView
android:id="#+id/orderlist_total"
android:layout_width="43dp"
android:layout_height="wrap_content"
android:layout_marginLeft="3dp"
android:layout_marginTop="13dp"
android:gravity="right"
android:text="1000.00"
android:textColor="#000000"
android:textSize="11sp"
android:typeface="serif" />
<Button
android:id="#+id/orderlist_delete"
android:layout_width="23dp"
android:layout_height="23dp"
android:layout_gravity="center"
android:layout_marginLeft="3dp"
android:layout_marginTop="1dp"
android:background="#drawable/order_list_delete" />
</LinearLayout>
</RelativeLayout>
i m giving u a demo.this layout will work on all size layout,this will definitely help u #Yugesh.
weight works percentage-wise on all screen.
<?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" >
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:gravity="center_vertical" >
<RelativeLayout
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight=".30"
android:gravity="center_horizontal" >
<ImageView
android:id="#+id/image1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="#drawable/ic_launcher" />
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="#+id/image1"
android:src="#drawable/ic_launcher" />
</RelativeLayout>
<Button
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight=".30"
android:text="30%" />
<TextView
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight=".20"
android:text="20%" />
<Button
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight=".20"
android:text="20%" />
</LinearLayout>
</RelativeLayout>
further more,if there is any query,then please ask...
I am using layout and it works in emulator and other devices but not in HTC images for spinner and background not displayed. Please help me. Thanks
My problem is exactly like this Android background image not shown in device?
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="#color/white"
android:orientation="vertical" >
<TextView
android:id="#+id/title"
android:layout_width="fill_parent"
android:layout_height="40dp"
android:background="#color/header_bg"
android:gravity="center"
android:text="#string/title_activity"
android:textColor="#color/white"
android:textSize="25dp"
android:textStyle="bold" />
<TextView
android:layout_width="fill_parent"
android:layout_height="1dp"
android:layout_marginTop="1dp"
android:background="#color/header_bg" />
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="#drawable/background"
android:orientation="vertical" >
<ScrollView
android:layout_width="fill_parent"
android:layout_height="fill_parent" >
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >
<RelativeLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_marginTop="18dp" >
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:layout_marginLeft="21dp"
android:text="#string/duration"
android:textColor="#color/header_bg"
android:textSize="15dp"
android:textStyle="bold" />
<Spinner
android:id="#+id/spinner_duration"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:layout_marginRight="15dp"
android:layout_toLeftOf="#+id/Ptxt_duration"
android:background="#drawable/spin_small"
android:entries="#array/array_duration" />
<TextView
android:id="#+id/Ptxt_duration"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_centerVertical="true"
android:layout_marginRight="26dp"
android:text="#string/minutes"
android:textColor="#color/minute_txt"
android:textSize="15dp"
android:textStyle="bold" />
</RelativeLayout>
<RelativeLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_marginTop="18dp" >
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:layout_marginLeft="21dp"
android:text="#string/endbell"
android:textColor="#color/header_bg"
android:textSize="15dp"
android:textStyle="bold" />
<Spinner
android:id="#+id/spinner_dEndbell"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:layout_marginRight="8dp"
android:layout_toLeftOf="#+id/btn_duration_preview"
android:background="#drawable/spin_big"
android:entries="#array/array_endbell" />
<Button
android:id="#+id/btn_duration_preview"
android:layout_width="wrap_content"
android:layout_height="25dp"
android:layout_alignParentRight="true"
android:layout_centerVertical="true"
android:layout_marginRight="16dp"
android:background="#drawable/btn_preview"
android:text="#string/preview"
android:textColor="#color/white"
android:textSize="15dp" />
</RelativeLayout>
<RelativeLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_marginTop="18dp" >
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:layout_marginLeft="21dp"
android:text="#string/preparationTime"
android:textColor="#color/header_bg"
android:textSize="15dp"
android:textStyle="bold" />
<Spinner
android:id="#+id/spinner_preparation"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:layout_marginRight="15dp"
android:layout_toLeftOf="#+id/Ptxt_pre"
android:background="#drawable/spin_small"
android:entries="#array/array_pretime"
android:gravity="center" />
<TextView
android:id="#+id/Ptxt_pre"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_centerVertical="true"
android:layout_marginRight="26dp"
android:text="#string/minutes"
android:textColor="#color/minute_txt"
android:textSize="15dp"
android:textStyle="bold" />
</RelativeLayout>
<RelativeLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_marginTop="18dp" >
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:layout_marginLeft="21dp"
android:text="#string/endbell"
android:textColor="#color/header_bg"
android:textSize="15dp"
android:textStyle="bold" />
<Spinner
android:id="#+id/spinner_pEndbell"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:layout_marginRight="8dp"
android:layout_toLeftOf="#+id/btn_pre_preview"
android:background="#drawable/spin_big"
android:entries="#array/array_endbell" />
<Button
android:id="#+id/btn_pre_preview"
android:layout_width="wrap_content"
android:layout_height="25dp"
android:layout_alignParentRight="true"
android:layout_centerVertical="true"
android:layout_marginRight="16dp"
android:background="#drawable/btn_preview"
android:text="#string/preview"
android:textColor="#color/white"
android:textSize="15dp" />
</RelativeLayout>
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="15dp"
android:layout_marginTop="10dp"
android:background="#drawable/layout_bg" >
<CheckBox
android:id="#+id/check_interval"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="8dp"
android:button="#drawable/selector_checkbox"
android:paddingLeft="21dp"
android:text="#string/setintervalbell"
android:textColor="#color/color_checkbox_txt"
android:textStyle="bold" />
</LinearLayout>
<RelativeLayout
android:id="#+id/relative_bell"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_marginTop="15dp" >
<TextView
android:id="#+id/txt_playevery"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:layout_marginLeft="21dp"
android:text="#string/playevery"
android:textColor="#color/header_bg"
android:textSize="15dp"
android:textStyle="bold" />
<Spinner
android:id="#+id/spinner_intervalTime"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:layout_marginRight="13dp"
android:layout_toLeftOf="#+id/Ptxt_interval"
android:background="#drawable/spin_small"
android:entries="#array/array_belltime" />
<TextView
android:id="#+id/Ptxt_interval"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_centerVertical="true"
android:layout_marginRight="26dp"
android:text="#string/minutes"
android:textColor="#color/minute_txt"
android:textSize="15dp"
android:textStyle="bold" />
</RelativeLayout>
<RelativeLayout
android:id="#+id/relative_time"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_marginTop="10dp" >
<TextView
android:id="#+id/txt_intervalBell"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:layout_marginLeft="21dp"
android:text="#string/intervalbell"
android:textColor="#color/header_bg"
android:textSize="15dp"
android:textStyle="bold" />
<Spinner
android:id="#+id/spinner_intervalBell"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:layout_marginLeft="2dp"
android:layout_marginRight="8dp"
android:layout_toLeftOf="#+id/btn_interval_preview"
android:layout_toRightOf="#+id/txt_intervalBell"
android:background="#drawable/spin_big"
android:entries="#array/array_endbell" />
<Button
android:id="#+id/btn_interval_preview"
android:layout_width="wrap_content"
android:layout_height="25dp"
android:layout_alignParentRight="true"
android:layout_centerVertical="true"
android:layout_marginRight="16dp"
android:background="#drawable/btn_preview"
android:text="#string/preview"
android:textColor="#color/white"
android:textSize="15dp" />
</RelativeLayout>
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="15dp"
android:layout_marginTop="10dp"
android:background="#drawable/layout_bg" >
<CheckBox
android:id="#+id/check_disturb"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="8dp"
android:button="#drawable/selector_checkbox"
android:paddingLeft="20dp"
android:text="#string/donotdisturb"
android:textColor="#color/color_checkbox_txt"
android:textStyle="bold" />
</LinearLayout>
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="15dp"
android:layout_marginTop="10dp"
android:background="#drawable/layout_bg" >
<CheckBox
android:id="#+id/check_whitenoise"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="8dp"
android:button="#drawable/selector_checkbox"
android:paddingLeft="20dp"
android:text="#string/whitenoise"
android:textColor="#color/color_checkbox_txt"
android:textStyle="bold" />
</LinearLayout>
<Button
android:id="#+id/save"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:layout_marginBottom="8dp"
android:layout_marginTop="34dp"
android:background="#drawable/selector_btn_start"
android:gravity="center"
android:text="#string/save"
android:textColor="#color/white"
android:textStyle="bold" />
</LinearLayout>
</ScrollView>
</LinearLayout>
Few days back I had similar problem, background was not visible on Nexus but was visible on emulators. I was using image with huge resolution. I scaled it down and it worked. See it might help you.
EDITED
There are two ways:
Open Adobe Photoshop (or any other similar tool) and open you image press ALT+CTRL+I and define new image size. And replace your image. This is simpler method. Note: I changed image size to 1280 x 800 which worked for me originally it was around 2000 x 1800.
First remove image from background. In your code you can first get image as bitmap and scale it down (see link below) And then add image to your background.
see How to resize image (Bitmap) to a given size?
When I work on one android device and set the marginLeft of a text it looks good.
Then I connect another device and the margin is screwed up....
How can I make sure text (and also sizes of buttons) are displayed correctly on ALL android devices.
BTW yeah I'm allready using 'dp'
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<ImageView
android:id="#+id/speler_image"
android:layout_width="fill_parent"
android:layout_height="159dp"
android:layout_marginTop="0dp" />
<ImageView
android:id="#+id/speler_infoblock"
android:src="#drawable/playerinfoblock"
android:layout_width="fill_parent"
android:layout_height="107dp"
android:scaleType="fitXY"
android:layout_marginTop="159dp" />
<TextView
android:text="Positie:"
android:textSize="17dp"
android:textColor="#0096d6"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="180dp"
android:layout_marginLeft="15dp" />
<TextView
android:id="#+id/spelerPositie"
android:text="0"
android:textSize="32dp"
android:textColor="#01428b"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="210dp"
android:layout_alignParentRight="true"
android:paddingRight="330dp" />
<TextView
android:text="Score:"
android:textSize="16dp"
android:textColor="#0096d6"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="180dp"
android:layout_marginLeft="100dp" />
<TextView
android:id="#+id/spelerScore"
android:text="0"
android:textSize="16dp"
android:textColor="#01428b"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="180dp"
android:layout_alignParentRight="true"
android:paddingRight="160dp" />
<TextView
android:text="Dagscore:"
android:textSize="16dp"
android:textColor="#0096d6"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="230dp"
android:layout_marginLeft="100dp" />
<TextView
android:id="#+id/spelerDagscore"
android:text="0"
android:textSize="16dp"
android:textColor="#01428b"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="230dp"
android:layout_alignParentRight="true"
android:paddingRight="160dp" />
<TextView
android:text="Hole:"
android:textSize="16dp"
android:textColor="#0096d6"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="180dp"
android:layout_marginLeft="280dp" />
<ImageView
android:src="#drawable/holeround"
android:layout_width="45dp"
android:layout_height="44dp"
android:layout_marginTop="170dp"
android:layout_alignParentRight="true"
android:paddingRight="7dp" />
<TextView
android:id="#+id/spelerHole"
android:text="0"
android:textSize="24dp"
android:textColor="#000000"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="175dp"
android:layout_alignParentRight="true"
android:paddingRight="14dp" />
<ImageView
android:id="#+id/plaatsReactie"
android:src="#drawable/plaats_reactie"
android:layout_width="149dp"
android:layout_height="42dp"
android:scaleType="fitXY"
android:layout_marginTop="224dp"
android:layout_alignParentRight="true" />
<TextView
android:text="Plaats reactie"
android:textSize="15dp"
android:textColor="#0096d6"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="233dp"
android:layout_marginLeft="306dp" />
<LinearLayout
android:background="#034489"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_marginTop="266dp" />
<ImageView
android:id="#+id/clickBiografie"
android:layout_width="100dp"
android:layout_height="47dp"
android:scaleType="fitXY"
android:layout_marginTop="266dp"
android:layout_marginLeft="0dp" />
<TextView
android:text="Biografie"
android:textSize="17dp"
android:textColor="#FFF"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="278dp"
android:layout_marginLeft="14dp" />
<ImageView
android:id="#+id/clickScore"
android:layout_width="100dp"
android:layout_height="47dp"
android:scaleType="fitXY"
android:layout_marginTop="266dp"
android:layout_marginLeft="100dp" />
<TextView
android:text="Score"
android:textSize="17dp"
android:textColor="#FFF"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="278dp"
android:layout_marginLeft="127dp" />
<ImageView
android:id="#+id/clickReacties"
android:layout_width="100dp"
android:layout_height="47dp"
android:scaleType="fitXY"
android:layout_marginTop="266dp"
android:layout_marginLeft="200dp" />
<TextView
android:text="Reacties"
android:textSize="17dp"
android:textColor="#FFF"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="278dp"
android:layout_marginLeft="220dp" />
<ImageView
android:id="#+id/clickTwitter"
android:layout_width="100dp"
android:layout_height="47dp"
android:scaleType="fitXY"
android:layout_marginTop="266dp"
android:layout_marginLeft="300dp" />
<TextView
android:text="Twitter"
android:textSize="17dp"
android:textColor="#FFF"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="278dp"
android:layout_marginLeft="324dp" />
<RelativeLayout
android:id="#+id/biografieLayout"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_marginTop="313dp">
<ImageView
android:src="#drawable/hole_infoline"
android:layout_width="375dp"
android:layout_height="5dp"
android:layout_marginTop="40dp"
android:layout_marginLeft="20dp" />
<TextView
android:text="Country"
android:textSize="16dp"
android:textColor="#0096d6"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:layout_marginLeft="25dp" />
<TextView
android:id="#+id/countryText"
android:textSize="16dp"
android:textColor="#FFF"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:layout_marginLeft="160dp" />
<ImageView
android:src="#drawable/hole_infoline"
android:layout_width="375dp"
android:layout_height="5dp"
android:layout_marginTop="80dp"
android:layout_marginLeft="20dp" />
<TextView
android:text="Date of Birth"
android:textSize="16dp"
android:textColor="#0096d6"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="50dp"
android:layout_marginLeft="25dp" />
<TextView
android:id="#+id/dobText"
android:textSize="16dp"
android:textColor="#FFF"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="50dp"
android:layout_marginLeft="160dp" />
<ImageView
android:src="#drawable/hole_infoline"
android:layout_width="375dp"
android:layout_height="5dp"
android:layout_marginTop="120dp"
android:layout_marginLeft="20dp" />
<TextView
android:text="Height / Weight"
android:textSize="16dp"
android:textColor="#0096d6"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="90dp"
android:layout_marginLeft="25dp" />
<TextView
android:id="#+id/heightweightText"
android:textSize="16dp"
android:textColor="#FFF"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="90dp"
android:layout_marginLeft="160dp" />
<ImageView
android:src="#drawable/hole_infoline"
android:layout_width="375dp"
android:layout_height="5dp"
android:layout_marginTop="160dp"
android:layout_marginLeft="20dp" />
<TextView
android:text="Turned Pro"
android:textSize="16dp"
android:textColor="#0096d6"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="130dp"
android:layout_marginLeft="25dp" />
<TextView
android:id="#+id/turnedProText"
android:textSize="16dp"
android:textColor="#FFF"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="130dp"
android:layout_marginLeft="160dp" />
</RelativeLayout>
<RelativeLayout
android:id="#+id/scoreLayout"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_marginTop="313dp">
</RelativeLayout>
<RelativeLayout
android:id="#+id/reactiesLayout"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_marginTop="313dp">
</RelativeLayout>
<ScrollView
android:id="#+id/twitterLayout"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_marginTop="313dp">
</ScrollView>
</RelativeLayout>
You can only be sure it displayed properly by testing. You can do some pre testing through eclipse. If you open the xml in eclipse you can click on "graphical layout" and then you can change the phone (screen size) you get a preview on.
If you want your layout to take % of the screen use linearlayout as parent and use weights for defining the percentage the views should take of the screen.
You say you have problems with your margins, this makes no sense as the margins will be what you define them to. So I assume your saying your can't get everything to align properly how you want it too... If that is the case you should use some kind of anchor point and then define the other layouts accordingly. You could for example create a container view (linear/relative etc.) inside your parent view and have that container centered.
I have an adview which is needed to place between two imageview's.My layout is
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:src="#color/white" >
<ImageView
android:id="#+id/back"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_marginLeft="5dp"
android:layout_marginTop="10dp"
android:background="#drawable/backwonde"
android:contentDescription="#string/app_name"
android:onClick="listt" />
<ImageView
android:id="#+id/previous"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_marginRight="45dp"
android:layout_marginTop="10dp"
android:contentDescription="#string/app_name"
android:onClick="previous"
android:src="#drawable/left" />
<ImageView
android:id="#+id/next"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_marginRight="5dp"
android:layout_marginTop="10dp"
android:contentDescription="#string/app_name"
android:onClick="next"
android:src="#drawable/right" />
<com.google.ads.AdView
android:id="#+id/adView"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_below="#+id/next"
ads:adSize="BANNER"
ads:adUnitId="MY PUB ID"
ads:loadAdOnCreate="true" />
<ImageView
android:id="#+id/imm"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="#+id/list"
android:layout_centerHorizontal="true"
android:layout_marginTop="30dp"
android:contentDescription="#string/app_name" />
<ImageView
android:id="#+id/imm2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="#+id/imm"
android:layout_centerHorizontal="true"
android:layout_marginTop="20dp"
android:contentDescription="#string/app_name" />
<TextView
android:id="#+id/stext1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="#+id/imm2"
android:layout_marginLeft="10dp"
android:layout_marginTop="30dp"
android:text="#string/Tit"
android:textColor="#color/DodgerBlue"
android:textSize="18dp"
android:textStyle="bold"
android:typeface="sans" />
<TextView
android:id="#+id/dtext1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="#+id/stext1"
android:layout_marginLeft="10dp"
android:layout_marginTop="5dp"
android:lineSpacingExtra="0.1dp"
android:textColor="#color/black"
android:textSize="15dp"
android:textStyle="normal"
android:typeface="serif" />
<TextView
android:id="#+id/stext2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="#+id/dtext1"
android:layout_marginLeft="10dp"
android:layout_marginTop="10dp"
android:text="#string/loc"
android:textColor="#color/DodgerBlue"
android:textSize="18dp"
android:textStyle="bold"
android:typeface="sans" />
<TextView
android:id="#+id/dtext2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="#+id/stext2"
android:layout_marginLeft="10dp"
android:layout_marginTop="5dp"
android:lineSpacingExtra="0.1dp"
android:textColor="#color/black"
android:textSize="15dp"
android:textStyle="normal"
android:typeface="serif" />
<TextView
android:id="#+id/stext3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="#+id/dtext2"
android:layout_marginLeft="10dp"
android:layout_marginTop="10dp"
android:text="#string/hist"
android:textColor="#color/DodgerBlue"
android:textSize="18dp"
android:textStyle="bold"
android:typeface="sans" />
<WebView
android:id="#+id/webview"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_below="#+id/stext3"
android:layout_marginLeft="5dp"
android:layout_marginRight="5dp"
android:layout_marginTop="6dp"
android:background="#color/white" />
</RelativeLayout>
I need the ad between the Imageview's "next" and "imm".I have tried using the attribute layout below but it gives me circular dependency error.In which way i can achieve it.
Any suggestions are appreciated.
Thanks in advance.