Eye-Candy Controls: what changed

Revision 2 to 3. Removed lines have a minus sign; added lines have a plus sign.

Old	New		Line
1	1		Eye Candy Controls (shortly ECControls or EC-Controls) are set of visual controls written for Lazarus. Their design is based on Themes, therefore their look is very native everywhere, no matter what widgetset you use.
2	2
3	3		Each release is announced on Lazarus Forum in section Third Party Announcements.
4	4
5	5		There are always attached files `README.txt` (list of all known issues) and `CHANGELOG.txt` (list of all changes from previous release).
6	6
7	7		License
8	8
9	9		GNU Lesser General Public License 2.0 with linking exception (a.k.a. Modified LGPL). Each file of EC-Controls contains license header. Also, files `COPYING.modifiedLGPL.txt` and `COPYING.LGPL.txt` are bundled to each archive.
10	10
11	11		Author
12	12
13	13		All components are written by Blaazen. Copyright notice and real name are mentioned in the header of each unit. You can contact author on Lazarus Forum (nickname: Blaazen) in any thread about EC-Controls (email author). If you are logged in to the forum, you can get author's e-mail or send him private message.
14	14
15	15		Credits:
16	16
17	17		Alignment of composite components (TECSpinEdit, TECSpinPosition, TECEditBtn, TECColorBtn, TECComboBtn, TECColorCombo) is based on idea of Flávio published on mailing list [1](http://lists.lazarus.freepascal.org/pipermail/lazarus/2013-March/079971.html)
18	18
19	19		[[TBaseScrollControl]] class is based on [TScrollingControl](https://github.com/theo222/lazarus-thumbviewer/blob/master/scrollingcontrol.pas) by Theo.
20	20
21	21		Download
22	22
23	23		- Latest release: 0.9.60 on 02-May 2023 (without demos); UltraShare is out of order. This release was tested with Lazarus 2.3.
24	24		- Latest release: 0.9.58 on 16-th April 2022 (without demos); UltraShare is out of order. This release was tested with Lazarus 2.3
25	25		- Previous release: 0.9.44 on 1-st June 2020 (including demos); UltraShare is out of order. This release was tested with Lazarus 2.1
26	26		- Previous release: 0.9.30 on 9-th March 2018 (including demos); UltraShare is out of order. This release was tested with Lazarus 1.9 and 1.8
27	27		- Previous release: 0.9.24.6 on 24-th October 2017 (without demos); TECGrid is Release candidate; UltraShare is out of order
28	28		- Previous release: 0.9.20 on 31-th July 2017 (without demos)
29	29		- Previous release: 0.9.6 on 24-th May 2016 (including demos)
30	30		- SourceForge: <https://sourceforge.net/projects/eccontrols/>
31	31		- UltraShare: <http://ultrashare.net/hosting/fl/8c275ee97f> (direct link to 0.9.6 released on 24-th May 2016; including demos)
32	32		- UltraShare: <http://ultrashare.net/hosting/fl/a8838060fb> (direct link to 0.9.4.16 released on 9-th April 2016; without demos)
33	33		- UltraShare: <http://ultrashare.net/hosting/fl/f523032cb4> (direct link to 0.9.4.14 released on 6-th April 2016; without demos)
34	34
35	35		UltraShare is alternative because SourceForge is blocked in some countries. New releases are always announced in the Third Party section of the Lazarus Forum.
36	36
37	37		Install to Lazarus
38	38
39	39		Open menu `Package => Open package File (*.lpk) ...` and select file `eccontrols.lpk`. Click `Compile` (wait a while) and then `Use >> Install`. Lazarus will ask you "Do you want to rebuild Lazarus now?". Click `Yes` to install the package.
40	40
41	41		## Components
42	42
43	43		EC-Controls are installed to the tab EC-C on the Lazarus component palette.
44	44
45	45		![](/wiki-images/3/3b/Ecpalette2.png)
46	46
47	47		New images (from version 0.9.24.6). Resource files (*.lrs) also contains _150 and _200 images for Hi-DPI desktops.
48	48
49	49		![](/wiki-images/7/7e/Eccpalette4.png)
50	50
51	51		Components below are listed in order of their appearance on the component palette. All screenshots are taken from KDE4 or Plasma5 (Lazarus+Qt).
52	52
53	53		### Visual
54	54
55	55		#### TECBevel
56	56
57	57		An alternative to [[TBevel]].
58	58
59	59		![](/wiki-images/0/0e/Tecbevel.png)
60	60
61	61		[[TECBevel]] can draw non-rectangular shapes or non-straight lines.
62	62
63	63		#### TECLink
64	64
65	65		[[TECLink]] provides a weblink. The same links are well known from web-browsers.
66	66
67	67		![](/wiki-images/7/70/Teclink.png)
68	68
69	69		A label which changes its look when hovered by mouse (by default becomes underlined and blue).
70	70
71	71		It can open URL in default browser, default mail client, file in associated application or just trigger OnClick event.
72	72
73	73		#### TECImageMenu
74	74
75	75		A vertical menu with images. Similar component is frequently used in KDE4 applications and Outlook97
76	76
77	77		![](/wiki-images/8/87/Tecimagemenu.png)
78	78
79	79		[[TECImageMenu]] can have focus and can be reached by Tab key (when `TabStop = True`, which is default). Can be controlled by mouse, by keyboard or by code.
80	80
81	81		Mouse
82	82
83	83		- Simply left-click on menu item.
84	84		- Middle-click or right-click selects an item but does not click.
85	85		- Mouse wheel moves the selection and does not click.
86	86
87	87		Keyboard
88	88
89	89		- Space nad Enter: click on the selected item.
90	90		- Arrow Up, Arrow Down, Page Up, Page Down, Home and End: moves the selection but does not click.
91	91		- Acceleration key (Alt + Key) selects and clicks the relevant item (menu doesn't need to be focused)..
92	92
93	93		#### TECSpinBtns
94	94
95	95		An advanced alternative to [[TUpDown]].
96	96
97	97		![](/wiki-images/b/bb/Tecspinbtns.png)
98	98
99	99		[[TECSpinBtns]] is based on double precision variables.
100	100
101	101		TECSpinBtns cannot have focus. Can be controlled by mouse or by code.
102	102
103	103		Mouse
104	104
105	105		TECSpinBtns consists from 9 small buttons.
106	106
107	107		- Left-click on BtnMin, BtnBigDec, BtnDec, BtnMiddle, BtnMenu, BtnInc, BtnBigInc and BtnMax sets the Value to Min, decreases Value by PageSize, decreases Value by Increment, sets Value to Middle, triggers OnMenuClick event, increases Value by Increment, increases Value by PageSize and sets Value to Max respectively.
108	108		- Middle-click sets Value to Middle or triggers OnMenuClick - depends on MenuControl property. Other mouse buttons can be used for dragging too, depends on DragControl property. Dragging mainly depends on properties: DragOrientation, MouseIncrementX, MouseIncrementY, MouseStepPixelsX, MouseStepPixelsY and Reversed.
109	109
110	110		Code
111	111
112	112		Simply by assigning any floating-point value to property Value:
113	113
114		-	~~`Value := 10.5;`~~
	114	+	``` pascal
	115	+	Value := 10.5;
	116	+	```
115	117
116	118		If the value is out of range (lesser than Min or greater than Max) then Value will be Min or Max.
117	119
118	120		Precendence of drawing:
119	121
120	122		1. The highest precedence has the OnDrawGlyph event.
121	123		2. The second is Caption. It should be short (one or two characters).
122	124		3. The third is image from Images. Images must be assigned and ImageIndex must be greater or equal to zero and lesser than Images.Count
123	125		4. When the OnDrawGlyph is not assigned, Caption is empty string and ImageIndex is -1 then built-in glyph is used. There is five sets of styles, they can be selected with GlyphStyle property.
124	126
125	127		#### TECSpinEdit
126	128
127	129		An advanced alternative to TSpinEdit and TFloatSpinEdit. It is [[TEdit]] joined together with TECSpinBtns.
128	130
129	131		![](/wiki-images/c/c8/Tecspinedit.png)
130	132
131	133		[[TECSpinEdit]] can have focus and can be reached by Tab key (when `TabStop = True`, which is default). Can be controlled by mouse, by keyboard or by code.
132	134
133	135
134	136		Mouse
135	137
136	138		See [[TECSpinBtns]].
137	139
138	140		Keyboard
139	141
140	142		(line-edit must be focused)
141	143
142	144		Text value can typed in to the line-edit directly. If entered value is lesser than TECSpinBtnsPlus.MinInEdit or greater than TECSpinBtnsPlus.MaxInEdit then the value will be changed to fit these bounds. Change of Value is done in OnEditingDone event.
143	145
144	146		- Arrow Up/Down do click on BtnInc/BtnDec*.
145	147		- PgUp/PgDn do click on BtnBigInc/BtnBigDec*.
146	148		- Ctrl + Home/End do click on BtnMax/BtnMin*.
147	149		- Ctrl + Space do click BtnMiddle.
148	150		- Ctrl + Enter do click on BtnMenu.
149	151
150	152		*) valid for Reversed = False. For Reversed = True works oppositely.
151	153
152	154		Code
153	155
154	156		Simply by assigning any floating-point value to property Value:
155	157
156		-	~~`Value := 10.5;`~~
	158	+	``` pascal
	159	+	Value := 10.5;
	160	+	```
157	161
158	162		If the value is out of range (lesser than Min or greater than Max) then Value will be Min or Max.
159	163
160	164		#### TECSwitch
161	165
162	166		An alternative to TCheckBox. Similar component exists in GTk3.
163	167
164	168		![](/wiki-images/6/64/Tecswitch.png)
165	169
166	170		[[TECSwitch]] can have focus and can be reached by Tab key (when `TabStop = True`, which is default). Can be controlled by mouse, by keyboard or by code.
167	171
168	172		Mouse
169	173
170	174		- Left-click on switch area (out of knob) will change the State*.
171	175		- Left-click on the knob and holding the left-mouse button down will capture mouse and knob can be moved even if the mouse-cursor leaves the area of the switch.
172	176
173	177		Keyboard
174	178
175	179		- Space or Enter changes the State* (only when focused).
176	180		- Acceleration key (Alt + Key) changes the State* (doesn't need to be focused).
177	181
178	182		Code
179	183
180	184		Simply by assigning any State* or Checked property:
181	185
182		-	~~`Checked := True; //False`\~~
183		-	~~`State := cbChecked; //cbGrayed, cbUnchecked`~~
	186	+	``` pascal
	187	+	Checked := True; //False
	188	+	State := cbChecked; //cbGrayed, cbUnchecked
	189	+	```
184	190
185	191		*) Property State is always changed from checked to unchecked, from grayed to unchecked or from unchecked to checked.
186	192
187	193		#### TECSpeedBtn
188	194
189	195		A button with some advanced features and built-in glyphs. An alternative to TSpeedButton and TToggleBox.
190	196
191	197		![](/wiki-images/0/04/Tecspeedbtn.png)
192	198
193	199		[[TECSpeedBtn]] cannot have focus.
194	200
195	201		Features and differences from [[TSpeedButton]]:
196	202
197	203		- TSpeedButton has property Glyph: TBitmap. TECSpeedBtn has properties ImageIndex: Integer and Images: [[TImageList]] instead.
198	204		- TECSpeedBtn has property Delay and built-in timer. Therefore it can work as a delay-button (Delay\>0) or toggle-box (Delay\<0).
199	205		- TECSpeedBtn has more than 80 built-in glyph (painted via [[TCanvas]] helper). Glyphs can be various for checked and unchecked state.
200	206		- Similarly to TSpeedButton, TECSpeedBtn has properties GroupIndex, Checked and AllowAllUp so buttons can be grouped to radio-group.
201	207		- TECSpeedBtn cannot obtain focus but can be pressed by acceleration key (Alt+ \[underlined key\]).
202	208		- TECSpeedBtn can be linked with [[TAction]] too.
203	209
204	210		Precendence of drawing:
205	211
206	212		1. The highest precedence has the OnDrawGlyph event.
207	213		2. The second is Caption and image from Images. Images must be assigned and at least on of ImageIndex and ImageIndexChecked must be greater or equal to zero and lesser than Images.Count.
208	214		3. When the OnDrawGlyph is not assigned and both ImageIndex and ImageIndexChecked are -1 then built-in glyph is used (properties GlyphDesign and GlyphDesignChecked). When ImageIndex is valid Image and ImageIndexChecked is -1 or only GlyphDesign is some glyph and GlyphDesignChecked is egdNone then ImageIndex or GlyphDesign is used for checked state too (and vice versa).
209	215
210	216		#### TECBitBtn
211	217
212	218		The same as TECSpeedBtn but derived from TCustomControl, therefore it can have focus. An alternative to TBitBtn and TToggleBox.
213	219
214	220		![](/wiki-images/5/5c/Tecbitbtn.png)
215	221
216	222		#### TECEditBtn
217	223
218	224		An alternative to [[TEditButton]]. It is [[TEdit]] joined together with [[TECSpeedBtn]].
219	225
220	226		![](/wiki-images/5/5d/Teceditbtn.png)
221	227
222	228		#### TECColorBtn
223	229
224	230		Visual component for selecting color. Line edit displays color code in various formats and associated button triggers color dialog.
225	231
226	232		![](/wiki-images/a/ab/Teccolorbtn.png)
227	233
228	234		Color of the glyph on the button corresponds with the color in the line-edit.
229	235
230	236		Property Text is not published. If Text is changed via code, EditingDone must be called to validate the change.
231	237
232	238		#### TECComboBtn
233	239
234	240		A combobox with associated button. It is [[TComboBox]] joined together with [[TECSpeedBtn]].
235	241
236	242		![](/wiki-images/9/9e/Teccombobtn.png)
237	243
238	244		#### TECColorCombo
239	245
240	246		Visual component for selecting color. Combobox contains colors in various formats and associated button triggers color dialog.
241	247
242	248		![](/wiki-images/4/43/Teccolorcombo.png)
243	249
244	250		Color of the glyph on the button corresponds with the color selected in the combobox.
245	251
246	252		Property Text is not published. If Text is changed via code, Validate must be called to validate the change.
247	253
248	254		#### TECHeader
249	255
250	256		An alternative to [[THeader]].
251	257
252	258		![](/wiki-images/a/a1/Techeader.png)
253	259
254	260		Main feature is ability to have columns aligned to the left and to the right at a time. This components is designed for TECCheckListBox.
255	261
256	262		#### TECCheckListBox
257	263
258	264		An alternative to [[TCheckListBox]].
259	265
260	266		![](/wiki-images/0/02/Tecchecklistbox.png)
261	267
262	268		Can have multiple checkable columns.
263	269
264	270		Currently, property Sorted is not supported.
265	271
266	272		#### TECSlider
267	273
268	274		An advanced alternative to [[TTrackBar]].
269	275
270	276		![](/wiki-images/e/e0/Tecslider.png)
271	277
272	278		TECSlider can have focus and can be reached by Tab key (when `TabStop = True`, which is default).
273	279
274	280		TECSlider is based on double precision variables. TECSlider can be controlled by mouse, by keyboard or by code.
275	281
276	282		Mouse
277	283
278	284		- Left-click on Slider area (out of Knob) will move the knob by PageSize (or less, if mouse cursor is nearer).
279	285		- Double-click or Middle-click will move the knob immediately to the mouse cursor (or to the Min/Max, if click is done out of groove and scale area).
280	286		- Left-click on the knob and holding the left-mouse button down will capture mouse and knob can be moved even if the mouse-cursor leaves the area of the slider.
281	287		- Mouse wheel moves knob up/down regardless of the Reversed property. In case of horizontal slider rolling up/down moves knob to the left/right, again, regardless of the Reversed property.
282	288
283	289		The increment is:
284	290
285	291		- Mouse wheel: Increment*Mouse.WheelScrollLines
286	292		- Ctrl + mouse wheel: Increment.
287	293
288	294		Keyboard
289	295
290	296		- Space: moves knob to the middle of the groove or to the ProgressMiddlePos in case of ProgressFromMiddle = True
291	297		- 0-9: moves the knob to position which is the integer multiplier of the PageSize (i.e. 0, 10, ..., 90 for PageSize = 10).
292	298		- PgUp: decreases Position by PageSize
293	299		- PgUp: increases Position by PageSize
294	300		- Home: moves the Knob to Min
295	301		- End: moves the Knob to Max
296	302		- +: increases Position by Increment
297	303		- -: decreases Position by Increment
298	304		- Ctrl + ArrowUp: decreases* Position by Increment
299	305		- Ctrl + ArrowLeft: decreases* Position by Increment
300	306		- Ctrl + ArrowDown: increases* Position by Increment
301	307		- Ctrl + ArrowRight: increases* Position by Increment
302	308
303	309		*) valid for `Reversed = False`. When `Reversed = True` works oppositely.
304	310
305	311		Code
306	312
307	313		Simply by assigning any floating-point value to property Position:
308	314
309		-	~~`Position := 10.5; `~~
	315	+	``` pascal
	316	+	Position := 10.5;
	317	+	```
310	318
311	319		If the value is out of range (lesser than Min or greater than Max) then Position will be Min or Max.
312	320
313	321		#### TECProgressBar
314	322
315	323		An advanced alternative to [[TProgressBar]].
316	324
317	325		![](/wiki-images/6/62/Tecprogressbar.png)
318	326
319	327		TECProgressBar is based on double precision variables. TECProgressBar cannot have focus. It can be controlled by code only.
320	328
321	329		#### TECPositionBar
322	330
323	331		An alternative to [[TTrackBar]] or [[TScrollBar]]. Similar components are used in [[Blender]] (3D graphics software).
324	332
325	333		![](/wiki-images/6/61/Tecpositionbar.png)
326	334
327	335		[[TECPositionBar]] cannot have focus and is based on double precision variables. TECPositionBar can be controlled by mouse or by code.
328	336
329	337		Mouse
330	338
331	339		- Left-click will set the position immediately to the mouse cursor (or to the Min/Max, if click is done out of groove and scale area).
332	340		- Middle-click: moves knob to the middle of the groove or to the ProgressMiddlePos in case of ProgressFromMiddle = True
333	341		- Left-click on the end of the progress on and holding the left-mouse button down will capture mouse and position can be moved even if the mouse cursor leaves the area of a position bar.
334	342		- Dragging is affected by MouseDragPixels (alone left mouse button) and MouseDragPixelsFine (Ctrl + left mouse button). Deafult values are 1 and 10, i.e. progress will change by one pixel when mouse cursor moves by one pixel (or by 10 pixels in case of dragging with Ctrl key pressed).
335	343		- Mouse wheel moves knob up/down regardless of the Reversed property. In case of horizontal slider rolling up/down moves knob to the left/right, again, regardless of the Reversed property.
336	344
337	345		The increment is:
338	346
339	347		- Mouse wheel: MouseDragPixels*Mouse.WheelScrollLines
340	348		- Ctrl + mouse wheel: (MouseDragPixels/MouseDragPixelsFine)*Mouse.WheelScrollLines
341	349
342	350		Code
343	351
344	352		Simply by assigning any floating-point value to property Position:
345	353
346		-	~~`Position := 10.5; `~~
	354	+	``` pascal
	355	+	Position := 10.5;
	356	+	```
347	357
348	358		If the value is out of range (lesser than Min or greater than Max) then Position will be Min or Max.
349	359
350	360		#### TECSpinPosition
351	361
352	362		An alternative to [[TTrackBar]] or [[TScrollBar]]. Similar components are used in Krita (2D graphics software).
353	363
354	364		![](/wiki-images/6/67/Tecspinposition.png)
355	365
356	366		#### TECRuler
357	367
358	368		An advanced ruler.
359	369
360	370		![](/wiki-images/d/d0/Tecruler.png)
361	371
362	372		[[TECRuler]] cannot have focus. It just displays scale. Can have fixed or movable pointer optionally.
363	373
364	374		#### TECRadioGroup
365	375
366	376		An alternative to TRadioGroup.
367	377
368	378		![](/wiki-images/3/3a/Tecradiogroup.png)
369	379
370	380		[[TECRadioGroup]] can have focus and can be reached by Tab key (when `TabStop = True`, which is not default). Can be controlled by mouse, by keyboard or by code.
371	381
372	382		Mouse
373	383
374	384		- Left-click on any item (out of knob) changes its Checked property to True (or to False if this item is already checked*).
375	385		- Left-click on the TECRadioGroup out of items sets focus to component only.
376	386
377	387		Keyboard
378	388
379	389		- 0: deselects all*
380	390		- 1-9: selects (or deselects*) item 1-9
381	391		- Acceleration key (Alt + Key) changes the Checked property to True or False* (radio group doesn't have to be focused).
382	392
383	393		*) Depends whether egoAllowAllUp is in Options.
384	394
385	395		Code
386	396
387	397		Simply by assigning any ItemIndex or Items\[\].Checked property:
388	398
389		-	~~`ItemIndex := 1; //selects the second item`\~~
390		-	~~`Items[1].Checked := False; //deselects the second item, regardless of the egoAllowAllUp in Options`~~
	399	+	``` pascal
	400	+	ItemIndex := 1; //selects the second item
	401	+	Items[1].Checked := False; //deselects the second item, regardless of the egoAllowAllUp in Options
	402	+	```
391	403
392	404		#### TECCheckGroup
393	405
394	406		An alternative to TCheckGroup.
395	407
396	408		![](/wiki-images/7/7b/Teccheckgroup.png)
397	409
398	410		TECCheckGroup can have focus and can be reached by Tab key (when `TabStop = True`, which is not default). Can be controlled by mouse, by keyboard or by code.
399	411
400	412		Mouse
401	413
402	414		- Left-click on any item (out of knob) changes its Checked property to True (or to False if this item is already checked*).
403	415		- Left-click on the TECCheckGroup out of items sets focus to component only.
404	416
405	417		Keyboard
406	418
407	419		- 0: deselects all*
408	420		- 1-9: selects (or deselects*) item 1-9
409	421		- Acceleration key (Alt + Key) changes the Checked property to True/False* (check group doesn't have to be focused).
410	422
411	423		*) Depends whether egoAllowAllUp is in Options.
412	424
413	425		Code
414	426
415	427		Simply by assigning any Checked\[\] or Items\[\].Checked property:
416	428
417		-	~~`Checked[1] := True; //selects the second item`\~~
418		-	~~`Items[1].Checked := False; //deselects the second item, regardless of the egoAllowAllUp in Options.`~~
	429	+	``` pascal
	430	+	Checked[1] := True; //selects the second item
	431	+	Items[1].Checked := False; //deselects the second item, regardless of the egoAllowAllUp in Options.
	432	+	```
419	433
420	434		#### TECTabCtrl
421	435
422	436		See: [[TECTabCtrl]]
423	437
424	438		#### TECAccordion
425	439
426	440		[[TECAccordion]] is a side menu, works similarly to [[TPageControl]].
427	441
428	442		![](/wiki-images/3/37/Tecaccordion.png)
429	443
430	444		TECAccordion can have focus and can be reached by Tab key (when `TabStop = True`, which is not default). Can be controlled by mouse, by keyboard or by code.
431	445
432	446		Mouse
433	447
434	448		Left-click on any item opens/closes it.
435	449
436	450		Keyboard
437	451
438	452		Acceleration key (Alt + Key) changes the item (component doesn't have to be focused).
439	453
440	454		Code
441	455
442	456		Simply by setting ItemIndex property.
443	457
444	458		#### TECTriangle
445	459
446	460		A balance of three values. This is not a color picker!
447	461
448	462		![](/wiki-images/a/a8/Tectriangle.png)
449	463
450	464		[[TECTriangle]] cannot have focus and cannot be reached by Tab key. Can be controlled by mouse only.
451	465
452	466		Mouse
453	467
454	468		- Left-click on triangle area.
455	469		- Left-click and hold the pointer can drag.
456	470		- Left-click on a mark sets more exact value, for example \[0,333..., 0.333..., 0.333...\].
457	471		- Mouse wheel can roll the pointer up and down.
458	472
459	473		Code
460	474
461	475		By calling overloaded SetValues method. Parameters can be 1) X and Y coordinates or 2) "Top" and "Bottom" values (the thirds value "Side" is calculated so the sum of the values is always equal to 1).
462	476
463	477		#### TECGrid
464	478
465	479		See: [[TECGrid]]
466	480
467	481		#### TECLightView
468	482
469	483		See: [[TECLightView]]
470	484
471	485		#### TECConfCurve
472	486
473	487		Component for Configuration.
474	488
475	489		![](/wiki-images/1/1e/Tecconfcurve.png)
476	490
477	491		User can configure polyline or Bezier curve with multiple points.
478	492
479	493		Can be aligned with vertical and/or horizontal ruler (TECRuler).
480	494
481	495		See ECConfCurve-Demo.
482	496
483	497		#### TECScheme
484	498
485	499		An advanced component for configuration of general scheme.
486	500
487	501		![](/wiki-images/6/65/Tecscheme.png)
488	502
489	503		User can add multiple blocks and connect them.
490	504
491	505		This component is highly configurable. See SchemeDesigner and ECSchemeDesc bundled with EC-Controls.
492	506
493	507		### Non-visual components
494	508
495	509		#### TECSpinController
496	510
497	511		Designed for controlling properties of multiple TECSpinBtns and TECSpinEdit.
498	512
499	513		![](/wiki-images/7/79/Tecspincontrollericon.png)
500	514
501	515		[[TECSpinBtns]] and [[TECSpinEdit]] have properties Controller. When some SpinController is assigned to this property then this Controller can change selected properties of all assigned TECSpinEdits and TECSpinBtns at a time. Adjustable properties are - for example - TimerDelay, TimerRepeat, widths of individual buttons, GlyphsStyle and others.
502	516
503	517		Project can have multiple SpinControllers.
504	518
505	519		#### TECTimer
506	520
507	521		An advanced timer.
508	522
509	523		![](/wiki-images/2/23/Tectimericon.png)
510	524
511	525		Main feature is that the first interval (property Delay) can differ from all following intervals (property Repeat).
512	526
513	527		### Other parts of EC-Controls
514	528
515	529		#### Class TECScale
516	530
517	531		A scale. It is not a component but can draw itself to any canvas.
518	532
519	533		This class is used in TECRuler, TECSlider, TECProgressBar, TECPositionBar and TECSpinPosition.
520	534
521	535		See demo ECScale-Demo.
522	536
523	537		#### Unit ECTypes
524	538
525	539		Base types and classes for Eye Candy Controls (EC-C).
526	540
527	541		If you use EC-Controls in your project you may need to add this unit to your uses section.
528	542
529	543		This unit contains many declarations, color-conversion routines and base classes, for example TBaseScrollControl.
530	544
531	545		#### TBaseScrollControl
532	546
533	547		is base class for scrolling components (TECScheme is its descendant).
534	548
535	549		You can derive your own scrolling component from TBaseScrollControl. [[TECScheme]] and [[TECGrid]] are based on this class.
536	550
537	551		## Demos
538	552
539	553		EC-Controls come with several demos. If some of following demos is missing in archive, it may mean that there were no changes and the demo was not included. In that case use the demo from previous release.
540	554
541	555		#### ECC-Demo
542	556
543	557		This demo shows all EC-Controls in various configurations.
544	558
545	559		#### ECScale-Demo
546	560
547	561		This demo shows how you can use [[TECScale]] in our own visual component.
548	562
549	563		#### ECConfCurve-Demo
550	564
551	565		This demo shows capabilities of [[TECConfCurve]].
552	566
553	567		#### ECSchemeDesc
554	568
555	569		This demo shows how you can create descendant component from [[TCustomECScheme]].
556	570
557	571		#### SchemeDesigner
558	572
559	573		SchemeDesigner is more than a demo. It shows you how you can create TECScheme configurator in your own application but it can be also used to create your own configurations and store them in *.xml format.
560	574
561	575		---
562	576		From the Free Pascal wiki, page "Eye-Candy Controls", as it stood on 2023-05-02 after a change by Blaazen, out of the wiki's dump of 2024-05-26. Copyright stays with the author who wrote it, according to the old wiki's [[Licensing]] page. If you have concerns about this material, [message the admin](/wiki-contact).

Back to history