C#如何自绘滚动条控件
滚动条样式
普通情况 鼠标位于滑块上面 鼠标按下滑块
程序变量与函数层级图
垂直滚动条代码
不讲如何编写了 代码上面有注释 直接上代码片了
//自定义控件：垂直滚动条
//作者：Sunday若雪 时间：2016年12月1日
//控件介绍：无上下箭头 无右键菜单 滑道和滑块颜色可调 滑块大小可调
//SliderWidthPercent（滑块宽度与控件宽度的比例）：改变值为0-1之间的浮点数
//SliderHeight(滑块长度)： SliderHeight的最短长度也有限制 为了保证滑块显示美观 SliderHeight最短为Wdith（控件宽度）
//Wdith(控件宽度)：Wdith的设定的最小宽度为2 最大宽度为100 太大宽度也没什么用
//Height(控件长度)：注意 由于MaxValue固定值为100 当控件可滑动部分长度小于100像素时为了保证算法运行正常 Height（控件长度）会随着SliderHeight的增大而变大
/*使用注意事项：必须开启SetProcessDPIAware函数，防止UI自动放大*/
/*特别说明 由于调试的时候调试器时刻在监视程序运行 或者说是由调试器发送执行指令使程序运行 程序运行速度
* 会大幅度下降 导致控件重绘速度变慢 所以如果调试时滑动滑块发卡 那么程序脱离调试器一般就不会发卡了*/
using System;
using System.ComponentModel;
using System.Drawing;
using System.Windows.Forms;
namespace WindowsFormsApplication1
{
internal class SundayRXScrollBar : UserControl
{
//标志性变量*****************************************************************
//
protected bool MouseDownSliderFlag = false;//鼠标按下滑块标志
protected bool MouseOverSliderFlag = false;//鼠标在滑块上方标志
protected bool MouseDownOverSliderFlag = false;//鼠标按下滑块并在滑块上方移动标志
//小范围使用的全局变量*******************************************************
//
protected int DIstance;//鼠标按下的位置与滑块顶端的距离
protected int LastSliderPointY;//SliderPointY刷新之前的值 每次在刷新SliderPointY之前都要刷新该值
//大范围使用的全局变量********************************************************
//
/*必须注意这些大范围使用的全局变量之间的关联关系
* 任何一个该变量的组成变量的改动都要重新计算这个变量的值*/
protected int SliderPointX;//Width SliderWidthPercent_
protected int SliderPointY; //Value Heigth SliderHeight_
protected int SliderWidth; //Width SliderWidthPercent_
protected Point MouseDownPoint;
protected Point MousePoint;
//大范围使用的方法*******************************************************
//一些变量的值的更新方法
protected void GetSliderPointX()//作为更新SliderPointX的值的方法
{
if (SliderWidthPercent_ == 1)
{
SliderPointX = 0;
}
else
{
SliderPointX = (int)(Width * (1 - SliderWidthPercent_) / 2) + 1;
}
}
protected void GetSliderPointY()//作为更新SliderPointY的值的方法
{
if (MouseDownOverSliderFlag == false)//当使用鼠标拖动使得Value改变时不要用再用Value计算SliderPointY
{
LastSliderPointY = SliderPointY;
//计算出准确位置的浮点数
float WantSliberPointY = Value_ * ((float)(Height - SliderHeight_) / 100);
//取这个浮点数的左右整数
int WantSliberPointY_Up = (int)WantSliberPointY;
int WantSliberPointY_Down = WantSliberPointY_Up + 1;
//用这两个整数假设作为当前滑块位置Y坐标，分别进行反计算出Value
float WantSliberPointY_Up_FloatValue = WantSliberPointY_Up / ((float)(Height - SliderHeight_) / 100);
float WantSliberPointY_Down_FloatValue = WantSliberPointY_Down / ((float)(Height - SliderHeight_) / 100);
int WantSliberPointY_Up_IntValue = (int)WantSliberPointY_Up_FloatValue;
int WantSliberPointY_Down_IntValue = (int)WantSliberPointY_Down_FloatValue;
if (WantSliberPointY_Up_FloatValue > WantSliberPointY_Up_IntValue)
{
WantSliberPointY_Up_IntValue++;
}
if (WantSliberPointY_Down_FloatValue > WantSliberPointY_Down_IntValue)
{
WantSliberPointY_Down_IntValue++;
}
//判断两个假设Value值哪个是Value，给SliderPointY赋值
if (Value_ == WantSliberPointY_Up_IntValue)
{
SliderPointY = WantSliberPointY_Up;
}
else
{
SliderPointY = WantSliberPointY_Down;
}
}
}
protected void GetSliderWidth()//作为更新SliderWidth的值的方法
{
if (SliderWidthPercent_ == 1)//由于浮点数计算的误差 对于SliderWidthPercent=1的情况进行特殊处理
{
SliderWidth = Width;
}
else //普通情况的浮点数计算
{
SliderWidth = (int)(Width * SliderWidthPercent_) - 1;
}
}
protected void GetValue()//作为更新Value的值的方法
{
float SliderPointY_FloatValue = SliderPointY / ((float)(Height - SliderHeight_) / 100);
int SliderPointY_IntValue = (int)SliderPointY_FloatValue;
if (SliderPointY_FloatValue > SliderPointY_IntValue)
{
SliderPointY_IntValue++;
}
Value = SliderPointY_IntValue;
}
protected void GetMousePoint()//作为更新MousePoint的值的方法
{
MousePoint = PointToClient(Cursor.Position);
}
protected void GetMouseDownPoint()//作为更新MouseDownPoint的值的方法
{
MouseDownPoint = PointToClient(Cursor.Position);
}
//判断鼠标所在位置方法
protected bool IsMouseOverSlider()//判断鼠标是否在滑块上方
{
GetMousePoint();
if (MousePoint.Y >= SliderPointY && MousePoint.Y <= SliderPointY + SliderHeight_ && MousePoint.X >= SliderPointX && MousePoint.X <= SliderPointX + SliderWidth)
{
return true;
}
else
{
return false;
}
}
protected bool IsMouseOverBottom()//判断鼠标是否在滑道上
{
GetMousePoint();
if (MousePoint.Y < SliderPointY || MousePoint.Y > SliderPointY + SliderHeight_)
{
return true;
}
else
{
return false;
}
}
protected bool IsMouseOverControlEdge()//判断鼠标是否处于控件边缘部分
{
GetMousePoint();
if (MousePoint.X == 0 || MousePoint.X == Width - 1 || MousePoint.Y == 0 || MousePoint.Y == Height - 1)
{
return true;
}
else
{
return false;
}
}
//小范围使用的方法*************************************************************
//
protected void OnMouseOverSliderEvent()//鼠标在滑块上方悬浮时的事件
{
if (IsMouseOverSlider())
{
MouseOverSliderFlag = true;
}
else
{
MouseOverSliderFlag = false;
}
if (IsMouseOverControlEdge())
{
MouseOverSliderFlag = false;
}
Invalidate(new Region(new RectangleF(new Point(SliderPointX, SliderPointY), new Size(SliderWidth, SliderHeight_))));
}
//窗体设计器所添加或重写的变量******************************************************
//
/*设计器变量和内部变量使用规则：读数据使用内部变量（变量名带_的）
* 写数据使用设计器变量*/
/*直接给这些内部变量赋值相当于给了控件属性的初始值*/
protected Color BottomColor_ = Color.FromArgb(62, 62, 66);
protected double SliderWidthPercent_ = 0.5;
protected Color SliderColor_ = Color.FromArgb(104, 104, 104);
protected int SliderHeight_ = 100;
protected Color MouseDownSliderColor_ = Color.FromArgb(239, 235, 239);
protected Color MouseOverSliderColor_ = Color.FromArgb(158, 158, 158);
protected int Value_ = 0;
protected int SmallChange_ = 1;
/*让变量显示在设计器中 连接设计器变量和内部变量 更改这两个变量的任
* 何一个另一个都会被更改并触发Set中的代码 */
[EditorBrowsable(EditorBrowsableState.Always), Browsable(true), DefaultValue(false), Category("外观"), Description("滑道颜色")]
public Color BottomColor
{
set/*在内部变量被赋值之前设计器变量还没有被更改*/
{/*无论更改设计器变量 还是更改内部变量 都是先将要更改值的传递给value*/
//输入安全性效验代码 对value的值进行操作
BottomColor_ = value;//把value值赋给BottomColor_
//对组成变量含有该变量的关联变量进行值的更新
Invalidate(); //重绘控件
//处理与该变量相关的事件
}
get { return BottomColor_; }//把BottomColor_值赋给BottomColor
}
[EditorBrowsable(EditorBrowsableState.Always), Browsable(true), DefaultValue(false), Category("外观"), Description("滑块宽度相对于控件宽度的百分比 范围0-1")]
public double SliderWidthPercent
{
set
{
if (value > 1)
{
SliderWidthPercent_ = 1;
}
else if (value < 0)
{
SliderWidthPercent_ = 0;
}
else
{
SliderWidthPercent_ = value;
}
//处理关联变量SliderPointX
GetSliderPointX();
//处理关联变量SliderWidth
GetSliderWidth();
Invalidate();
}
get { return SliderWidthPercent_; }
}
[EditorBrowsable(EditorBrowsableState.Always), Browsable(true), DefaultValue(false), Category("外观"), Description("滑块的颜色")]
public Color SliderColor
{
set
{
SliderColor_ = value;
Invalidate();
}
get { return SliderColor_; }
}
[EditorBrowsable(EditorBrowsableState.Always), Browsable(true), DefaultValue(false), Category("外观"), Description("当指针按下滑块时滑块的颜色")]
public Color MouseDownSliderColor
{
set
{
MouseDownSliderColor_ = value;
Invalidate();
}
get { return MouseDownSliderColor_; }
}
[EditorBrowsable(EditorBrowsableState.Always), Browsable(true), DefaultValue(false), Category("外观"), Description("当指针悬浮于滑块上时滑块的颜色")]
public Color MouseOverSliderColor
{
set
{
MouseOverSliderColor_ = value;
Invalidate();
}
get { return MouseOverSliderColor_; }
}
[EditorBrowsable(EditorBrowsableState.Always), Browsable(true), DefaultValue(false), Category("行为"), Description("滚动条当前值 范围0-100")]
public int Value
{
set
{
// 传入值合法性效验
if (value > 100)
{
value = 100;
}
else if (value < 0)
{
value = 0;
}
//赋值
Value_ = value;
//处理关联变量SliderPointY
GetSliderPointY();
//重绘控件
/*重绘控件必须要注意重绘控件所需的时间 只重绘改变的区域 不改变的不重绘*/
if (SliderPointY - LastSliderPointY > 0)
{
Invalidate(new Region(new RectangleF(new Point(SliderPointX, LastSliderPointY), new Size(SliderWidth, SliderPointY + SliderHeight_ - LastSliderPointY + 2))));
}
else if (SliderPointY - LastSliderPointY < 0)
{
//由于存在向上滑动时滑块的上半圆会先消失一次的BUG 所以我改成了从顶部 到上一次滑块底边位置全部重画 如果发生卡顿 请更改绘制区域 减小重绘时间
Invalidate(new Region(new RectangleF(new Point(SliderPointX, 0), new Size(SliderWidth, LastSliderPointY + SliderHeight_))));
}
//处理事件ValueChanged
ValueChanged?.Invoke(this, new EventArgs());
//处理事件Scroll
base.OnScroll(new ScrollEventArgs(ScrollEventType.ThumbPosition, Value_));
}
get { return Value_; }
}
[EditorBrowsable(EditorBrowsableState.Always), Browsable(true), DefaultValue(false), Category("外观"), Description("滚动条长度 ")]
public int SliderHeight
{
set
{
// 输入合法性效验
if (value <= Width)
{
value = Width;
}
if (Height - value < 100)
{
Height = value + 100;
}
SliderHeight_ = value;
//处理关联变量SliderPointY
GetSliderPointY();
Invalidate();
}
get { return SliderHeight_; }
}
[EditorBrowsable(EditorBrowsableState.Always), Browsable(true), DefaultValue(false), Category("行为"), Description("滑轮滚动时的Value的改变值 ")]
public int SmallChange
{
set
{
if (value < 0)
{
value = SmallChange;
}
SmallChange_ = value;
}
get
{
return SmallChange_;
}
}
//窗体设计器所废除的变量******************************************************
//
/*重写继承类中的变量或函数要用override关键字 并且这个变量或函数应当允许被重写*/
/*设置Browsable(false) 设计器中将不再显示该变量 由于重写了变量改变时所运行的代码
* 与该变量任何相关的事件都将消失*/
[EditorBrowsable(EditorBrowsableState.Always), Browsable(false)]
public override bool AutoScroll { set; get; }
[EditorBrowsable(EditorBrowsableState.Always), Browsable(false)]
public override bool AutoSize { set; get; }
[EditorBrowsable(EditorBrowsableState.Always), Browsable(false)]
public override Size MaximumSize { set; get; }
[EditorBrowsable(EditorBrowsableState.Always), Browsable(false)]
public override Size MinimumSize { set; get; }
[EditorBrowsable(EditorBrowsableState.Always), Browsable(false)]
public override Color BackColor { set; get; }
[EditorBrowsable(EditorBrowsableState.Always), Browsable(false)]
public override Font Font { get { return new Font("微软雅黑", 1); } }//这里好像必须要给个返回值 否则会提示该控件没有实例化
[EditorBrowsable(EditorBrowsableState.Always), Browsable(false)]
public override Color ForeColor { set; get; }
//窗体设计器所添加或重写的事件*******************************
//
[EditorBrowsable(EditorBrowsableState.Always), Browsable(true), DefaultValue(false), Category("操作"), Description("当Value值改变时发生")]
public event EventHandler ValueChanged = null;
public SundayRXScrollBar()
{
SetStyle(ControlStyles.ResizeRedraw, true);//当控件大小改变时自动重绘
SetStyle(ControlStyles.UserPaint | ControlStyles.AllPaintingInWmPaint | ControlStyles.DoubleBuffer, true);//开启双缓冲 防止重绘发生的闪烁
this.Size = new System.Drawing.Size(21, 150);//这个大小设置是为了能够在工具箱添加控件的时候让控件重绘一次 显示正确
}
protected override void OnSizeChanged(EventArgs e)
{
if (Size.Height - SliderHeight_ < 100)//要求滑块可滑动部分像素长度不得小于100
{
Height = SliderHeight_ + 100;
}
if (Size.Width > 100)//限制最大宽度为100
{
Width = 100;
}
if (Size.Width < 2)//限制最小宽度为2
{
Width = 2;
}
//处理关联变量SliderPointY
GetSliderPointY();
//处理关联变量SliderWidth
GetSliderWidth();
//处理关联变量SliderPointX
GetSliderPointX();
base.OnSizeChanged(e);
}
protected override void OnPaint(PaintEventArgs e)
{
//设置绘制质量为最低 为了保证滑块在滑动时显示流畅
e.Graphics.InterpolationMode = System.Drawing.Drawing2D.InterpolationMode.Default;
//绘制底色 * *****************************************************************************
SolidBrush Bottom_SolidBrush = new SolidBrush(BottomColor_);
Rectangle Bottom_Rc = new Rectangle(0, 0, Width, Height);
e.Graphics.FillRectangle(Bottom_SolidBrush, Bottom_Rc);
Bottom_SolidBrush.Dispose();
//绘制滑块******************************************************************************
SolidBrush Slider_SolidBrush = new SolidBrush(SliderColor_);
if (MouseDownSliderFlag)//选择画笔颜色时被按下的优先级比悬浮于上的优先级高
{
Slider_SolidBrush = new SolidBrush(MouseDownSliderColor_);
}
else
{
if (MouseOverSliderFlag)
{
Slider_SolidBrush = new SolidBrush(MouseOverSliderColor_);
}
}
//绘制滑块的上半圆部分
Rectangle Slider_Rc = new Rectangle(SliderPointX - 1, SliderPointY - 1, SliderWidth + 1, SliderWidth + 1);
e.Graphics.FillPie(Slider_SolidBrush, Slider_Rc, 0, -180);
//绘制滑块的矩形长条部分
e.Graphics.FillRectangle(Slider_SolidBrush, SliderPointX, SliderPointY + (float)SliderWidth / 2 - 1, SliderWidth, SliderHeight_ - SliderWidth + 1);
//绘制滑块的下半圆部分
Slider_Rc = new Rectangle(SliderPointX - 1, SliderPointY + SliderHeight_ - SliderWidth - 1, SliderWidth + 1, SliderWidth + 1);
e.Graphics.FillPie(Slider_SolidBrush, Slider_Rc, 0, 179);
//释放画笔资源
Slider_SolidBrush.Dispose();
}
protected override void OnMouseDown(MouseEventArgs e)
{
if (e.Button == MouseButtons.Left)
{
GetMouseDownPoint();//取得相对于控件的鼠标按下位置
//判断是否单击在了滑块上（具体看滚动条的形状与大小务必自行更改代码适应）
if (IsMouseOverSlider())
{
DIstance = MouseDownPoint.Y - SliderPointY;//得到鼠标按下是与滑块顶部的距离
MouseDownSliderFlag = true;//滑块被按下标志使能
//更改滑块颜色为高亮 重绘控件
Invalidate(new Region(new RectangleF(new Point(SliderPointX, SliderPointY), new Size(SliderWidth, SliderHeight_))));
}
//判断是否单击在了滑道上
else if (IsMouseOverBottom())
{
GetMouseDownPoint();
int WantSliderPointY = MouseDownPoint.Y - SliderHeight_ / 2;
if (WantSliderPointY < 0)
{
WantSliderPointY = 0;
}
else if (WantSliderPointY + SliderHeight_ - SliderHeight_ / 2 > Height)
{
WantSliderPointY = Height - (SliderHeight_ - SliderHeight_ / 2);
}
LastSliderPointY = SliderPointY;
SliderPointY = WantSliderPointY;
GetValue();
Invalidate();//再刷一下 不然不会变
}
}
//判断是否单击在了向下箭头上
base.OnMouseDown(e);
}
protected override void OnMouseMove(MouseEventArgs e)
{
if (MouseDownSliderFlag)
{
MouseDownOverSliderFlag = true;
GetMousePoint();
LastSliderPointY = SliderPointY;
SliderPointY = MousePoint.Y - DIstance;
if (SliderPointY < 0)
{
SliderPointY = 0;
}
else if (SliderPointY > Height - SliderHeight_)
{
SliderPointY = Height - SliderHeight_;
}
//处理关联变量Vlaue
GetValue();
//关闭鼠标按下并移动标志
MouseDownOverSliderFlag = false;
}
else
{
OnMouseOverSliderEvent();
}
base.OnMouseMove(e);
}
protected override void OnMouseUp(MouseEventArgs e)
{
if (MouseDownSliderFlag)
{
MouseDownSliderFlag = false;
MouseDownOverSliderFlag = false;
}
Invalidate(new Region(new RectangleF(new Point(SliderPointX, SliderPointY), new Size(SliderWidth, SliderHeight_))));
base.OnMouseUp(e);
}
protected override void OnMouseWheel(MouseEventArgs e)
{
//计算Value值
if (e.Delta > 0)
{
if (Value - SmallChange_ < 0)
{
Value = 0;
}
else
{
Value = Value - SmallChange_;
}
}
else
{
if (Value + SmallChange_ > 100)
{
Value = 100;
}
else
{
Value = Value + SmallChange_;
}
}
//处理当鼠标位于滑块上时的事件
OnMouseOverSliderEvent();
}
}
}
扫一扫
468
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
