Question

I am developing an app for android( Ti Sdk 2.1.2,Android Sdk 2.2). I want rounded corner button but corner get blurred when i apply borderRadius.

var win= Titanium.UI.createWindow();
var login = Ti.UI.createButton({
    title : 'Login',
    height :50,
    width : 280,
    top :  50,
    left : 100,
    backgroundImage:'btn_bg.png',
    borderRadius: 5,
    color:'white',

});

win.add(login);

win.open();

btn_bg.png

Answer 1

Several Options:

1. if it’s a simple color (in your case the image only shows red color) – use the background color instead of an image
2. Use an Android 9-Patch image for the button as described here
3. (bad) use a complete image with rounded and transparent corners as background image.

hint: maybe you should also set border width and border color to avoid blurry appearance.