TrackBar 滑块控件

TrackBar 滑块控件

TrackBar 是一个可以通过拖动滑块来在指定范围内选择数值的控件。

基本使用

设置好 Minimum 和 Maximum 后，用户拖动滑块即可选择一个范围内的值。配合 Label 实时显示当前数值。

private void trackBar1_ValueChanged(object sender, EventArgs e)
{
    this.label2.Text = trackBar1.Value.ToString();
}Code language: JavaScript (javascript)

常用属性

属性	说明
Value	当前滑块对应的数值
Minimum	最小值（默认 0）
Maximum	最大值（默认 10）
SmallChange	按方向键时数值增减量
LargeChange	点击滑块轨道时数值增减量
TickFrequency	刻度线间隔
TickStyle	刻度线显示位置
Orientation	方向（Horizontal 水平 / Vertical 垂直）

this.trackBar1.Minimum = 0;
this.trackBar1.Maximum = 100;
this.trackBar1.SmallChange = 1;
this.trackBar1.LargeChange = 10;
this.trackBar1.TickFrequency = 5;
this.trackBar1.Orientation = Orientation.Horizontal;
this.trackBar1.TickStyle = TickStyle.BottomRight;Code language: JavaScript (javascript)

TickStyle 刻度线位置

值	说明
BottomRight	刻度线在下方（水平）或右侧（垂直）
TopLeft	刻度线在上方（水平）或左侧（垂直）
Both	两侧都显示
None	不显示刻度线

常用事件

事件	说明
ValueChanged	数值改变时触发（拖动过程中持续触发）
Scroll	用户拖动滑块时触发

private void trackBar1_Scroll(object sender, EventArgs e)
{
    // 拖动过程中实时响应
    this.label2.Text = this.trackBar1.Value.ToString();
}Code language: JavaScript (javascript)

与 NumericUpDown 的对比

对比项	TrackBar	NumericUpDown
操作方式	拖动滑块	点击上下按钮或手动输入
直观性	直观看到相对位置	精确输入数值
适合场景	音量、亮度、透明度等	精确数值设置
推荐度	✅ 适合粗略调节	✅ 适合精确输入