Question

I have an image which I’m using as a background for a RelativeLayout. The image needs to be tiled horizontally to make a pattern.

I’m able to get the image to tile horizontally by using this code:

BitmapDrawable b3 = (BitmapDrawable)getResources().getDrawable(R.drawable.background);

b3.setTileModeX(Shader.TileMode.REPEAT);

v.findViewById(R.id.layout).setBackgroundDrawable(b3);

The problem is that the image also tiles vertically. It seems to tile in the “clamp” mode in the vertical, but “repeat” mode in the horizontal. Here is a screenshot:

As you can see, the image is just a little bit smaller than the space it occupies, and the bottom edge is “clamped”.

How can I set the image to stretch vertically but tile horizontally?

Answer 1

This method invokes creation of new bitmap but it looks like it’s acrhiving your goal

        View view = findViewById(R.id.layout);
        BitmapDrawable bd = (BitmapDrawable) getResources().getDrawable(R.drawable.tile);
        int width = view.getWidth();
        int intrinsicHeight = bd.getIntrinsicHeight();
        Rect bounds = new Rect(0,0,width,intrinsicHeight);
        bd.setTileModeX(TileMode.REPEAT);
        bd.setBounds(bounds);
        Bitmap bitmap = Bitmap.createBitmap(bounds.width(), bounds.height(), bd.getBitmap().getConfig());
        Canvas canvas = new Canvas(bitmap);
        bd.draw(canvas);
        BitmapDrawable bitmapDrawable = new BitmapDrawable(getResources(), bitmap);
        view.setBackground(bitmapDrawable);

Please note that it only works if view was already layouted, so a method lile onWindowFocusChanged is a good place for this code.