Sliding drawer has 1 transparent pixel between handlebar & content pane.

Question

I have created a sliding drawer with a handle bar and a content pane. There seems to be a single transparent pixel between the handle bar and the content pane. how can i get rid of this. here is my layout xml:

    <?xml version="1.0" encoding="utf-8"?>
    <SlidingDrawer android:id="@+id/drawer" visible="visible"
 xmlns:android="http://schemas.android.com/apk/res/android"

 android:layout_width="wrap_content" android:layout_height="wrap_content"
 android:handle="@+id/handle" android:content="@+id/content" 
 android:orientation="vertical">

 <RelativeLayout android:id="@id/handle"
  android:background="@drawable/slider_gradient" android:layout_width="fill_parent"
  android:orientation="horizontal" android:layout_height="44dip">

  <ImageView android:id="@+id/slider_icon"
   android:layout_width="44dip" android:layout_height="44dip"
   android:layout_gravity="left" android:layout_alignParentLeft="true"
   android:src="@drawable/icon">
  </ImageView>
  <TextView android:layout_width="wrap_content"
   android:layout_height="wrap_content" android:id="@+id/selected_list_view"
   android:textColor="@android:color/black" android:layout_toRightOf="@id/slider_icon"
   android:text="" android:textSize="18dip" android:layout_alignBottom="@id/slider_icon" />
 </RelativeLayout>


 <FrameLayout android:id="@id/content" android:background="@drawable/pulse_sub_row_gradient"
  android:layout_width="fill_parent" android:orientation="vertical"
  android:layout_height="wrap_content">

  <GridView android:id="@+id/button_grid" android:layout_width="fill_parent"
   android:layout_height="fill_parent" android:numColumns="auto_fit"
   android:stretchMode="columnWidth" android:gravity="center">

  </GridView>

 </FrameLayout>

</SlidingDrawer>

Answer 1

Hello:

Try to add drawable folders for the slider icon so that the platform can correctly scale your image depending on the density of the current screen.

res/drawable-ldpi/slider_icon.png // icon image for low density res/drawable-mdpi/slider_icon.png // icon for medium density res/drawable-hdpi/slider_icon.png // icon image for high density

From the code above, I can see you're adding the sliding image resource to default drawable resource without actually paying attention to the screen density size, this may not work as expected as the platform is just loading your image as the default medium size density. This may look correct in the emulator but will produce the effect you describe above when running in a real device.