让图像填充Titanium中的按钮

Question

我在合金项目上与Titanium studio合作。在我的一个页面中，我想要一个内部有图像的按钮，一个可以填充按钮的图像。

我现在正在做的是：

<Button image="/images/micro.png"/>

它成功检索图像，但显示的图像非常小：

我也尝试在JS中做同样的事情：

win.add(Ti.UI.createButton({image:"/images/micro.png"}));

但我以相同的结果结束了......

那么，有没有办法管理这些图像的大小？

Answer 1

您可以使用 backgroundImage 按钮的属性来实现此目的。这是documentation

Answer 2

如果你不使用 backgroundImage ，你可以创建自己的Button： 例如：

<Alloy>
    //Your stuff ....
    <View id="button">
        <ImageView id="buttImage" image="yourpath/yourIcon.png"/>
        <Label id='buttTitle" text="Button Title"/>
    <View/>
    //Your Stuff ...
</Alloy>

in style.tss

"#button":{
        layout:'horizontal'
        backgroundColor:"##3498db",
        height:70,
        width:300
        }
"#buttImage":{
           height:50,
           width:50,
           left:10
           }
"#buttTitle":{
            font:{
                 fontSize:19,
                 color:"#000"
                }

并在.js文件中添加click事件Listener：

$.button.addEventListener("click",clickFunction);

此外，您还可以查看这个真棒widget，您可以在其中添加图标和许多自定义...