脉冲按钮

下载VS2008 source and demo project - 34.4 KB

介绍

本文演示了如何使用。net 2.0和GDI+创建带有动态元素(pulse)的按钮。该控件利用了。net框架的Button类。

按钮状态

这里是不同的按钮状态:

鼠标移过的地方显示为白色(透明)边框，焦点显示为纯橙色。按下状态与默认状态相同，但没有反射。

图形

下面是显示的按钮的不同元素:

图像和文本属性都可以设置。按钮支持两种形状:圆形和矩形。矩形的形状可以有圆角。

体系结构

该控件由一个类PulseButton组成，它继承自System.Windows.Forms。按钮类:

使用的代码

要测试该按钮，只需下载演示项目并使用Visual Studio 2008构建它。
单击不同的PulseButtons，以便在属性网格中引用它们。

以下是对属性的简要描述:

ButtonColorBottom -中心底部的颜色	ButtonColorTop -中心顶部的颜色	角半径-当形状设置为矩形时角的半径	FocusColor -显示焦点的边框颜色	前院颜色-文本的颜色	Interval—定时器的时间间隔，默认为50 [ms](此属性不可浏览)	脉冲数-脉冲数，1 - 3可以得到最好的结果	脉冲色-脉冲的颜色	脉冲宽度——脉冲的宽度——应该小于控制宽度的一半	形状型——圆形或长方形	脉冲速度-脉冲的速度，值在0.1 - 2之间看起来没问题

代码

脉冲使用system . window . forms . timer来更新。渲染脉冲的例程是这样的:

隐藏,缩小,复制代码///
/// Handles the pulse timer tick.
///
/// The sender.
/// The
/// instance containing the event data.
private void PulseTimerTick(object sender, EventArgs e)
{
pulseTimer.Enabled = false;
InflatePulses();
Invalidate();
pulseTimer.Enabled = true;
}

///
/// Inflates the pulses.
///
private void InflatePulses()
{
for (var i = 0; i < pulses.Length; i++)
{
pulses[i].Inflate(PulseSpeed, PulseSpeed);
if (pulses[i].Width > Width || pulses[i].Height > Height ||
pulses[i].X < 0 || pulses[i].Y < 0)
pulses[i] = new RectangleF(pulseWidth, pulseWidth,
Width - 2 * pulseWidth, Height - 2 * pulseWidth);
pulseColors[i] = Color.FromArgb((int)(Math.Min(pulses[i].X * 255 /
pulseWidth, 255)), PulseColor);
}
}

脉冲被充气使用脉冲脉冲，当一个脉冲超过控制的范围，然后大小重置。当移动到控件的边缘时，脉冲颜色变得更加透明。

的兴趣点

常规的按钮控件所涵盖的内容远不止眼前所见，因此我们从它继承了很多东西。另一种可能是继承ButtonBase并实现IButtonControl，以避免获得您不需要的东西，但这会花费更多的精力。

历史

2009年10月10日:第一版control 1.0	2015年6月:在这里找到WPF版本:



					本文转载于：http://www.diyabc.com/frontweb/news14583.html