Silverlight对齐网格

Question

我正在创建一个可视化设计器，我需要捕捉到网格功能，就像模仿Bird（Demo）提供的那样。是否有任何项目，用户控制或资源可以帮助我尽快在Silverlight中开发相同的内容。

我已经能够完成从工具箱（列表框）到设计器屏幕中心的画布的拖放操作。但是，对于网格和网格功能而言，对设计师来说是非常棒的。

Answer 1

在MouseMove例程中，您需要进行额外调整以允许捕捉。

void MainImage_MouseMove(object sender, MouseMoveEventArgs args){

    // ... assume you have calculated newX and newY already

    adjustSnap(ref newX, ref newY);

    // ... position your element

}

bool _isSnapOn = true;

void adjustSnap(ref double x, ref double y)
{
    const double gridWidth = 100;
    const double gridHeight = 100;

    if (_isSnapOn) 
    {

        if (x % gridWidth < gridWidth/2)
            x -= x % gridWidth;
        else
            x += (gridWidth - x % gridWidth);

        if (y % gridHeight < gridHeight / 2)
            y -= y % gridHeight;
        else
            y += (gridHeight - y % gridHeight);
    }
}