c# - 使用 mouseEnter 事件缩放按钮

Question

这是我在这里的第一篇文章。首先，介绍一些背景知识，我是 C# 的新手，而且确实处于萌芽阶段。我是一名化学工程师，主要使用 MATLAB 和 Mathematica 等语言，但我一直喜欢编程，并决定学习 C# 为我一直使用的一些程序创建一些用户友好的界面。请注意，我使用的是 Windows 窗体而不是 WPF。

我想做的是有一个链接到各种表单的主菜单屏幕。现在让它看起来更好，我想做的是这个；当我将鼠标悬停在主窗口中的图片框(图片是一个按钮)上时，我希望按钮“长大”一点，然后当我离开时它应该“缩小”到其原始大小。到目前为止，我的方法是尝试在 mouseEnter 事件上加载此增长动画的 gif，然后在 mouseLeave 上加载收缩动画，但这只会一遍又一遍地循环相应的 gif。我怎样才能让 gif 只播放一次？

我尝试按顺序加载帧，它们之间也有一个线程休眠，但是当我这样做时我看到的只是我尝试加载的最后一张图像。这是用于此方法的代码示例，其中我尝试显示一张图像，然后在 0.1 秒后显示另一张图像

    private void pictureBox1_MouseEnter(object sender, EventArgs e)
    {
        pictureBox1.SizeMode = PictureBoxSizeMode.StretchImage;
        ((PictureBox)sender).Image =Image.FromFile("C:/Users/michael/Desktop/131.bmp");

        Thread.Sleep(100);
        ((PictureBox)sender).Image = Image.FromFile("C:/Users/michael/Desktop/131a.bmp");
    }

还有没有 gif 的方法可以做到这一点，例如使用 for 循环来增加按钮或图片框的大小？

编辑 1:我应该把计时器停在哪里，以便当我开始第二个动画时，第一个动画停止？

      private void pictureBox1_MouseEnter(object sender, EventArgs e)
       {
        pictureBox1.SizeMode = PictureBoxSizeMode.StretchImage;
        Timer timeraf = new Timer();
        timeraf.Interval = 10;
        timeraf.Tick += new EventHandler(timerAfwd_Tick);
        timeraf.Start();
     }

   private void pictureBox1_MouseLeave(object sender, EventArgs e)
    {

        pictureBox1.SizeMode = PictureBoxSizeMode.StretchImage;
        Timer timerab = new Timer();
        timerab.Interval = 10;
        timerab.Tick += new EventHandler(timerAbwd_Tick);
        timerab.Start();
    }

Answer 1

如果您让主线程休眠，我敢肯定它既会锁定用户输入，也会阻塞处理绘画的线程。所以你的图像不能绘制任何动画。尝试使用这样的计时器:

public partial class Animation : Form
{
    Image img1 = Properties.Resources.img1;
    Image img2 = Properties.Resources.img2;
    Image img3 = Properties.Resources.img3;

    List<Image> images = new List<Image>();
    Timer timer = new Timer();

    public Animation()
    {
        InitializeComponent();

        timer.Interval = 250;
        timer.Tick += new EventHandler(timer_Tick);

        images.Add(img1);
        images.Add(img2);
        images.Add(img3);

        animated_pbx.Image = img1;
    }

    private void timer_Tick(object sender, EventArgs e)
    {
        if (this.InvokeRequired)
        {
            this.BeginInvoke(new EventHandler(timer_Tick));
        }
        else
        {
            // Loop through the images unless we've reached the final one, in that case stop the timer
            Image currentImage = animated_pbx.Image;
            int currentIndex = images.IndexOf(currentImage);

            if (currentIndex < images.Count - 1)
            {
                currentIndex++;

                animated_pbx.Image = images[currentIndex];

                animated_pbx.Invalidate();
            }
            else
            {
                timer.Stop();
            }
        }
    }

    private void animated_pbx_MouseEnter(object sender, EventArgs e)
    {
        timer.Start();
    }

    private void animated_pbx_MouseLeave(object sender, EventArgs e)
    {
        timer.Stop();
        animated_pbx.Image = img1;
        animated_pbx.Invalidate();
    }
}

编辑:更改代码以在将鼠标悬停在 PictureBox 上时添加动画。当您悬停时，动画将停留在最后一帧。当鼠标离开时，它会重置到第一帧。您可以使用任意数量的帧。您还应该处理 MouseDown 和 MouseUp，并再创建 1 个图像来显示按下或“按下”状态。