Appcelerator：如何创建一个适当的后退按钮图像？

Question

我从AppVaultDesign购买了一款主题，它附带了一个后退按钮图像，看起来像这样http://cl.ly/2h3x0j0p2v262k0k2U0e

但是，当我将它添加到代码中时，对齐看起来是错误的。文字太接近按钮。 http://cl.ly/393s2D0f0v3P0m3H150O

当我试图使用textAlign: 'right'，它看起来像这样http://cl.ly/0Z2d1Y0f3q1O100c0b3f不知道为什么会这样。令人沮丧。当我做textAlign: 'center'或textAlign: 'left'时，它不会上升。

所以这里是我正在使用的代码。任何帮助？

var backButton = Ti.UI.createButton({ 
    backgroundImage: 'images/back.png', 
    font: { fontSize: 13, fontWeight: 'bold' }, 
    height: 28, 
    title: "Back", 
    width: 51 
}); 
backButton.addEventListener('click', function(){ 
    navGroup.close(self); 
}); 
self.leftNavButton = backButton; 

我认为这应该是一个容易的。令人沮丧的是，我无法正确地工作。非常感谢，如果有人可以发布我的按钮和图像的工作代码。这样，我可以尝试查看哪里出了问题。

非常感谢，米奇

Answer 1

最简单的方法，也许是" Back"

var backButton = Ti.UI.createButton({ 
    backgroundImage: 'images/back.png', 
    font: { fontSize: 13, fontWeight: 'bold' }, 
    height: 28, 
    title: " Back", 
    width: 51 
});