Question

I have this code:

ImageButton call = new ImageButton(context);
call.setId(9001+result.index);
call.setBackgroundResource(R.drawable.small_call);
LinearLayout.LayoutParams call_params = new LinearLayout.LayoutParams(
    LinearLayout.LayoutParams.WRAP_CONTENT,
    LinearLayout.LayoutParams.WRAP_CONTENT
);
call.setLayoutParams(call_params);

It renders the button the way I want it, but when I do this:

ImageButton call = new ImageButton(context);
call.setId(9001+result.index);
call.setBackgroundResource(R.drawable.small_call);
LinearLayout.LayoutParams call_params = new LinearLayout.LayoutParams(
    LinearLayout.LayoutParams.WRAP_CONTENT,
    LinearLayout.LayoutParams.WRAP_CONTENT,
    Gravity.CENTER_VERTICAL | Gravity.RIGHT
);
call.setLayoutParams(call_params);

It stretches the image, messing up the aspect ratio, and makes it blurry/pixelated.

So what is the correct way to render the image as in the first code snippet, but place the button where the second code snippet puts it?

Thanks in advance.

Answer 1

Use RelativeLayout or FrameLayout instead of LinearLayout.

See also layout_gravity in LinearLayout.

This is a tutorial: A Visual Guide to Relative Layouts In Android.