Question

I am trying to code the following xml by code.

—-drawable\my_layerdrawable.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
      <bitmap android:src="@drawable/my_image"
        android:gravity="left"/>
    </item>
    <item android:left="10dp">
      <bitmap android:src="@drawable/my_image"
        android:gravity="left" />
    </item>
    <item android:top="10dp">
      <bitmap android:src="@drawable/my_image"
        android:gravity="left"/>
    </item>
    <item android:top="10dp" android:left="10dp">
      <bitmap android:src="@drawable/my_image"
        android:gravity="left" />
    </item>
    <item android:top="20dp">
      <bitmap android:src="@drawable/my_image"
        android:gravity="left"/>
    </item>
    <item android:top="20dp" android:left="10dp">
      <bitmap android:src="@drawable/my_image"
        android:gravity="left" />
    </item>
</layer-list>

I coded the following block but it is stretching the images.

    InsetDrawable[] layers = new InsetDrawable[this.itemCount];

    Resources resources = getResources();

    ImageButton imgButton = (ImageButton) findViewById(R.id.btnItems);
    int layerTop = 0;
    for (int i = 0; i < this.itemCount; i++)
    {

        int layerLeft = i % 2 == 1 ? 5 : 0;

        Drawable dr = resources.getDrawable(R.drawable.my_image);
        layers[i] = new InsetDrawable(dr, layerLeft, layerTop, -layerLeft, -layerTop);

        layerTop += i % 2 == 1 ? 10 : 0;


    }

    LayerDrawable layerDrawable = new LayerDrawable(layers);

    imgButton.setImageDrawable(layerDrawable);

When I assign the drawable xml to the imgButton It is working correctly no stretch or any change.

ImageButton imgButton = (ImageButton) findViewById(R.id.btnItems);
imgButton.setImageResource(R.drawable.my_layerdrawable);

Do you have any idea to make the layer drawable by code?

Thanks.

Answer 1

You could use BitmapDrawable.

A Drawable that wraps a bitmap and can be tiled, stretched, or aligned. You can create a BitmapDrawable from a file path, an input stream, through XML inflation, or from a Bitmap object.

Your code would then look like this:

Drawable[] layers = new Drawable[this.itemCount];
Resources resources = getResources();
ImageButton imgButton = (ImageButton) findViewById(R.id.btnItems);

DisplayMetrics metrics = new DisplayMetrics();
getWindowManager().getDefaultDisplay().getMetrics(metrics);

for (int i = 0; i < this.itemCount; i++)
{
    Bitmap bm = BitmapFactory.decodeResource(resources, R.drawable.icon);
    BitmapDrawable bmd = new BitmapDrawable(bm);
    bmd.setGravity(Gravity.TOP);        
    bmd.setTargetDensity(metrics);
    layers[i] = bmd;   
}
LayerDrawable layerDrawable = new LayerDrawable(layers);

int layerTop = 0;
for (int i = 0; i < this.itemCount; i++)
{

    int layerLeft = i % 2 == 1 ? 5 : 0;
    layerDrawable.setLayerInset(i, layerLeft, layerTop, -layerLeft, -layerTop);
    layerTop += i % 2 == 1 ? 10 : 0;
}

imgButton.setImageDrawable(layerDrawable);