Sign in Join
Wiki copytemporary

Eye-Candy Controls/es: what changed

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

OldNewLine
11**Eye Candy Controls** (abreviadamente ECControls o EC-Controls) son un conjunto de controles visuales escritos para Lazarus. Su diseño está basado en Temas, por lo tanto su aspecto es muy nativo en todo momento, no hay problema en cuanto al widgetset que utilices.
22
33Cada release se anuncia en el foro de Lazarus en la sección Third Party Announcements.
44
55Siempre se anexan ficheros `README.txt` (listado de incidencias conocidas)y `CHANGELOG.txt` (listado de todos los cambios realizados desde la versión previa).
66
77Licencia
88
99GNU 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.
1010
1111Autor
1212
1313Todos los componentes han sido escritos por Blaazen. La notificación de Copyright y nombre real se mencionan en la cabecera de cada unidad. Puedes contactar con el autor en el foro de Lazarus (nickname: Blaazen) en cualquier hilo sobre EC-Controls (email author). Si te validas en el foro entonces puedes obtener la dirección de correo del autor y enviarle un mensaje privado.
1414
1515Descarga
1616
1717- Latest release: 0.9.20 a 31 de Julio de 2017 (sin demos); TECGrid es *Release candidate*; UltraShare está fuera de servicio.
1818- Release previa: 0.9.6 a 24 de Mayo de 2016 (incluye demos)
1919- SourceForge: <https://sourceforge.net/projects/eccontrols/>
2020- UltraShare: <http://ultrashare.net/hosting/fl/8c275ee97f> (direct link to 0.9.6 released on 24-th May 2016; including demos)
2121- UltraShare: <http://ultrashare.net/hosting/fl/a8838060fb> (direct link to 0.9.4.16 released on 9-th April 2016; without demos)
2222- UltraShare: <http://ultrashare.net/hosting/fl/f523032cb4> (direct link to 0.9.4.14 released on 6-th April 2016; without demos)
2323
2424UltraShare es una alternativa debido a que SourceForge está bloqueada en algunos paises. Las nuevas releases siempre se anuncian en la sección Third Party del foro de Lazarus.
2525
2626Instalación en Lazarus
2727
2828Abrir Menú `Paquete => Abri Fichero de Paquete (*.lpk) ...` y seleccionar el fichero `eccontrols.lpk`. Click `Compilar` (esperar mientras) y a continuación `Usar >> Instalar`. Lazarus preguntará "¿Deseas reconstruir Lazarus ahora?". Hacer Click `Yes` para instalar el paquete.
2929
3030Traducción
3131Esto es inicialmente una traducción de la página redactada por Blazen. Según vaya teniendo tiempo iré traduciendo el resto, y optimizando el significado. No he tenido ocasión de probar estos componentes lo cual ayudaría a mejorar este contenido. Posíblemente una vez que cuadre con el contenido original en inglés y haya realizado pruebas con los componentes y visto las demos, entonces redacte mi propio contenido (Agosto 2017).
3232
3333## Componentes
3434
3535EC-Controls se instalan en la solapa EC-C dentro de la paleta de componentes de Lazarus.
3636
3737![](/wiki-images/3/3b/Ecpalette2.png)
3838
3939Los componentes que aparecen aquí se listan en el orden de aparición en la paleta de componentes. Todos los pantallazos se han tomado desde KDE4 o Plasma5 (Lazarus+Qt).
4040
4141### Visual
4242
4343#### TECBevel
4444
4545An alternative to [[TBevel]].
4646
4747![](/wiki-images/0/0e/Tecbevel.png)
4848
4949[[TECBevel]] puede dibujar formas no rectangulares y lineas no directas.
5050
5151#### TECLink
5252
5353[[TECLink]] provee un weblink. Los mismos enlaces que son bien conocidos por los visores web (navegadores web).
5454
5555![](/wiki-images/7/70/Teclink.png)
5656
5757Es una etiqueta que cambia su aspecto cuando se recorre por el cursor del ratón (por defecto permanece subrayado y azul).
5858
5959Puede abrir una URL con el navegador/aplicación de correo por defecto, fichero asociado a una aplicación o simplemente lanzar el evento OnClick.
6060
6161#### TECImageMenu
6262
6363Un menú vertical con imágenes. Un componente similar a este se utiliza frecuentemente en aplicaciones KDE4 y Outlook97.
6464
6565![](/wiki-images/8/87/Tecimagemenu.png)
6666
6767[[TECImageMenu]] Puede Obener el foco y activado mediante la tecla Tab (cuando `TabStop = True`, lo cual es por defecto). Se puede controlar mediante ratón, teclado o incluso por código.
6868
6969Ratón
7070
7171- Simplemente haz click con el pulsador izquierdo en el elemento del menú.
7272- El click del pulsador de enmedio del ratón selecciona un elemento pero no hace click.
7373- La rueda del ratón mueve la selección y no hace click.
7474
7575Teclado
7676
7777- Space nad Enter: click on the selected item.
7878- Arrow Up, Arrow Down, Page Up, Page Down, Home and End: moves the selection but does not click.
7979- Acceleration key (Alt + Key) selects and clicks the relevant item (menu doesn't need to be focused)..
8080
8181#### TECSpinBtns
8282
8383Una alternativa avanzada a [[TUpDown]].
8484
8585![](/wiki-images/b/bb/Tecspinbtns.png)
8686
8787[[TECSpinBtns]] está basado en variables de precisión doble.
8888
8989TECSpinBtns no puede obtener el foco. Se puede controlar mediante ratón o por código.
9090
9191Mouse
9292
9393TECSpinBtns consiste en 9 pequeños pulsadores.
9494
9595- 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, incrementa Value por Increment, incrementa Value por PageSize y establece Value a Max respectivamente.
9696- 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.
9797
9898Codigo
9999
100100Simplemente mediante la asignación de cualqier valor de punto flotante al valor de la propiedad:
101101
102-`Value := 10.5;`
102+``` pascal
103+Value := 10.5;
104+```
103105
104106Si el valor se encuentra fuera de rango (menor que Min o mayor que Max) entonces Value valdrá Min o Max respectivamente.
105107
106108Precendencia de dibujado:
107109
1081101. La mas alta frecedencia la tiene el evento OnDrawGlyph.
1091112. La segunda la tiene Caption. Debería ser corta (uno o dos caracteres).
1101123. La tercera es image desde Images. Images deben ser asignadas e ImageIndex debe ser mayor o igual que cero y lesser que Images.Count.
1111134. Cuando no se asigna OnDrawGlyph, Caption es una cadena vacía y ImageIndex vale -1 then built-in glyph is used. Tiene 5 conjuntos de estilos que pueden seleccionarse mediante la propiedad GlyphStyle..
112114
113115#### TECSpinEdit
114116
115117Una alternativa avanzada a TSpinEdit y TFloatSpinEdit. Es un [[TEdit]] unido junto con TECSpinBtns.
116118
117119![](/wiki-images/c/c8/Tecspinedit.png)
118120
119121[[TECSpinEdit]] puede tomar el foco y puede alcanzarse con la tecla Tab (cuando `TabStop = True`, lo cual es por defecto). Se puede controlar mediante ratón, teclado o por código.
120122
121123
122124Ratón
123125
124126Ver [[TECSpinBtns]].
125127
126128Teclado
127129
128130(line-edit must be focused)
129131
130132Se puede teclear el valor de Text dentro de la linea de edición directamente. Si el valor entroducido es menor que TECSpinBtnsPlus.MinInEdit o mayor TECSpinBtnsPlus.MaxInEdit entonces el volor se cambiará para que encaje en esos límites. El cambio de Value se realiza en el evento OnEditingDone.
131133
132134- Arrow Up/Down do click on BtnInc/BtnDec*.
133135- PgUp/PgDn do click on BtnBigInc/BtnBigDec*.
134136- Ctrl + Home/End do click on BtnMax/BtnMin*.
135137- Ctrl + Space do click BtnMiddle.
136138- Ctrl + Enter do click on BtnMenu.
137139
138140*) valid for Reversed = False. For Reversed = True works oppositely.
139141
140142Code
141143
142144Simply by assigning any floating-point value to property Value:
143145
144-`Value := 10.5;`
146+``` pascal
147+Value := 10.5;
148+```
145149
146150If the value is out of range (lesser than Min or greater than Max) then Value will be Min or Max.
147151
148152#### TECSwitch
149153
150154Una alternativa a TCheckBox. Existe una alternativa similar en GTk3.
151155
152156![](/wiki-images/6/64/Tecswitch.png)
153157
154158[[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.
155159
156160Ratón
157161
158162- Left-click on switch area (out of knob) will change the State*.
159163- 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.
160164
161165Teclado
162166
163167- Espacio e Intro cambian su estado* (solamente cuando tiene el foco).
164168- Acceleration key (Alt + Key) changes the State* (no necesita ser enfocado).
165169
166170Código
167171
168172Simply by assigning any State* or Checked property:
169173
170-`Checked := True; //False`\
171-`State := cbChecked; //cbGrayed, cbUnchecked`
174+``` pascal
175+Checked := True; //False
176+State := cbChecked; //cbGrayed, cbUnchecked
177+```
172178
173179*) Property State is always changed from checked to unchecked, from grayed to unchecked or from unchecked to checked.
174180
175181#### TECSpeedBtn
176182
177183Un pulsador con algunas características avanzadas y glyps embebidos. Una alternativa a TSpeedButton y TToggleBox.
178184
179185![](/wiki-images/0/04/Tecspeedbtn.png)
180186
181187[[TECSpeedBtn]] no puede obtener el foco.
182188
183189Características y diferencias de [[TSpeedButton]]:
184190
185191- TSpeedButton tiene la propiedad Glyph: TBitmap. TECSpeedBtn tiene las propiedades ImageIndex: Integer e Images: [[TImageList]] instead.
186192- TECSpeedBtn tiene la propiedad Delay ytimer embebido. Therefore it can work as a delay-button (Delay\>0) or toggle-box (Delay\<0).
187193- TECSpeedBtn tiene más de 80 glyph embebidos (pintados vía [[TCanvas]] helper). Glyphs pueden ser varios para los estados checked yunchecked.
188194- Simmilarmente a TSpeedButton, TECSpeedBtn tienen las propiedades GroupIndex, Checked y AllowAllUp de manera que los pulsadores se pueden agrupar a radio-group.
189195- TECSpeedBtn cannot obtain focus but can be pressed by acceleration key (Alt+ \[underlined key\]).
190196- TECSpeedBtn can be linked with [[TAction]] too.
191197
192198Precedencia de dibujado:
193199
1942001. La mayor precedencia la tiene el evento OnDrawGlyph.
1952012. La segunda la tiene Caption e image de Images. Las images deben ser asignadas y al menos on of ImageIndex e ImageIndexChecked debe ser mayor o igual que cero y menor que Images.Count.
1962023. Cuando OnDrawGlyph no se ha asignado y ambos ImageIndex e ImageIndexChecked son -1 entonces se utiliza el glyph embebido (propiedades GlyphDesign y GlyphDesignChecked). Cuando ImageIndex is valid Image e ImageIndexChecked is -1 or only GlyphDesign is some glyph and GlyphDesignChecked is egdNone then ImageIndex o GlyphDesign is used for checked state too (y vice versa).
197203
198204#### TECEditBtn
199205
200206An alternative to [[TEditButton]]. It is [[TEdit]] joined together with [[TECSpeedBtn]].
201207
202208![](/wiki-images/5/5d/Teceditbtn.png)
203209
204210#### TECColorBtn
205211
206212Visual component for selecting color. Line edit displays color code in various formats and associated button triggers color dialog.
207213
208214![](/wiki-images/a/ab/Teccolorbtn.png)
209215
210216Color of the glyph on the button corresponds with the color in the line-edit.
211217
212218Property Text is not published. If Text is changed via code, EditingDone must be called to validate the change.
213219
214220#### TECComboBtn
215221
216222A combobox with associated button. It is [[TComboBox]] joined together with [[TECSpeedBtn]].
217223
218224![](/wiki-images/9/9e/Teccombobtn.png)
219225
220226#### TECColorCombo
221227
222228Visual component for selecting color. Combobox contains colors in various formats and associated button triggers color dialog.
223229
224230![](/wiki-images/4/43/Teccolorcombo.png)
225231
226232Color of the glyph on the button corresponds with the color selected in the combobox.
227233
228234Property Text is not published. If Text is changed via code, Validate must be called to validate the change.
229235
230236#### TECHeader
231237
232238An alternative to [[THeader]].
233239
234240![](/wiki-images/a/a1/Techeader.png)
235241
236242Main feature is ability to have columns aligned to the left and to the right at a time. This components is designed for TECCheckListBox.
237243
238244#### TECCheckListBox
239245
240246An alternative to [[TCheckListBox]].
241247
242248![](/wiki-images/0/02/Tecchecklistbox.png)
243249
244250Can have multiple checkable columns.
245251
246252Currently, property Sorted is not supported.
247253
248254#### TECSlider
249255
250256An advanced alternative to [[TTrackBar]].
251257
252258![](/wiki-images/e/e0/Tecslider.png)
253259
254260TECSlider can have focus and can be reached by Tab key (when `TabStop = True`, which is default).
255261
256262TECSlider is based on double precision variables. TECSlider can be controlled by mouse, by keyboard or by code.
257263
258264Ratón
259265
260266- Left-click on Slider area (out of Knob) will move the knob by PageSize (or less, if mouse cursor is nearer).
261267- 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).
262268- 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.
263269- 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.
264270
265271El incremento es:
266272
267273- Mouse wheel: Increment*Mouse.WheelScrollLines
268274- Ctrl + mouse wheel: Incremento.
269275
270276Teclado
271277
272278- Space: mueve knob a la mitad de groove or to the ProgressMiddlePos en caso de que ProgressFromMiddle = True
273279- 0-9: mueve el knob a position que es the integer multiplier of the PageSize (i.e. 0, 10, ..., 90 for PageSize = 10).
274280- PgUp: decrementa Position por PageSize
275281- PgUp: incrementa Position por PageSize
276282- Home: mueve el Knob a Min
277283- End: mueve el Knob a Max
278284- +: increases Position by Increment
279285- -: decreases Position by Increment
280286- Ctrl + ArrowUp: decreases* Position by Increment
281287- Ctrl + ArrowLeft: decreases* Position by Increment
282288- Ctrl + ArrowDown: increases* Position by Increment
283289- Ctrl + ArrowRight: increases* Position by Increment
284290
285291*) valid for `Reversed = False`. When `Reversed = True` works oppositely.
286292
287293Código
288294
289295Simplemente mediante la asignación de un valor de punto flotante a la propiedad Position:
290296
291-`Position := 10.5; `
297+``` pascal
298+Position := 10.5;
299+```
292300
293301Si el valor se encuentra fuera de rango (menor que Min o mayor que Max) entonces Position valdrá Min o Max respectivamente.
294302
295303#### TECProgressBar
296304
297305An advanced alternative to [[TProgressBar]].
298306
299307![](/wiki-images/6/62/Tecprogressbar.png)
300308
301309TECProgressBar is based on double precision variables. TECProgressBar cannot have focus. It can be controlled by code only.
302310
303311#### TECPositionBar
304312
305313An alternative to [[TTrackBar]] or [[TScrollBar]]. Similar components are used in [[Blender]] (3D graphics software).
306314
307315![](/wiki-images/6/61/Tecpositionbar.png)
308316
309317[[TECPositionBar]] cannot have focus and is based on double precision variables. TECPositionBar can be controlled by mouse or by code.
310318
311319Mouse
312320
313321- 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).
314322- Middle-click: moves knob to the middle of the groove or to the ProgressMiddlePos in case of ProgressFromMiddle = True
315323- 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.
316324- 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).
317325- 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.
318326
319327The increment is:
320328
321329- Mouse wheel: MouseDragPixels*Mouse.WheelScrollLines
322330- Ctrl + mouse wheel: (MouseDragPixels/MouseDragPixelsFine)*Mouse.WheelScrollLines
323331
324332Code
325333
326334Simply by assigning any floating-point value to property Position:
327335
328-`Position := 10.5; `
336+``` pascal
337+Position := 10.5;
338+```
329339
330340If the value is out of range (lesser than Min or greater than Max) then Position will be Min or Max.
331341
332342#### TECSpinPosition
333343
334344An alternative to [[TTrackBar]] or [[TScrollBar]]. Similar components are used in Krita (2D graphics software).
335345
336346![](/wiki-images/6/67/Tecspinposition.png)
337347
338348#### TECRuler
339349
340350An advanced ruler.
341351
342352![](/wiki-images/d/d0/Tecruler.png)
343353
344354[[TECRuler]] cannot have focus. It just displays scale. Can have fixed or movable pointer optionally.
345355
346356#### TECRadioGroup
347357
348358An alternative to TRadioGroup.
349359
350360![](/wiki-images/3/3a/Tecradiogroup.png)
351361
352362[[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.
353363
354364Mouse
355365
356366- Left-click on any item (out of knob) changes its Checked property to True (or to False if this item is already checked*).
357367- Left-click on the TECRadioGroup out of items sets focus to component only.
358368
359369Keyboard
360370
361371- 0: deselects all*
362372- 1-9: selects (or deselects*) item 1-9
363373- Acceleration key (Alt + Key) changes the Checked property to True or False* (radio group doesn't have to be focused).
364374
365375*) Depends whether egoAllowAllUp is in Options.
366376
367377Code
368378
369379Simply by assigning any ItemIndex or Items\[\].Checked property:
370380
371-`ItemIndex := 1; //selects the second item`\
372-`Items[1].Checked := False; //deselects the second item, regardless of the egoAllowAllUp in Options`
381+``` pascal
382+ItemIndex := 1; //selects the second item
383+Items[1].Checked := False; //deselects the second item, regardless of the egoAllowAllUp in Options
384+```
373385
374386#### TECCheckGroup
375387
376388An alternative to TCheckGroup.
377389
378390![](/wiki-images/7/7b/Teccheckgroup.png)
379391
380392TECCheckGroup 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.
381393
382394Mouse
383395
384396- Left-click on any item (out of knob) changes its Checked property to True (or to False if this item is already checked*).
385397- Left-click on the TECCheckGroup out of items sets focus to component only.
386398
387399Keyboard
388400
389401- 0: deselects all*
390402- 1-9: selects (or deselects*) item 1-9
391403- Acceleration key (Alt + Key) changes the Checked property to True/False* (check group doesn't have to be focused).
392404
393405*) Depends whether egoAllowAllUp is in Options.
394406
395407Code
396408
397409Simply by assigning any Checked\[\] or Items\[\].Checked property:
398410
399-`Checked[1] := True; //selects the second item`\
400-`Items[1].Checked := False; //deselects the second item, regardless of the egoAllowAllUp in Options.`
411+``` pascal
412+Checked[1] := True; //selects the second item
413+Items[1].Checked := False; //deselects the second item, regardless of the egoAllowAllUp in Options.
414+```
401415
402416#### TECTabCtrl
403417
404418See: [[TECTabCtrl]]
405419
406420#### TECAccordion
407421
408422[[TECAccordion]] is a side menu, works similarly to [[TPageControl]].
409423
410424![](/wiki-images/3/37/Tecaccordion.png)
411425
412426TECAccordion 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.
413427
414428Mouse
415429
416430Left-click on any item opens/closes it.
417431
418432Keyboard
419433
420434Acceleration key (Alt + Key) changes the item (component doesn't have to be focused).
421435
422436Code
423437
424438Simply by setting ItemIndex property.
425439
426440#### TECTriangle
427441
428442A balance of three values. This is not a color picker!
429443
430444![](/wiki-images/a/a8/Tectriangle.png)
431445
432446[[TECTriangle]] cannot have focus and cannot be reached by Tab key. Can be controlled by mouse only.
433447
434448Mouse
435449
436450- Left-click on triangle area.
437451- Left-click and hold the pointer can drag.
438452- Left-click on a mark sets more exact value, for example \[0,333..., 0.333..., 0.333...\].
439453- Mouse wheel can roll the pointer up and down.
440454
441455Code
442456
443457By 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).
444458
445459#### TECGrid
446460
447461See: [[TECGrid]]
448462
449463#### TECConfCurve
450464
451465Component for Configuration.
452466
453467![](/wiki-images/1/1e/Tecconfcurve.png)
454468
455469User can configure polyline or Bezier curve with multiple points.
456470
457471Can be aligned with vertical and/or horizontal ruler (TECRuler).
458472
459473See ECConfCurve-Demo.
460474
461475#### TECScheme
462476
463477An advanced component for configuration of general scheme.
464478
465479![](/wiki-images/6/65/Tecscheme.png)
466480
467481User can add multiple blocks and connect them.
468482
469483This component is highly configurable. See SchemeDesigner and ECSchemeDesc bundled with EC-Controls.
470484
471485### Non-visual components
472486
473487#### TECSpinController
474488
475489Diseñado para controlar las propiedades de multiples TECSpinBtns y TECSpinEdit.
476490
477491![](/wiki-images/7/79/Tecspincontrollericon.png)
478492
479493[[TECSpinBtns]] y [[TECSpinEdit]] tienen propiedades Controller. Cuando se asigna algún SpinController a esta propiedad entonces este controler puede cambiar las propiedades seleccionadas de todos los Controller asignados a TECSpinEdits y TECSpinBtns a la vez. Las propiedades ajustables son - por ejemplo - TimerDelay, TimerRepeat, anchos de pulsadores individuales, GlyphsStyle y otros.
480494
481495El proyecto puede tener múltiples SpinControllers.
482496
483497#### TECTimer
484498
485499Un temporizador avanzado.
486500
487501![](/wiki-images/2/23/Tectimericon.png)
488502
489503La principal característica es que el primer intervalo(propiedad **Delay**) puede diferir de todos los siguientes intervaloss (property **Repeat**).
490504
491505### Otras partes de EC-Controls
492506
493507#### Class TECScale
494508
495509Una escala. No es un componente pero se puede dibujar en cualquier canvas.
496510
497511Esta clase se utiliza en TECRuler, TECSlider, TECProgressBar, TECPositionBar y TECSpinPosition.
498512
499513Ver la demo ECScale-Demo.
500514
501515#### Unit ECTypes
502516
503517Tipos y clases base para los controles Eye Candy (EC-C).
504518
505519If you use EC-Controls in your project you may need to add this unit to your **uses** section.
506520
507521This unit contains many declarations, color-conversion routines and base classes, for example TBaseScrollControl.
508522
509523#### TBaseScrollControl
510524
511525Es la clase base para los componentes de desplazamiento (TECScheme es su descendiente).
512526
513527Puedes derivar tus propios componentes de desplazamiento a partir de TBaseScrollControl.
514528
515529Credito: Esta clase está basada en [TScrollingControl](https://github.com/theo222/lazarus-thumbviewer/blob/master/scrollingcontrol.pas) por Theo.
516530
517531## Demos
518532
519533EC-Controls viene con varias demos. Si alguna de las siguientes demos no se encuentra en archivo puede significar que no hay cambios y la demo no ha sido incluida. En tal caso utiliza la demo de la versión previa.
520534
521535#### ECC-Demo
522536
523537Esta demo muestra todos los controles EC en varias configuraciones.
524538
525539#### ECScale-Demo
526540
527541Esta demo muestra como utilizar [[TECScale]] en tu propio componente visual.al component.
528542
529543#### ECConfCurve-Demo
530544
531545Esta demo muestra las capacidades de [[TECConfCurve]].
532546
533547#### ECSchemeDesc
534548
535549Esta demo muestra como se pueden crear componentes descendientes de [[TCustomECScheme]].
536550
537551#### SchemeDesigner
538552
539553SchemeDesigner es más que una demo. Muestra como crear el configurador TECScheme en tu aplicación pero además puede utilizarse par crear tus propias configuraciones y almacenarlas en formato *.xml.
540554
541555---
542556*From the Free Pascal wiki, page "Eye-Candy Controls/es", as it stood on 2020-07-29 after a change by FTurtle, 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