在 Silverlight 中以编程方式设置 TranslateX 或 Canvas.SetLeft 属性

Question

所以问题是，我试图让那个圆圈与数字对齐。当我在混合中执行此操作时，它显示我有一个 Left (23)，我尝试以编程方式执行此操作 Canvas.SetLeft(thePanel,23) 它会超出。更好的是，如果有人知道 silverlight 中有这样的控件，请告诉我。其作用是，当用户单击一个数字时，绿色圆圈会转到该数字，因此看起来用户已选择它。

Answer 1

在 Circle 对象上，您必须设置圆的 Radius 和 TranslateTransform 属性。假设您的圆的半径为 15:

private const double Radious = 15.0;

private double _x = Radious;
private double _y = Radious;

private TranslateTransform _translation = new TranslateTransform();

以及处理圆的 X 和 Y 坐标的属性，

public double X
    {
        get { return this._x; }
        set
        {
            this._x = value;
            _translation.X = this._x - Radious;
        }
    }

    public double Y
    {
        get { return this._y; }
        set
        {
            this._y = value;
            _translation.Y = this._y - Radious;
        }
    }

在 Silverlight 中，您可以获取用户在画布上单击的位置，在面板的单击事件上设置此代码，然后设置圆心到用户单击的位置：

//Get the points where it was clicked
Point clickPoint = e.GetPosition(Canvas);

MyCircle.X = clickPoint.X;
MyCircle.Y = clickPoint.Y;

现在，如果您希望它们始终落在固定位置，您可以设置条件，如果用户单击某个数字，则将圆心设置为该数字的中心数字，或者只是更改圆的 X 值以移动到所需的位置。