使用带有透明颜色区域的图像按钮

本文关键字：区域 图像 按钮 颜色 透明 | 更新日期: 2023-09-27 17:51:19

我有一张透明正常颜色的PNG图片。

我使用这个按钮:

this.Button1.BackColor = System.Drawing.Color.Transparent;
this.Button1.BackgroundImage = Image;
this.Button1.BackgroundImageLayout = System.Windows.Forms.ImageLayout.None;
this.Button1.FlatAppearance.BorderSize = 0;
this.Button1.FlatAppearance.MouseDownBackColor = System.Drawing.Color.Transparent;
this.Button1.FlatAppearance.MouseOverBackColor = System.Drawing.Color.Transparent;
this.Button1.FlatStyle = System.Windows.Forms.FlatStyle.Flat;
this.Button1.Location = new System.Drawing.Point(0, 0);
this.Button1.Margin = new System.Windows.Forms.Padding(0);
this.Button1.Name = "Skin";
this.Button1.Size = new System.Drawing.Size(294, 194);
this.Button1.TabIndex = 7;
this.Button1.UseVisualStyleBackColor = false;

当我点击透明区域时，它仍然算作点击按钮。

如何使此按钮仅在单击彩色区域时调用click事件?

当我点击透明区域时，我想把它算作点击按钮后面的对象

使用带有透明颜色区域的图像按钮

您有两个选择:

  • 用Button代替Region

  • 使用Button和BackgroundImage并检查用户击中每个Click

选项一是可行的，如果你可以创建一个Region，它接受一个GraphicsPath，这意味着你需要创建形状你需要从Graphics原语，如直线和曲线等。

如果你只有一个Bitmap与透明度，你最好不要使用Button与Region。

相反，你可以使用Button1，并在每次点击时检查点击像素的透明度。

如果它是透明的，则调用它下面控件的click事件。

private void Button1_MouseClick(object sender, MouseEventArgs e)
{
    Size r = Button1.BackgroundImage.Size;
    // check that we have hit the image and hit a non-transparent pixel
    if ((e.X < r.Width && e.Y < r.Height) &&
            ((Bitmap)Button1.BackgroundImage).GetPixel(e.X, e.Y).A != 0)
    {
        Console.WriteLine("BUTTON clicked");  // test
        // do or call your click actions here!
    }
    // else pass the click on..
    else
    {
        // create a valid MouseEventArgs
        MouseEventArgs ee = new MouseEventArgs(e.Button, e.Clicks, 
                                e.X + Button1.Left, e.Y + Button1.Top, e.Delta);
        // pass it on to the stuff below us
        pictureBox1_MouseClick(pictureBox1, ee);
        Console.WriteLine("BUTTON NOT clicked");  // test
    }
}

注意，检查假设您有一个正常的布局，按钮图像在左上角，没有缩放。如果你需要缩放图像，你应该保留一个缩放的位图来进行检查。但如果你可以使用非缩放图像，你应该这样做，因为这会看起来更好。

请注意我是如何为下面的控件创建正确的MouseEventArgs参数的，这样您就可以访问按钮或鼠标的位置了。

还请注意，使用MouseClick事件比使用Click事件更容易，因为它已经具有鼠标位置。

如果你需要/想要使用Click事件，你可以跳过创建EventArgs，因为它没有有意义的数据;只需从点击中传递e .

下面是Click事件的启动方式:

private void Button1_Click(object sender, EventArgs e)
{
    // we need the location of the clicked pixel:
    Point clickLocation = Button1.PointToClient(Control.MousePosition);
    // the rest can proceed as above, just with simple EventArgs..

如果你想检查所有的鼠标点击事件，并将它们中的每一个传递给父节点，你必须对它们全部进行编码。

首先让我们看一下MSDN

上的事件顺序
  1. MouseDown事件。
  2. 单击事件。
  3. MouseClick
  4. MouseUp事件。

所以我们需要从MouseDown开始。我们可以在辅助函数hitTest中进行测试，因此我们可以重用它..:

Button clickedButton = null;
MouseEventArgs ee = null;
void hitTest(Button btn, MouseEventArgs e)
{
    Size r = btn.BackgroundImage.Size;
    // check that we have hit the image and hit a non-transparent pixel
    if ((e.X < r.Width && e.Y < r.Height) &&
            ((Bitmap)btn.BackgroundImage).GetPixel(e.X, e.Y).A != 0)
    {
        clickedButton = btn;
        ee = new MouseEventArgs(e.Button, e.Clicks, e.X + btn.Left, e.Y + btn.Top, e.Delta);
    }
    else clickedButton = null;
}

现在我们对所有四个事件进行编码。我们只需要调用hitTest一次，并在Click事件中传递简单的、未修改的e参数:

private void Button1_MouseDown(object sender, MouseEventArgs e)
{
    hitTest(sender as Button, e);
    if (sender != clickedButton)
        yourParent_MouseDown((sender as Button).Parent, ee);
    else // do your stuff
}
private void Button1_Click(object sender, EventArgs e)
{
    if (sender != clickedButton)
        yourParent_Click((sender as Button).Parent, e);
    else // do your stuff
}
private void Button1_MouseClick(object sender, MouseEventArgs e)
{
    if (sender != clickedButton)
        yourParent_MouseClick((sender as Button).Parent, ee);
    else // do your stuff
}
private void Button1_MouseUp(object sender, MouseEventArgs e)
{
    if (sender != clickedButton)
        yourParent_MouseUp((sender as Button).Parent, ee);
    else // do your stuff
}

当然你还需要为yourParent编写所有四个事件的代码…

相关文章：