利用C#实现超酷动态图像按钮-技术开发专区

利用C#实现超酷动态图像按钮

作者：IT168 窦瑞欣编辑：胡铭娅 2008-08-11 11:23 来源：ITPUB.n

然后就是对图像大小渐变的控制了，如下图所示：

a、b、c和d四个矩形代表不同大小的4个帧，a帧是装载图像时的默认大小，就是bmp[0]的图像，也是4帧中最大的一帧，width=75和height=72是我们示例程序控件的大小，网友可以随意对长宽进行重新设定。这两个数值是基础，bmp[0]的图像会完全填充到这个区域内，在这个给定的长和宽的基础上我们计算出b、c和d三帧的图像大小和位置。然后创建一个计数器，当鼠标Enter或者Leave我们创建的这个DynamicImageButton时对图像的透明度和大小的渐变进行控制。相关代码如下：

private void timer1_Tick(object sender, EventArgs e)
{
if (mp == enumMousePosition.Enter)
{
if ((curx <= 0) || (cury <= 0) || (Width == curwidth) || (Height == curheight))
{
return;
}
g2 = Graphics.FromImage(dblbuffer);
g2.Clear(this.BackColor);
//g2.Clear(Color.White);
if (curx >= itvwidth-2)
{
g2.DrawImage(bmp[3], curx - 1, cury - 1, curwidth + 2, curheight + 2);
}
else if ((curx>= itvwidth / 3 * 2) && (curx < itvwidth))
{
g2.DrawImage(bmp[2], curx - 1, cury - 1, curwidth + 2, curheight + 2);
}
else if ((curx >= itvwidth / 3) && (curx <= itvwidth / 3 * 2))
{
g2.DrawImage(bmp[1], curx - 1, cury - 1, curwidth + 2, curheight + 2);
}
else if ((curx >= 0) && (curx <= itvwidth / 3))
{
g2.DrawImage(bmp[0], curx - 1, cury - 1, curwidth + 2, curheight + 2);
}
g.DrawImageUnscaled(dblbuffer, 0, 0);
curx--;
cury--;
curwidth = curwidth + 2;
curheight = curheight + 2;
if ((curx <= 0) || (cury <= 0) || (Width == curwidth) || (Height == curheight))
{
timer1.Stop();
}
}
else if (mp == enumMousePosition.Leave)
{
if ((curx >= (int)((double)Width) / 6) ||
(cury >= (int)((double)Height) / 6) ||
(curwidth <= (int)((double)Width) / 3 * 2) ||
(curheight == (int)((double)Height) / 3 * 2))
{
return;
}
g2 = Graphics.FromImage(dblbuffer);
g2.Clear(this.BackColor);
//g2.Clear(Color.White);
if (curx >= itvwidth-2)
{
g2.DrawImage(bmp[3], curx - 1, cury - 1, curwidth + 2, curheight + 2);
}
else if ((curx >= itvwidth / 3 * 2) && (curx < itvwidth))
{
g2.DrawImage(bmp[2], curx - 1, cury - 1, curwidth + 2, curheight + 2);
}
else if ((curx >= itvwidth / 3) && (curx <= itvwidth / 3 * 2))
{
g2.DrawImage(bmp[1], curx - 1, cury - 1, curwidth + 2, curheight + 2);
}
else if ((curx >= 0) && (curx <= itvwidth / 3))
{
g2.DrawImage(bmp[0], curx - 1, cury - 1, curwidth + 2, curheight + 2);
}
g.DrawImageUnscaled(dblbuffer, 0, 0);
curx++;
cury++;
curwidth = curwidth - 2;
curheight = curheight - 2;
if ((curx >= (int)((double)Width) / 6) ||
(cury >= (int)((double)Height) / 6) ||
(curwidth <= (int)((double)Width) / 3 * 2) ||
(curheight == (int)((double)Height) / 3 * 2))
{
timer1.Stop();
}
}

}

至此，一个超酷的动态图像按钮就制作完毕了，该程序在Windows XP SP3 +VS2005 C# SP1环境下编译调试通过。

代码包下载

第1页：利用C#实现超酷动态图像按钮第2页：动态图像按钮

关注我们