rotation - 围绕其中心旋转标签

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

Titanium 视图的锚点定义如下：

• x 属性与x 斧头匹配
• y 属性与y 轴匹配

因此，如果您想围绕其中心旋转视图/标签/...，则必须将其{ 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;