C#中使用归一化坐标同步PictureBox位置的异常问题

你的问题出在归一化坐标的计算逻辑上——当前代码使用ClientSize.Width - pictureBox.Width和ClientSize.Height - pictureBox.Height作为百分比计算的分母，这相当于把控件的可移动范围当成了坐标系基准，而非整个窗体的客户区尺寸。这会导致不同尺寸窗体下，控件的实际相对位置（相对于窗体整体）出现偏差：比如小窗体中控件距边角的绝对距离，在大窗体中会被放大到超出预期的比例，相邻控件的间距也会随窗体缩放而变大。

要实现跨窗体的相对位置一致，应该以整个窗体客户区的尺寸作为归一化基准，推荐使用控件的中心位置计算相对比例（相比左上角，中心位置的相对一致性更稳定，能避免控件自身尺寸带来的偏移）。

修改后的发送归一化坐标代码 #

private void SendPercentageCoordinates()
{
    // 计算控件中心位置
    double centerX = pictureBox.Location.X + pictureBox.Width / 2.0;
    double centerY = pictureBox.Location.Y + pictureBox.Height / 2.0;

    // 基于整个客户区尺寸计算相对比例
    double percentageX = centerX / ClientSize.Width;
    double percentageY = centerY / ClientSize.Height;

    string message = $"{pictureBoxId}|{percentageX}|{percentageY}";
    byte[] messageBytes = Encoding.ASCII.GetBytes(message);

    clientStream.Write(messageBytes, 0, messageBytes.Length);
}

修改后的更新控件位置代码 #

private void UpdatePictureBoxPosition(double percentageX, double percentageY)
{
    int clientWindowWidth = ClientSize.Width;
    int clientWindowHeight = ClientSize.Height;

    // 计算当前窗体下的控件中心位置
    double centerX = percentageX * clientWindowWidth;
    double centerY = percentageY * clientWindowHeight;

    // 转换为控件左上角坐标
    int adjustedX = (int)(centerX - pictureBox.Width / 2.0);
    int adjustedY = (int)(centerY - pictureBox.Height / 2.0);

    // 确保控件不会超出窗体边界
    adjustedX = Math.Max(0, Math.Min(clientWindowWidth - pictureBox.Width, adjustedX));
    adjustedY = Math.Max(0, Math.Min(clientWindowHeight - pictureBox.Height, adjustedY));

    pictureBox.Location = new Point(adjustedX, adjustedY);
}

备选：基于左上角的归一化实现（贴近原有逻辑） #

如果更倾向保留左上角坐标的计算方式，可使用以下修改：

发送部分 #

private void SendPercentageCoordinates()
{
    int actualX = pictureBox.Location.X;
    int actualY = pictureBox.Location.Y;

    // 基于整个客户区尺寸计算相对比例
    double percentageX = (double)actualX / ClientSize.Width;
    double percentageY = (double)actualY / ClientSize.Height;

    string message = $"{pictureBoxId}|{percentageX}|{percentageY}";
    byte[] messageBytes = Encoding.ASCII.GetBytes(message);

    clientStream.Write(messageBytes, 0, messageBytes.Length);
}

更新部分 #

private void UpdatePictureBoxPosition(double percentageX, double percentageY)
{
    int clientWindowWidth = ClientSize.Width;
    int clientWindowHeight = ClientSize.Height;

    int adjustedX = (int)(percentageX * clientWindowWidth);
    int adjustedY = (int)(percentageY * clientWindowHeight);

    // 边界检查，避免控件超出窗体
    adjustedX = Math.Max(0, Math.Min(clientWindowWidth - pictureBox.Width, adjustedX));
    adjustedY = Math.Max(0, Math.Min(clientWindowHeight - pictureBox.Height, adjustedY));

    pictureBox.Location = new Point(adjustedX, adjustedY);
}

修改后，无论窗体尺寸如何变化，控件的相对位置（相对于窗体整体）都会保持一致，相邻控件也会始终保持紧邻状态——因为它们的位置比例是基于整个窗体计算的，缩放时会同步按比例调整。

内容的提问来源于stack exchange，提问作者CluelessWizard