圍繞其中心旋轉標籤

Question

我試圖圍繞其中心旋轉標籤，並具有以下代碼。然而，它並沒有圍繞它的中心旋轉，而是繞着視圖旋轉。我該如何解決這個問題？

var singleLabel = Titanium.UI.createLabel({ 
    backgroundColor:'red', 
    text: i+1, 
    top: 100, 
    width: 35, 
    height:20, 
}); 

singleLabel.setAnchorPoint({x: 0,y:0}); 
var rotateFirst = Titanium.UI.create2DMatrix().rotate(270); 
singleLabel.transform = rotateFirst; 

Answer 1

鈦視圖的錨點定義是這樣的：

• 的x屬性匹配X斧
• 的y屬性匹配y ax

因此，如果您想旋轉視圖/標籤/ ...圍繞它的中心，則必須使用{ x: 0.5, y: 0.5 }作爲定位點。

如果你想說服自己，你可以用這個代碼玩：

var self = Ti.UI.createView(); 

var label = Ti.UI.createLabel({ 
    text:  'Reference text', 
    color:  '#000000', 
    borderColor: '#000000' 
}); 
self.add(label); 

var label2 = Ti.UI.createLabel({ 
    text:  'Reference text', 
    color:  '#FF0000', 
    borderColor: '#FF0000' 
}); 
self.add(label2); 

var rotation = Ti.UI.create2DMatrix({rotate: 90}); 
label2.setAnchorPoint({x: 1,y:1}); 
label2.transform = rotation;