如何在C# WinForm中实现带浮点值映射的隐藏网格点击功能？

实现思路 #

• 将PictureBox的垂直区域映射为0.0f（底部）到2.0f（顶部）的float范围
• 通过鼠标点击的Y坐标计算对应刻度值，中心位置对应1.0f，上方半中点对应1.5f
• 提供两种实现方案：区间精确匹配和比例四舍五入，可按需选择

方案1：比例四舍五入（灵活适配） #

通过坐标比例计算值，自动四舍五入到最近的0.5倍数，适配不同大小的PictureBox：

using System;
using System.Windows.Forms;

namespace GridPictureBoxDemo
{
    public partial class Form1 : Form
    {
        // 存储最终结果的变量
        private float GridFloat;

        public Form1()
        {
            InitializeComponent();
            // 初始化PictureBox属性（可在设计器中设置）
            pbGrid.Size = new System.Drawing.Size(200, 400);
            pbGrid.BackColor = System.Drawing.Color.LightGray;
            // 绑定鼠标点击事件
            pbGrid.MouseClick += PbGrid_MouseClick;
        }

        private void PbGrid_MouseClick(object sender, MouseEventArgs e)
        {
            var pictureBox = sender as PictureBox;
            if (pictureBox == null) return;

            int boxHeight = pictureBox.ClientSize.Height;
            int clickY = e.Y;

            // 反转Y轴：WinForms控件Y坐标从上到下递增，转换为顶部对应2.0f，底部对应0.0f
            float rawValue = (boxHeight - clickY) / (float)boxHeight * 2.0f;

            // 四舍五入到最近的0.5倍数，确保得到0.0、0.5、1.0、1.5、2.0这些值
            GridFloat = (float)Math.Round(rawValue * 2) / 2;

            // 调试输出（可替换为业务逻辑）
            MessageBox.Show($"GridFloat 值：{GridFloat}");
        }
    }
}

方案2：区间精确匹配（严格网格） #

如果需要严格划分区域，点击对应区间才返回固定值，可使用区间判断：

private void PbGrid_MouseClick(object sender, MouseEventArgs e)
{
    var pictureBox = sender as PictureBox;
    if (pictureBox == null) return;

    int boxHeight = pictureBox.ClientSize.Height;
    int clickY = e.Y;

    // 将高度划分为4个区间，每个区间对应0.5的刻度增量
    float interval = boxHeight / 4.0f;

    if (clickY >= boxHeight - interval)
    {
        GridFloat = 0.0f; // 底部区域
    }
    else if (clickY >= boxHeight - 2 * interval)
    {
        GridFloat = 0.5f; // 下中点区域
    }
    else if (clickY >= boxHeight - 3 * interval)
    {
        GridFloat = 1.0f; // 中心区域
    }
    else if (clickY >= boxHeight - 4 * interval)
    {
        GridFloat = 1.5f; // 上方半中点区域
    }
    else
    {
        GridFloat = 2.0f; // 顶部区域
    }

    MessageBox.Show($"GridFloat 值：{GridFloat}");
}

关键说明 #

• 使用MouseClick事件而非Click事件，因为前者能直接获取鼠标点击的坐标位置
• 反转Y轴是核心：WinForms控件的Y=0为顶部，通过boxHeight - clickY将顶部映射为最大高度值，再计算比例得到0.0f-2.0f的范围
• 若要隐藏网格，只需将PictureBox的BackColor设置为与窗体背景一致，或设置BackgroundImage覆盖即可

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