1

我创建了一个按钮，我需要一些按钮的响应，例如，在触摸按钮时，按钮焦点应该启用，例如背景颜色的变化。我怎样才能做到这一点？

我的代码是， 查看：

<Button class="button" id="proceedButton" onClick="openQuestionnaire">Proceed</Button>

风格：

".button":{
    width: '50%',
    top: '25dp',
    borderRadius: 8,
    borderWidth: 1,
    borderColor: '#808080',  
    backgroundGradient: {
        type: "linear",
        startPoint: { x: "0%", y:"0%"},
        endPoint:   { x: "0%", y:"100%"},
        colors: [
            { color: "#4F94CD", offset: 0.0 },
            { color: "#4F94CD", offset: 1.0 }
        ]
    }
}

控制器：

$.proceedButton.addEventListener('touchstart', function() { 
    $.proceedButton.isFocused = true;
  });  

  $.proceedButton.addEventListener('touchend', function() { 
     $.proceedButton.isFocused = false;
  });

上面的代码不起作用。只是我需要在触摸按钮时稍微改变背景颜色。

任何解决方案！

4

3 回答 3

2

使用此属性并传递颜色代码

backgroundSelectedColor : "RED"

对于普通视图，focusable 必须为真。有关更多信息，您可以参考此http://docs.appcelerator.com/titanium/latest/#!/api/Titanium.UI.Button-property-backgroundSelectedColor

我希望它可以帮助你，

于 2014-10-29T15:47:24.867 回答
2

合金xml会是这样的

<Button class="button" id="proceedButton" onClick="openQuestionnaire">Proceed</Button>

那么按钮属性将是这样的

".button":{
 width: '50%',
 top: '25dp',
 borderRadius: 8,
 borderWidth: 1,
 borderColor: '#808080',
 backgroundSelectedColor : "red",
 backgroundSelectedImage : "/my_image.png",
 backgroundGradient: {
    type: "linear",
    startPoint: { x: "0%", y:"0%"},
    endPoint:   { x: "0%", y:"100%"},
    colors: [
        { color: "#4F94CD", offset: 0.0 },
        { color: "#4F94CD", offset: 1.0 }
    ]
  }
}

您可以在触摸焦点上设置您选择的图像或背景颜色。您不需要在控制器中编写的控制器代码。同样对于某些对象，您也可以选择颜色。还可以设置 backgroundFocusedImage，

于 2014-10-30T06:54:33.753 回答
0

正如@CodeForFun 提到的，您可以使用backgroundSelectedColor按钮的属性。

以下是 Titanium 中按钮可以使用的所有状态。

希望这会有所帮助。

编辑：使用示例：

看法 ：

<Button class="button" >Proceed</Button>

TSS：

".button":{
width: '50%',
top: '25dp',
backgroundSelectedColor : "#4F94CD" //usage
}
于 2014-10-30T06:05:16.160 回答