1、控件简介:

Slider滑块控件,也是VC中比较常用的一个控件。一般而言它是由一个滑动条,一个滑块和可选的刻度组成。用户可以通过移动滑块在相应的控件中显示对应的值。

通常,在滑动控件附近一定有静态文本框控件或编辑框控件,用于显示相应的值。

Android SeekBar滑块尺寸 滑块控件_滑块

 


接下来教大家如何使用这个控件!


2、控件的使用:

a、拖拽Slider滑块控件到对话框界面上,调整其大小!

b、给Slider控件绑定一个CSliderCtrl类型的控件类型变量 m_Slider;

c、Slider控件属性中的


Tick Marks 为是否显示刻度线

Auto Ticks 是否显示每个增量的刻度线

大家可以根据自己的需要来设定!


3、控件的相关操作:

a、设置滑动范围:m_Slider.SetRange(0, 100);

b、设置当前位置:m_Slider.SetPos(50);

c、获取当前位置:int pos = m_Slider.GetPos();

d、获取和设置按一下左或右箭头时滑块的移动量,默认为1个单位:

int ret = m_Slider.SetLineSize(1);
 ret = m_Slider.GetLineSize();

e、获取和设置当按下PgUp或PgDown时滑块的移动量:

ret = m_Slider.SetPageSize(10);
     ret = m_Slider.GetPageSize();

4、关联显示控件:
响应Slider控件的 NM_CUSTOMDRAW 事件,在其中获取Slider控件的滑块位置,之后设置到静态文本框上面:

int pos = m_Slider.GetPos();
     CString strText;
     strText.Format(_T("%d"), pos);
     SetDlgItemText(IDC_STATIC_SLIDER, strText);

5、Slider滑块控件的扩展与美化:

在codeproject上面找到了不少不错的Slider控件,给大家列出来,大家看看有没有需要的?


https://www.codeproject.com/Arti ... ol-and-Progress-Bar

Android SeekBar滑块尺寸 滑块控件_Android SeekBar滑块尺寸_02

 


https://www.codeproject.com/Arti ... slider-control-Mark

Android SeekBar滑块尺寸 滑块控件_Android SeekBar滑块尺寸_03

 


https://www.codeproject.com/Arti ... -RGBA-colour-picker

Android SeekBar滑块尺寸 滑块控件_控件_04

 


https://www.codeproject.com/Articles/421/Round-Slider-Control

Android SeekBar滑块尺寸 滑块控件_控件_05

 


https://www.codeproject.com/Arti ... kground-colors-to-i

Android SeekBar滑块尺寸 滑块控件_滑块_06

 


https://www.codeproject.com/Arti ... or-the-slider-contr

Android SeekBar滑块尺寸 滑块控件_Slider_07

 


https://www.codeproject.com/Arti ... ng-a-Range-or-Inter

Android SeekBar滑块尺寸 滑块控件_控件_08

 


https://www.codeproject.com/Articles/2689/Rotary-Fader

Android SeekBar滑块尺寸 滑块控件_VC_09

 


https://www.codeproject.com/Arti ... SliderCtrl-Using-Cu

Android SeekBar滑块尺寸 滑块控件_Slider_10

 


https://www.codeproject.com/Arti ... r-Control-Accepts-A

Android SeekBar滑块尺寸 滑块控件_VC_11

 


https://www.codeproject.com/Articles/3086/Gamma-correction-slider

Android SeekBar滑块尺寸 滑块控件_Slider_12

 


https://www.codeproject.com/Arti ... t-CSliderCtrl-Class

Android SeekBar滑块尺寸 滑块控件_Android SeekBar滑块尺寸_13

 


https://www.codeproject.com/Arti ... ased-slider-control

Android SeekBar滑块尺寸 滑块控件_控件_14

 


https://www.codeproject.com/Articles/5124/Knob-Slider-Control

Android SeekBar滑块尺寸 滑块控件_VC_15

 


https://www.codeproject.com/Arti ... like-Media-Player-s

Android SeekBar滑块尺寸 滑块控件_VC_16

 


具体操作细节见视频教程的演示和讲解!