Alignment of Image in Listview items android - android

If anyone could guide me what I am doing wrong in this ? I can't get my items aligned properly.
My list item
And My screen image
Here is my XML of child row. I am binding it with relative layout , then setting fixed length of image and other details are mentioned below. Please have a look. The image isn't appearing in the center as it is supposed to be.
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="#+id/listItem"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginTop="5dp"
android:layout_marginBottom="5dp"
android:padding="5dp"
android:orientation="vertical">
<ImageView
android:id="#+id/imageView1"
android:layout_width="60dp"
android:layout_height="60dp"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_marginEnd="5dp"
android:layout_marginRight="5dp"
android:layout_marginTop="5dp"
android:layout_alignBottom="#+id/Description_txt"
android:layout_centerVertical="true"
android:layout_centerHorizontal="true"
android:padding="2dp"
android:src="#drawable/gallery" />
<TextView
android:id="#+id/Name_txt"
android:layout_width="100dp"
android:layout_height="wrap_content"
android:layout_marginLeft="5dp"
android:layout_toRightOf="#+id/imageView1"
android:text="#string/arabella"
android:textSize="15sp"
android:textStyle="bold"
android:textColor="#color/colorPrimaryDark"/>
<TextView
android:id="#+id/Brandname_txt"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="#+id/Name_txt"
android:layout_marginLeft="5dp"
android:layout_toRightOf="#+id/imageView1"
android:text="#string/arabella"
android:textSize="11sp"
android:textColor="#color/black_overlay"
android:layout_alignRight="#+id/Description_txt"
android:layout_alignEnd="#+id/Description_txt" />
<TextView
android:id="#+id/Description_txt"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="#+id/Brandname_txt"
android:layout_marginLeft="5dp"
android:textSize="11sp"
android:layout_toRightOf="#+id/imageView1"
android:text="#string/arabella"
android:textColor="#color/black_overlay" />
<TextView
android:id="#+id/Phone_txt"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBaseline="#+id/Description_txt"
android:layout_alignBottom="#+id/Description_txt"
android:layout_toEndOf="#+id/Name_txt"
android:layout_toRightOf="#+id/Name_txt"
android:text="#string/arabella"
android:textSize="11sp"
android:textColor="#color/black_overlay" />
<Button
android:id="#+id/View_btn"
android:layout_width="60dp"
android:layout_height="20dp"
android:layout_alignParentRight="true"
android:layout_centerHorizontal="true"
android:layout_marginRight="5dp"
android:background="#drawable/btn_view"
android:paddingLeft="5dp"
android:textColor="#android:color/white"
android:textSize="7sp" />
<TextView
android:id="#+id/Viewed_txt"
android:visibility="gone"
android:textSize="11sp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBaseline="#+id/View_btn"
android:layout_alignBottom="#+id/View_btn"
android:layout_marginEnd="25dp"
android:layout_marginRight="25dp"
android:layout_toLeftOf="#+id/View_btn"
android:layout_toStartOf="#+id/View_btn"
android:text="#string/viewed"
android:textStyle="bold"
android:textColor="#color/colorPrimaryDark" />
<ImageView android:id="#+id/imgView"
android:visibility="gone"
android:src="#drawable/ic_small_view"
android:layout_width="30dp"
android:layout_height="20dp"
android:layout_toLeftOf="#+id/Viewed_txt"
android:layout_toStartOf="#+id/Viewed_txt"
android:layout_alignBottom="#+id/Name_txt" />
</RelativeLayout>


you can just change the
1 change the height of your list item layout to
android:layout_height="wrap_content"
2 change the gravity of imageView to center


Depending on what layout your using. Use either:
layout_centerVertical="true"
or
gravity="center_vertical"
Also, make the imageView smaller


Use Below XML :
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="#+id/listItem"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="5dp"
android:layout_marginTop="5dp"
android:orientation="vertical"
android:padding="5dp">
<ImageView
android:id="#+id/imageView1"
android:layout_width="60dp"
android:layout_height="60dp"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_centerHorizontal="true"
android:layout_centerVertical="true"
android:layout_marginEnd="5dp"
android:layout_marginRight="5dp"
android:layout_marginTop="5dp"
android:padding="2dp"
android:src="#drawable/saffron_flag" />
<Button
android:id="#+id/View_btn"
android:layout_width="60dp"
android:layout_height="20dp"
android:layout_alignParentRight="true"
android:layout_centerHorizontal="true"
android:layout_centerVertical="true"
android:layout_marginRight="5dp"
android:background="#drawable/saffron_flag"
android:paddingLeft="5dp"
android:textColor="#android:color/white"
android:textSize="7sp" />
<TextView
android:id="#+id/Name_txt"
android:layout_width="100dp"
android:layout_height="wrap_content"
android:layout_marginLeft="5dp"
android:layout_toLeftOf="#+id/View_btn"
android:layout_toRightOf="#+id/imageView1"
android:text="#string/arabella"
android:textColor="#color/colorPrimaryDark"
android:textSize="15sp"
android:textStyle="bold" />
<TextView
android:id="#+id/Brandname_txt"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="#+id/Name_txt"
android:layout_marginLeft="5dp"
android:layout_toLeftOf="#+id/View_btn"
android:layout_toRightOf="#+id/imageView1"
android:text="#string/arabella"
android:textColor="#color/black_overlay"
android:textSize="11sp" />
<TextView
android:id="#+id/Description_txt"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="#+id/Brandname_txt"
android:layout_marginLeft="5dp"
android:layout_toLeftOf="#+id/View_btn"
android:layout_toRightOf="#+id/imageView1"
android:text="#string/arabella"
android:textColor="#color/black_overlay"
android:textSize="11sp" />
<TextView
android:id="#+id/Phone_txt"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentEnd="true"
android:layout_marginLeft="5dp"
android:layout_below="#+id/Description_txt"
android:layout_toRightOf="#+id/imageView1"
android:text="#string/arabella"
android:textColor="#color/black_overlay"
android:textSize="11sp" />
<TextView
android:id="#+id/Viewed_txt"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBaseline="#+id/View_btn"
android:layout_alignBottom="#+id/View_btn"
android:layout_marginEnd="25dp"
android:layout_marginRight="25dp"
android:layout_toLeftOf="#+id/View_btn"
android:layout_toStartOf="#+id/View_btn"
android:text="#string/viewed"
android:textColor="#color/colorPrimaryDark"
android:textSize="11sp"
android:textStyle="bold"
android:visibility="gone" />
<ImageView
android:id="#+id/imgView"
android:layout_width="30dp"
android:layout_height="20dp"
android:layout_alignBottom="#+id/Name_txt"
android:layout_toLeftOf="#+id/Viewed_txt"
android:layout_toStartOf="#+id/Viewed_txt"
android:src="#drawable/ic_small_view"
android:visibility="gone" />
</RelativeLayout>

Related

move layout element out of screen Android Xml

i have a layout which looks like this:
at top i have a ChipView(a view group which resize itself according to content in it)
and bottom of it i have a editText and after that there's another view (which contains 2 buttons)
so far everything is fine here.
but then when i start typing (editing) in editText this is how it looks :
the above is totally fine my EditText resized itself to let other elements visible in the layout , but the problem starts when i have a whole bunch of contents in my chipView (layout at top)
as i added content in my first layout the EditText resized itself and when editing of editText starts it becomes not visible because the chipView has taken all the space
so my question is this how can i resize the chipView when editing starts so that my EditText can be visible
my activity's manifest :
<activity android:name=".myActivity"
android:theme="#style/AppTheme.NoActionBar"
android:configChanges="orientation|keyboardHidden|screenSize|screenLayout"
android:screenOrientation="portrait"
android:windowSoftInputMode="adjustResize|stateAlwaysHidden"/>
my Xml of Activity
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:layout_width="match_parent"
android:layout_height="match_parent"
android:animateLayoutChanges="true"
android:background="#color/black_30">
<android.support.v7.widget.Toolbar
android:layout_height="wrap_content"
android:layout_width="match_parent"
android:minHeight="?attr/actionBarSize"
android:id="#+id/toolbarAnnouncement"
android:theme="#style/ToolBarStyle"
android:elevation="5dp"
android:textAlignment="center">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:id="#+id/toolbar_title"
android:textSize="20sp"
android:textStyle="bold"
android:background="#00000000"
android:textColor="#ffffff" />
</android.support.v7.widget.Toolbar>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:weightSum="15"
android:id="#+id/channelContainer"
android:orientation="horizontal"
android:layout_below="#+id/toolbarAnnouncement"
android:background="#color/material_grey_50">
<TextView
android:layout_width="0dp"
android:layout_weight="2"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceSmall"
android:text="To :"
android:id="#+id/textView16"
android:textSize="20sp"
android:paddingLeft="5dp"
android:layout_gravity="center_vertical" />
<RelativeLayout
android:layout_width="0dp"
android:layout_weight="11"
android:id="#+id/chipViewLayout"
android:layout_height="wrap_content"
android:paddingBottom="10dp"
android:paddingTop="10dp">
<com.plumillonforge.android.chipview.ChipView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="#+id/buttonChannelSelectorAnnouncement"
android:layout_marginTop="10dp"
android:layout_marginBottom="10dp"
android:gravity="left"
android:padding="5dp"
android:minHeight="90dp" />
</RelativeLayout>
<Button
style="?android:attr/buttonStyleSmall"
android:layout_width="0dp"
android:layout_weight="2"
android:layout_height="wrap_content"
android:id="#+id/buttonRemoveChannel"
android:background="#android:drawable/ic_menu_close_clear_cancel"
android:visibility="gone"
android:layout_gravity="center_vertical"
android:layout_marginRight="5dp" />
</LinearLayout>
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="50dp"
android:id="#+id/attacheImage1"
android:layout_below="#+id/channelContainer"
android:layout_marginTop="5dp"
android:layout_marginBottom="5dp"
android:background="#ffffff"
android:visibility="gone">
<ImageView
android:layout_width="45dp"
android:layout_height="45dp"
android:id="#+id/imageViewAttach1"
android:layout_centerVertical="true"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_marginLeft="5dp"
android:background="#ffffff"
android:src="#drawable/location" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceMedium"
android:text="Attaching..."
android:id="#+id/textViewAttach1"
android:layout_alignParentBottom="false"
android:layout_toRightOf="#+id/imageViewAttach1"
android:layout_toEndOf="#+id/imageViewAttach1"
android:layout_marginLeft="10dp"
android:layout_marginBottom="5dp"
android:layout_centerInParent="true" />
<Button
style="?android:attr/buttonStyleSmall"
android:layout_width="60dp"
android:layout_height="35dp"
android:text="Remove"
android:id="#+id/buttonRemoveAttach1"
android:background="#drawable/rounded_corner_filled"
android:textColor="#ffffff"
android:textSize="13sp"
android:layout_centerVertical="true"
android:layout_alignParentRight="true"
android:layout_alignParentEnd="true"
android:layout_marginRight="5dp" />
<Button
android:layout_width="60dp"
android:layout_height="35dp"
android:text="Retry"
android:id="#+id/buttonRetry1"
android:textColor="#ffffff"
android:layout_centerVertical="true"
android:background="#drawable/rounded_corner_filled"
android:layout_toLeftOf="#+id/buttonRemoveAttach1"
android:layout_toStartOf="#+id/buttonRemoveAttach1"
android:layout_marginRight="5dp"
android:visibility="gone" />
</RelativeLayout>
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="50dp"
android:id="#+id/attacheImage2"
android:layout_below="#+id/attacheImage1"
android:layout_marginBottom="5dp"
android:layout_marginTop="5dp"
android:background="#ffffff"
android:visibility="gone">
<ImageView
android:layout_width="45dp"
android:layout_height="45dp"
android:id="#+id/imageViewAttach2"
android:layout_centerVertical="true"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_marginLeft="5dp"
android:background="#ffffff"
android:src="#android:drawable/sym_def_app_icon" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceMedium"
android:text="Attaching..."
android:id="#+id/textViewAttach2"
android:layout_alignParentBottom="false"
android:layout_toRightOf="#+id/imageViewAttach2"
android:layout_toEndOf="#+id/imageViewAttach2"
android:layout_marginLeft="10dp"
android:layout_marginBottom="5dp"
android:layout_centerVertical="true" />
<Button
style="?android:attr/buttonStyleSmall"
android:layout_width="60dp"
android:layout_height="35dp"
android:text="Remove"
android:id="#+id/buttonRemoveAttach2"
android:background="#drawable/rounded_corner_filled"
android:textColor="#ffffff"
android:textSize="13sp"
android:layout_centerVertical="true"
android:layout_alignParentRight="true"
android:layout_alignParentEnd="true"
android:layout_marginRight="5dp" />
<Button
android:layout_width="60dp"
android:layout_height="35dp"
android:text="Retry"
android:id="#+id/buttonRetry2"
android:textColor="#ffffff"
android:background="#drawable/rounded_corner_filled"
android:layout_centerVertical="true"
android:layout_toLeftOf="#+id/buttonRemoveAttach2"
android:layout_toStartOf="#+id/buttonRemoveAttach2"
android:layout_marginRight="5dp"
android:visibility="gone" />
</RelativeLayout>
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="50dp"
android:id="#+id/attacheImage3"
android:layout_below="#+id/attacheImage2"
android:layout_marginTop="5dp"
android:layout_marginBottom="5dp"
android:background="#ffffff"
android:visibility="gone">
<ImageView
android:layout_width="45dp"
android:layout_height="45dp"
android:id="#+id/imageViewAttach3"
android:layout_centerVertical="true"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_marginLeft="5dp"
android:background="#ffffff"
android:src="#drawable/icon_admin" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceMedium"
android:text="Attaching..."
android:id="#+id/textViewAttach3"
android:layout_alignParentBottom="false"
android:layout_toRightOf="#+id/imageViewAttach3"
android:layout_toEndOf="#+id/imageViewAttach3"
android:layout_marginLeft="10dp"
android:layout_marginBottom="5dp"
android:layout_centerVertical="true" />
<Button
style="?android:attr/buttonStyleSmall"
android:layout_width="60dp"
android:layout_height="35dp"
android:text="Remove"
android:id="#+id/buttonRemoveAttach3"
android:background="#drawable/rounded_corner_filled"
android:textColor="#ffffff"
android:textSize="13sp"
android:layout_centerVertical="true"
android:layout_alignParentRight="true"
android:layout_alignParentEnd="true"
android:layout_marginRight="5dp" />
<Button
android:layout_width="60dp"
android:layout_height="35dp"
android:text="Retry"
android:id="#+id/buttonRetry3"
android:layout_centerVertical="true"
android:textColor="#ffffff"
android:background="#drawable/rounded_corner_filled"
android:layout_toLeftOf="#+id/buttonRemoveAttach3"
android:layout_toStartOf="#+id/buttonRemoveAttach3"
android:layout_marginRight="5dp"
android:visibility="gone" />
</RelativeLayout>
<EditText
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:inputType="textMultiLine"
android:ems="10"
android:fitsSystemWindows="true"
android:id="#+id/editTextDescriptionAnnouncement"
android:hint="Type your announcement..."
android:gravity="top"
android:padding="5dp"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_alignParentRight="true"
android:layout_alignParentEnd="true"
android:layout_below="#+id/attacheImage3"
android:background="#ffffff"
android:layout_above="#+id/relativeLayout4" />
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="40dp"
android:layout_alignParentBottom="true"
android:background="#color/button_material_light"
android:id="#+id/relativeLayout4">
<Button
style="?android:attr/buttonStyleSmall"
android:layout_width="75dp"
android:layout_height="wrap_content"
android:text="Image"
android:id="#+id/buttonAddImage"
android:layout_alignParentTop="true"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true" />
<Button
style="?android:attr/buttonStyleSmall"
android:layout_width="75dp"
android:layout_height="wrap_content"
android:text="Send"
android:id="#+id/buttonSendAnnouncement"
android:layout_alignParentBottom="true"
android:layout_alignParentRight="true"
android:layout_alignParentEnd="true" />
</RelativeLayout>
</RelativeLayout>

Align Text and Images Center to Each Other

I am displaying text and images in a list format next to each other but I can't get them to line up perfectly center next to each other in a straight line what am I missing
Here is my layout code below
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_alignParentLeft="true"
android:layout_alignParentRight="true"
android:layout_alignParentTop="true" >
<TextView
android:id="#+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="TextView"
android:textSize="14dp"
android:textStyle="bold"
android:layout_gravity="center|right"
android:gravity="center|right"
android:layout_marginLeft="5dp"
android:layout_marginTop="10dp"
/>
<ImageView
android:id="#+id/imageView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toRightOf="#+id/textView1"
android:layout_gravity="center|right"
android:gravity="center|right"
android:src="#drawable/image_ls"
android:layout_marginLeft="5dp"
android:layout_marginTop="10dp"
/>
<TextView
android:id="#+id/textView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center|right"
android:text="TextView"
android:textSize="14dp"
android:layout_toRightOf="#+id/imageView1"
android:textStyle="bold"
android:gravity="center|right"
android:layout_marginLeft="5dp"
android:layout_marginTop="10dp"
/>
<ImageView
android:id="#+id/imageView2"
android:layout_width="wrap_content"
android:layout_gravity="center|right"
android:layout_height="wrap_content"
android:layout_toRightOf="#+id/textView2"
android:src="#drawable/image_ls"
android:gravity="center|right"
android:layout_marginLeft="5dp"
android:layout_marginTop="10dp"
/>
</RelativeLayout>

This does work:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_alignParentLeft="true"
android:layout_alignParentRight="true"
android:layout_alignParentTop="true"
android:padding="5dp"
android:gravity="center_vertical|center_horizontal"
android:background="#color/gray_dark">
<TextView
android:id="#+id/textView1"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:text="TextView"
android:textSize="14dp"
android:textStyle="bold"
android:layout_gravity="center_vertical|right"
android:gravity="center_vertical|right"
android:layout_marginLeft="5dp"
/>
<ImageView
android:id="#+id/imageView1"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_toRightOf="#+id/textView1"
android:layout_gravity="center_vertical|right"
android:gravity="center_vertical|right"
android:src="#drawable/image_ls"
android:layout_marginLeft="5dp"
/>
<TextView
android:id="#+id/textView2"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_gravity="center_vertical|right"
android:text="TextView"
android:textSize="14dp"
android:layout_toRightOf="#+id/imageView1"
android:textStyle="bold"
android:gravity="center_vertical|right"
android:layout_marginLeft="5dp"
/>
<ImageView
android:id="#+id/imageView2"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_toRightOf="#+id/textView2"
android:src="#drawable/image_ls"
android:layout_gravity="center_vertical|right"
android:gravity="center_vertical|right"
android:layout_marginLeft="5dp"
/>
</RelativeLayout>

i would prefer a linear layout over relative for this situation with this simple layout design, it is easier and straight forward you just need to use:
android:layout_gravity="center_vertical"
and play around with weights if any other size restriction is required.
here is the solution hope its what you need:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content" >
<TextView
android:id="#+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="hello"
android:textStyle="bold"
android:layout_gravity="center_vertical"
android:layout_marginTop="10dp"
/>
<ImageView
android:id="#+id/imageView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="#drawable/ic_launcher"
android:layout_gravity="center_vertical"
android:layout_marginTop="10dp"
/>
<TextView
android:id="#+id/textView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="hello"
android:textStyle="bold"
android:layout_gravity="center_vertical"
android:layout_marginTop="10dp"
/>
<ImageView
android:id="#+id/imageView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical"
android:src="#drawable/ic_launcher"
android:layout_marginTop="10dp"
/>
</LinearLayout>
</LinearLayout>

customized list view with text view and button not support for multiple screen?

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...

margin of text doesn't display corectly on different screens

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.

how to Position ad-view between two views

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.

Categories

Resources