公开培训二次开发introduction to hwtk

1、March 2016 GUI designControlsGeneralCommand buttonsTooltipsProgress barsPromptsNotificationsLayoutControl sizes.Layout balance.Layout resize.Keyboard shortcutsMouse actionsDialog boxesError messagesConfirmationsIconsHelpWhat is HWTK (Hyper Works Tool Kit)HWTK is our new Tk toolkitCovers commonly use

2、d widgetsEmbedded GUI standardsWith modern look and feelSimple Tk like syntaxTwiki: Documentation (Perforce and Twiki)Unit testsAdvantagesOO code base with Tk syntaxStyles and themesConsistent widgets ( arguments & behavior )Auto-tooltip simply provide the string to showValidationNational Language S

3、upport (NLS)Embedded GUI standardsF1 - Launches helpDnD (where applicable)Easy to enhance and maintainDerive or create your own widgets if needed%-char substitutions for callbacksMeaningful error messages (stack trace)HWTK Base Widgets - Object DiagramButton Checkbutton Choosedirentry Combobox Entry

4、 Frame Label Labelframe Menu Notebook Openfileentry Pane Progressbar Radiobutton Savefileentry Scale Searchentry Separator Sizegrip Spinbox Splitframe Statebutton ToolbuttonHWTK Dialogs - Object DiagramDialogWindowWizardInputdialogHWTK toolbuttonHWTK openfileentryHWTK savefileentryHWTK comboboxHWTK

5、Entry:hwtk:dialog .d -title :hwtk:entryset f .d recesshwtk:label $f.l1 -text Stringhwtk:entry $f.e1 -help String entrypack $f.l1 $f.e1 -side left .d postHWTK Checkbutton:hwtk:dialog .d -title :hwtk:checkbuttonset f .d recessset state_wipers 1;set state_brakes 1;set state_driver 1;hwtk:checkbutton $f

6、.ck1 -text Wipers OK -help Select safety item - wipers -variable state_wipers;hwtk:checkbutton $f.ck2 -text Brakes OK -help Select safety item - brakes -variable state_brakes;hwtk:checkbutton $f.ck3 -text Driver sober -help Select safety item - driver state -variable state_driver;grid $f.ck1 -sticky

7、 wgrid $f.ck2 -sticky wgrid $f.ck3 -sticky w.d postHWTK radiobutton:hwtk:dialog .d -title :hwtk:radiobuttonset recess .d recess;set fontsize 12hwtk:radiobutton $recess.rb1 -text Point Size 10 -variable fontsize -value 10;hwtk:radiobutton $recess.rb2 -text Point Size 12 -variable fontsize -value 12;h

8、wtk:radiobutton $recess.rb3 -text Point Size 14 -variable fontsize -value 14;pack $recess.rb1 $recess.rb2 $recess.rb3;.d post;HWTK SelectList (Itcl)setwhwtk:dialog.dialog-titleselectlistdemo$whideapply;setrecess$wrecesshwtk:selectlist$recess.sl-stripes1-selectmodemultiple mandpack$recess.sl-fillboth

9、-expandtrue;$recess.slcolumnaddentities-textEntities$recess.slcolumnaddid-textId$recess.slcolumnaddcolor-imagepalette-16.png$recess.slcolumnaddthickness-textThicknessforseti0$i10incrisetclrexprint(rand()*64)$recess.slrowaddrow$i-valueslistentitiescomp$clrid$icolorexpr$clr?$clr:1thickness$i.$i$i$wpos

10、thwt:Table:Create set tbl :hwt:Table:Create $listboxFrame $columnDescriptionList -titleList $titleList -dataListVar $ns:dataList -callbackFunctionList list $ns:ToggleCheckInState %f %r %c %si %dl $ns:CreateButton %f %r %c %dl %sc $ns:OnEditCallBackFunc %d %c %r $listboxFrame $ns boBoxCallBack %f %r

11、%c %dl %sc $ns boBoxPropertyCallBack %f %r %c %dl %sc -selectmode extended -columnwidth 50 50 150 -invalidchar a boboxlist $ns boBoxList -invalidcharcallback $ns:OnInvalidChar %f %r %c %sc mand $ns:OnSelChange; set data0 lindex $preFix 0_$preIndex :hwt:Table:AddRow $tbl end $datahwtk:tablehwtk:menuM

12、enu:hwtk:treectrlHWTK DNDNotebookModern appearanceEasy to identify the active tabImage and/or text on TabOptional close button on tabsOptional DnD of tabsEnable/disable tabs.Examples (Buttonbox)PerformanceHWTK TestsTest e.g.There are 1086 test cases so far.Example: Write Your Own WidgetExample: Write Your Own Widget Cont.Future DevelopmentHWTK:NLS using msgcat packageToolba