Click here to Skip to main content
11,481,838 members (65,409 online)
Click here to Skip to main content

A smart edit and linked slider control

, 2 Feb 2000 115.8K 2.3K 24
Rate this:
Please Sign up or sign in to vote.
An edit control for entering text, numbers, hexadecimal or floating point values, and which can be linked to a slider control
  • Download demo project - 23 Kb
  • Download source files - 6 Kb
  • Sample Image - smartedit.jpg

    <!-- Article Starts -->

    The code included here implements what I call a Smart Edit control.  This began life in a sample from the MSDN called CTRLTEST.  This control was originally called CParsedEdit and it allows one to specify types of allowable characters that can be entered into an edit box.  I have changed its name to CSmartEdit and added more functionality to it.  It now supports more character types including numbers, characters, hexadecimal, floating point (with exponents), underscores, and negative signs.  The biggest enhancement in functionality is that one can associate or link an edit box with a slider to provide what I call coordinated updates.  This means that if you drag the slider around you will see a corresponding change in the number displayed in the edit box and vice-versa.  I call the derived slider control class CLinkSlider.

    As an added bonus, I have included some bitmapped button images that came with the original sample and some that I drew myself.  The bitmaps I drew are for the disabled states of ok and cancel and for all four states of the apply and help buttons.  The four button states are up, down, focused, and disabled.  The names of bitmaps end in U, D, F, and X for the four states.

    It is very easy to use the CSmartEdit control.  These are the steps :

    • Declare a member variable of type CSmartEdit in the AFX_DATA section of the dialog.
    • Add a DDX_Control statement in the AFX_DATA_MAP to associate the resource to the member.
    • In OnInitDialog set the type of the control with SetParseType.

    As you probably know, the class wizard can do the first two steps for you.  Note that the resource style of the edit box does NOT have to be anything special.

    It is also very easy to use the CLinkSlider control.  These are the steps :

    • Add a CSmartEdit control as in steps 1 and 2 above.
    • Add a CLinkSlider control similar to steps 1 and 2 above.
    • In OnInitDialog link the slider and edit box by calling SetSlideLink and pass the resource id of the slider.
    • Also in OnInitDialog, set the minimum and maximum values and the number of ticks for the slider with SetParams  There are two versions of this function, one for integers and one for floating point doubles.  The floating point version also takes a format string that specifies how the value will be displayed.

    Here is a code snippet that illustrates using a smart edit box and two linked slider-edit boxes, one integer and one floating point.

    // Dialog Data in dialog class declaration
    
    //{{AFX_DATA(CTestSlidersDlg)
    enum { IDD = IDD_SLIDE_DLG };
    CSmartEdit	m_Edit1;
    CSmartEdit	m_Edit2;
    CSmartEdit	m_Edit3;
    CLinkSlider	m_Slider1;
    CLinkSlider	m_Slider2;
    //}}AFX_DATA
    
    ...
    
    // in dialog's DoDataExchange function
    
    CDialog::DoDataExchange(pDX);
    //{{AFX_DATA_MAP(CTestSlidersDlg)
    DDX_Control(pDX, IDC_EDIT1, m_Edit1);
    DDX_Control(pDX, IDC_EDIT2, m_Edit2);
    DDX_Control(pDX, IDC_EDIT3, m_Edit3);
    DDX_Control(pDX, IDC_SLIDER1, m_Slider1);
    DDX_Control(pDX, IDC_SLIDER2, m_Slider2);
    //}}AFX_DATA_MAP
    
    ...
    
    // in dialog's OnInitDialog function
    
    CDialog::OnInitDialog();
    	
    // setup first slider-edit box - integer
    
    m_Edit1.SetSlideLink( this, IDC_SLIDER1 );
    m_Edit1.SetParams( -100, 100, 10 );
    m_Edit1.SetValue( 0 );
    
    // setup second slider-edit box - floating point
    
    m_Edit2.SetSlideLink( this, IDC_SLIDER2 );
    m_Edit2.SetParams( 0.0, 10.0, 10, "%6.3f" );
    m_Edit2.SetValue( 2.0 );
    
    // setup third edit box - it is not linked and accepts only letters
    
    m_Edit3.SetParseType( SES_LETTERS );
    

    Lastly, I will briefly describe how to use the bitmapped buttons.

    • Define a button resource in the dialog that has Owner Draw style enabled.
    • Declare a variable in the dialog of type CBitmapButton.
    • In OnInitDialog call Button.AutoLoad( ButtonId, this )

    That's all there is to it.  The one gotcha to using AutoLoad is that the text of the button must match the name of the bitmap.  This means that for the cancel button, its text MUST be Cancel and for the apply button, its text MUST be Apply.  Note that case does not matter for the text of the button.  See the documentation on CBitmapButton for more details.

    A note about Unicode: first of all, I have attempted to make this compatable with Unicode but I have not tested it with a MBCS.  The principle area where it matters use Unicode-compatable functions for checking each character entered into the edit box.  Please let me know of any problems encountered (and successes Smile | :)

    The demo project is a dialog app having four dialogs.  One is the choser dialog and the others are for testing just the edit boxes, just the buttons, and one that shows all of the controls together as depicted in the image.

    License

    This article has no explicit license attached to it but may contain usage terms in the article text or the download files themselves. If in doubt please contact the author via the discussion board below.

    A list of licenses authors might use can be found here

    Share

    About the Author

    Rick York
    Software Developer (Senior)
    United States United States
    No Biography provided

    Comments and Discussions

     
    QuestionSlider moves back to last position!?!? Pin
    KO080928-Aug-06 9:21
    memberKO080928-Aug-06 9:21 
    GeneralError Pin
    Dansveen25-Jan-06 7:44
    memberDansveen25-Jan-06 7:44 
    GeneralUNICODE Pin
    collingwoody6-Oct-04 4:09
    membercollingwoody6-Oct-04 4:09 
    QuestionCSmartEdit inactivity? Pin
    gerd keller21-Sep-04 1:38
    membergerd keller21-Sep-04 1:38 
    GeneralInsert CSmartEdit/CLinkedSlider into Class Wizard Pin
    Gerd Keller8-Sep-04 1:52
    memberGerd Keller8-Sep-04 1:52 
    GeneralRe: Insert CSmartEdit/CLinkedSlider into Class Wizard Pin
    gerd keller21-Sep-04 1:20
    membergerd keller21-Sep-04 1:20 
    GeneralCLinkSlider : a small improvement Pin
    Anonymous29-Jul-04 5:04
    sussAnonymous29-Jul-04 5:04 
    GeneralGreat but little bug Pin
    cedric moonen27-May-03 22:42
    membercedric moonen27-May-03 22:42 
    GeneralGreat Tool! Miss two things! Pin
    Diego A. Castaño18-May-02 4:44
    memberDiego A. Castaño18-May-02 4:44 
    GeneralGreat Slider/Edit Controls Pin
    Mel30-Mar-02 11:37
    memberMel30-Mar-02 11:37 
    GeneralRe: Great Slider/Edit Controls Pin
    Mel30-Mar-02 11:55
    memberMel30-Mar-02 11:55 
    GeneralRe: Great Slider/Edit Controls Pin
    Rick York30-Mar-02 12:06
    memberRick York30-Mar-02 12:06 
    GeneralRe: Great Slider/Edit Controls Pin
    Rick York30-Mar-02 12:05
    memberRick York30-Mar-02 12:05 
    GeneralSlider control only Pin
    Ericandice1-Feb-02 15:49
    memberEricandice1-Feb-02 15:49 
    GeneralRe: Slider control only Pin
    Rick York1-Feb-02 18:56
    memberRick York1-Feb-02 18:56 
    Generalvery nice work Pin
    Anonymous10-Sep-01 13:30
    memberAnonymous10-Sep-01 13:30 
    GeneralOutput of edit boxes. Pin
    john kappas10-May-01 23:22
    memberjohn kappas10-May-01 23:22 
    GeneralComplements Pin
    Salim Khan (India)29-May-00 7:24
    sussSalim Khan (India)29-May-00 7:24 
    GeneralComplements Pin
    Salim Khan (India)29-May-00 7:24
    sussSalim Khan (India)29-May-00 7:24 

    General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Rant Rant    Admin Admin   

    Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

    | Advertise | Privacy | Terms of Use | Mobile
    Web03 | 2.8.150520.1 | Last Updated 3 Feb 2000
    Article Copyright 2000 by Rick York
    Everything else Copyright © CodeProject, 1999-2015
    Layout: fixed | fluid