How to make a scalable button with picture on it ?

[basicall]

I want to make a button something likes button on android phone's dialer keypad. For example, on dialer keypad, the DTMF key button 2 has picture shown with content "2 ABC". The button should be scalable. That is to say, I could not use a normal picture as background no matter with b4a code or set enabled drawable to bitmapdrawable In designer. Maybe you want to tell me I should use nine pitch picture but I think nine pitch picture might only good for background without content shown on it.

After I processed phone's default phone.apk with apktool I understand their keypad button is composed of nine pitch png picture and a normal png picture. But I do not know how to do it with b4a.

Button is really the most basic requirement. I have struggled it for 3 days. Help me please. :sign0085:

 

[susu]

You can use ImageView with Gravity = Gravity.Fill with size = Xdip.
But I think the best way is 9 Pitch button.

 

[Erel]

See this link: Nine patch images tutorial

 

[basicall]

You can use ImageView with Gravity = Gravity.Fill with size = Xdip.
But I think the best way is 9 Pitch button.

Sir,

Thanks for your prompt reply. But I am have a question about 9 Pitch button. If there has picture on 9 pitch png file, could the picture still be shown well on different size of buttons ? I am afraid it will be streched and not [good looking] any more.

 

[Erel]

It depends on the image. If it is a gradient image for example then it will look fine. A fine detailed image will be stretched (unless you build the 9 patch image in such a way that the image doesn't change its size).

 

[basicall]

Hi Erel. I have a silly question. Why after I assign a image to a button the button does not has borders visible any more ?

 

[Erel]

Buttons background is a StateListDrawable that holds 9 patch images. When you change the image you actually remove the previous background.