Resizing/scaling image causes distortion
===

I have an app widget and in it I'd like to show a scaled down version of my app's icon in the bottom right.  The image's dimensions are 36x36 and the image looks fine at those dimensions, but I'd like the image to be smaller, around 18x18.  However, if I resize the image in a image editor or try to scale the image in code, the image appears distorted.

This is what the image looks normally:

![enter image description here][1]

This is the image scaled:

![enter image description here][2]

This is the `ImageView` code I'm using:

	<ImageView 
	   android:id="@+id/widgetIcon"
	   android:src="@drawable/icon"
	   android:layout_width="18dp"
	   android:layout_height="18dp"
	   android:layout_alignParentRight="true"
	   android:layout_centerVertical="true"
	   android:scaleType="centerCrop"
	 />


  [1]: http://i.stack.imgur.com/ZBi8B.png
  [2]: http://i.stack.imgur.com/ZR36M.png