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
});

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

1 个答案: