Tiled drawable sometimes stretches

AndroidXmlDrawableTiling

Android Problem Overview


I have a ListView whose items have a tiled background. To accomplish this, I use the following drawable xml:

<bitmap
	xmlns:android="http://schemas.android.com/apk/res/android"
	android:src="@drawable/tile"
	android:tileMode="repeat" />

Usually, this works. Sometimes, however, the src drawable isn't tiled, but stretched to fill the entire list item. (I've got several different tiles like this, and I use them mixed in one ListView. If there is stretching instead of tiling, it's never been in all of them at once, for what that's worth.)

I also tried to add android:dither="true" to that xml, since I read somewhere that without it there might be bugs. That didn't change anything.

Has anyone had the same problem? How did you fix it?

Android Solutions


Solution 1 - Android

I also got bitten by this problem. Very hard to diagnose, even harder to find similar reports and usable solutions.

"Tapas" on the freenode #android-dev irc channel came with the following utility method:

public static void fixBackgroundRepeat(View view) {
	Drawable bg = view.getBackground();
	if (bg != null) {
		if (bg instanceof BitmapDrawable) {
			BitmapDrawable bmp = (BitmapDrawable) bg;
			bmp.mutate(); // make sure that we aren't sharing state anymore
			bmp.setTileModeXY(TileMode.REPEAT, TileMode.REPEAT);
		}
	}
}

Apply it to all Views that have a tiled background set (e.g. findViewById them).

Also, I have the impression this bug started acting up after setting "anyDensity=true" in AndroidManifest.xml

Solution 2 - Android

I've just had the exact same issue except with CLAMP TileMode. I have a bitmap that I want to then just stretch away at the bottom and have it set up as an XML defined BitmapDrawable and in the Graphical Preview window all looks fine, no matter what size I make the ViewImage it draws my bitmap at the top and then repeats the last pixels to fill to the end.

Launching the app on various SDK builds on the emulator and on my own phone all then produced a straight 'fill' type distortion which is completely useless.

The solution turned out to simply be to re-apply the TileMode every time I changed the size of the ImageView within my code:

((BitmapDrawable)ascender.getDrawable()).setTileModeY(TileMode.CLAMP);

Now it's all drawing fine. So yes, this looks like a bug to me.

Solution 3 - Android

As I didn't see the link here, this was confirmed to be a bug in Android. It was fixed in ICS. See https://stackoverflow.com/questions/7586209/xml-drawable-bitmap-tilemode-bug for more details.

Solution 4 - Android

There is a lot of noise about this topic online, with various (and numerous) suggested solutions.

  • If you're still at a loss, my suggestion is to keep all tiled bitmap resources to square, base-2 dimensions.

ie: 16px by 16px for an xhdpi tile asset.

I hoped that the Android platform would "over-tile" to fill a space if the bitmap did not tessellate perfectly - and then trim the waste. However trialling a 10px*10px tiled bitmap across mdpi, hdpi and xhdpi (and v2.3 to v4.0)'inconsistently' showed this stretching.

The base-2 dimension allows for whole and even division as you progress through the various resolutions and as each device tries to paint the tiles each time the view is created.

In Android development, we contest with the ranging hardware and the vendors dipping their fingers into the platform - sometimes this sort of trivial black magic just works.

This appears to have resolved the issue for me at least. Worth a shot.

Solution 5 - Android

This sounds like a bug, although I've never seen it myself. If you have a simple APK that reproduces the issue, please send it to me (romainguy /at/ android.com) or file a bug here.

Solution 6 - Android

This blog entry discusses the issue

combined with this solution from Tapas listed by Ivo van der Wijk, it works for me.

The key was to remove the tiled setting from the XML, then set it to tiled at runtime. It does not work for me if they are both set to tiled.

Edit: actually, I lied. Even with this it seems to sometimes fail to tile.

Would be very nice to have a reliable work-around.

Edit 2: setting it to something else (eg. CLAMPED) then setting it back so far seems to be working.

Solution 7 - Android

I moved my image from drawable-xhdpi to drawable folder and everything was fine.

Solution 8 - Android

I was also having the same issue. What I was missing was that we need to add scaletype to fitXY in the imageview for the xml bitmap to work properly.

tile_bitmap.xml

<bitmap
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:src="@drawable/tile"
    android:tileMode="repeat" />

layout.xml

<ImageView
    android:layout_width="match_parent"
    android:src="@drawable/tile_bitmap"
    android:layout_height="match_parent"
    android:scaleType="fitXY"/>

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionbenvdView Question on Stackoverflow
Solution 1 - AndroidIvo van der WijkView Answer on Stackoverflow
Solution 2 - AndroidZulaxiaView Answer on Stackoverflow
Solution 3 - AndroidSteve PomeroyView Answer on Stackoverflow
Solution 4 - AndroidmjwView Answer on Stackoverflow
Solution 5 - AndroidRomain GuyView Answer on Stackoverflow
Solution 6 - AndroidRabidMutantView Answer on Stackoverflow
Solution 7 - AndroidWaqar KhanView Answer on Stackoverflow
Solution 8 - AndroidNishant ChauhanView Answer on Stackoverflow