Sign in Join
Wiki copytemporary

Eye-Candy Controls/es: what changed

Revision 1 to 2. 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
37-<figure>
38-<img src="ecpalette2.png" title="ecpalette2.png" />
39-<figcaption>ecpalette2.png</figcaption>
40-</figure>
37+![](/wiki-images/3/3b/Ecpalette2.png)
4138
4239Los 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).
4340
4441### Visual
4542
4643#### TECBevel
4744
4845An alternative to [[TBevel]].
4946
50-<figure>
51-<img src="tecbevel.png" title=" center" />
52-<figcaption> center</figcaption>
53-</figure>
47+![](/wiki-images/0/0e/Tecbevel.png)
5448
5549[[TECBevel]] puede dibujar formas no rectangulares y lineas no directas.
5650
5751#### TECLink
5852
5953[[TECLink]] provee un weblink. Los mismos enlaces que son bien conocidos por los visores web (navegadores web).
6054
61-<figure>
62-<img src="teclink.png" title=" center" />
63-<figcaption> center</figcaption>
64-</figure>
55+![](/wiki-images/7/70/Teclink.png)
6556
6657Es una etiqueta que cambia su aspecto cuando se recorre por el cursor del ratón (por defecto permanece subrayado y azul).
6758
6859Puede abrir una URL con el navegador/aplicación de correo por defecto, fichero asociado a una aplicación o simplemente lanzar el evento OnClick.
6960
7061#### TECImageMenu
7162
7263Un menú vertical con imágenes. Un componente similar a este se utiliza frecuentemente en aplicaciones KDE4 y Outlook97.
7364
74-<figure>
75-<img src="tecimagemenu.png" title=" center" />
76-<figcaption> center</figcaption>
77-</figure>
65+![](/wiki-images/8/87/Tecimagemenu.png)
7866
7967[[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.
8068
8169Ratón
8270
8371- Simplemente haz click con el pulsador izquierdo en el elemento del menú.
8472- El click del pulsador de enmedio del ratón selecciona un elemento pero no hace click.
8573- La rueda del ratón mueve la selección y no hace click.
8674
8775Teclado
8876
8977- Space nad Enter: click on the selected item.
9078- Arrow Up, Arrow Down, Page Up, Page Down, Home and End: moves the selection but does not click.
9179- Acceleration key (Alt + Key) selects and clicks the relevant item (menu doesn't need to be focused)..
9280
9381#### TECSpinBtns
9482
9583Una alternativa avanzada a [[TUpDown]].
9684
97-<figure>
98-<img src="tecspinbtns.png" title=" center" />
99-<figcaption> center</figcaption>
100-</figure>
85+![](/wiki-images/b/bb/Tecspinbtns.png)
10186
10287[[TECSpinBtns]] está basado en variables de precisión doble.
10388
10489TECSpinBtns no puede obtener el foco. Se puede controlar mediante ratón o por código.
10590
10691Mouse
10792
10893TECSpinBtns consiste en 9 pequeños pulsadores.
10994
11095- 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.
11196- 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.
11297
11398Codigo
11499
115100Simplemente mediante la asignación de cualqier valor de punto flotante al valor de la propiedad:
116101
117102`Value := 10.5;`
118103
119104Si el valor se encuentra fuera de rango (menor que Min o mayor que Max) entonces Value valdrá Min o Max respectivamente.
120105
121106Precendencia de dibujado:
122107
1231081. La mas alta frecedencia la tiene el evento OnDrawGlyph.
1241092. La segunda la tiene Caption. Debería ser corta (uno o dos caracteres).
1251103. La tercera es image desde Images. Images deben ser asignadas e ImageIndex debe ser mayor o igual que cero y lesser que Images.Count.
1261114. 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..
127112
128113#### TECSpinEdit
129114
130115Una alternativa avanzada a TSpinEdit y TFloatSpinEdit. Es un [[TEdit]] unido junto con TECSpinBtns.
131116
132-<figure>
133-<img src="tecspinedit.png" title=" center" />
134-<figcaption> center</figcaption>
135-</figure>
117+![](/wiki-images/c/c8/Tecspinedit.png)
136118
137119[[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.
138120
139121
140122Ratón
141123
142124Ver [[TECSpinBtns]].
143125
144126Teclado
145127
146128(line-edit must be focused)
147129
148130Se 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.
149131
150132- Arrow Up/Down do click on BtnInc/BtnDec*.
151133- PgUp/PgDn do click on BtnBigInc/BtnBigDec*.
152134- Ctrl + Home/End do click on BtnMax/BtnMin*.
153135- Ctrl + Space do click BtnMiddle.
154136- Ctrl + Enter do click on BtnMenu.
155137
156138*) valid for Reversed = False. For Reversed = True works oppositely.
157139
158140Code
159141
160142Simply by assigning any floating-point value to property Value:
161143
162144`Value := 10.5;`
163145
164146If the value is out of range (lesser than Min or greater than Max) then Value will be Min or Max.
165147
166148#### TECSwitch
167149
168150Una alternativa a TCheckBox. Existe una alternativa similar en GTk3.
169151
170-<figure>
171-<img src="tecswitch.png" title=" center" />
172-<figcaption> center</figcaption>
173-</figure>
152+![](/wiki-images/6/64/Tecswitch.png)
174153
175154[[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.
176155
177156Ratón
178157
179158- Left-click on switch area (out of knob) will change the State*.
180159- 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.
181160
182161Teclado
183162
184163- Espacio e Intro cambian su estado* (solamente cuando tiene el foco).
185164- Acceleration key (Alt + Key) changes the State* (no necesita ser enfocado).
186165
187166Código
188167
189168Simply by assigning any State* or Checked property:
190169
191170`Checked := True; //False`\
192171`State := cbChecked; //cbGrayed, cbUnchecked`
193172
194173*) Property State is always changed from checked to unchecked, from grayed to unchecked or from unchecked to checked.
195174
196175#### TECSpeedBtn
197176
198177Un pulsador con algunas características avanzadas y glyps embebidos. Una alternativa a TSpeedButton y TToggleBox.
199178
200-<figure>
201-<img src="tecspeedbtn.png" title=" center" />
202-<figcaption> center</figcaption>
203-</figure>
179+![](/wiki-images/0/04/Tecspeedbtn.png)
204180
205181[[TECSpeedBtn]] no puede obtener el foco.
206182
207183Características y diferencias de [[TSpeedButton]]:
208184
209185- TSpeedButton tiene la propiedad Glyph: TBitmap. TECSpeedBtn tiene las propiedades ImageIndex: Integer e Images: [[TImageList]] instead.
210186- TECSpeedBtn tiene la propiedad Delay ytimer embebido. Therefore it can work as a delay-button (Delay\>0) or toggle-box (Delay\<0).
211187- TECSpeedBtn tiene más de 80 glyph embebidos (pintados vía [[TCanvas]] helper). Glyphs pueden ser varios para los estados checked yunchecked.
212188- Simmilarmente a TSpeedButton, TECSpeedBtn tienen las propiedades GroupIndex, Checked y AllowAllUp de manera que los pulsadores se pueden agrupar a radio-group.
213189- TECSpeedBtn cannot obtain focus but can be pressed by acceleration key (Alt+ \[underlined key\]).
214190- TECSpeedBtn can be linked with [[TAction]] too.
215191
216192Precedencia de dibujado:
217193
2181941. La mayor precedencia la tiene el evento OnDrawGlyph.
2191952. 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.
2201963. 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).
221197
222198#### TECEditBtn
223199
224200An alternative to [[TEditButton]]. It is [[TEdit]] joined together with [[TECSpeedBtn]].
225201
226-<figure>
227-<img src="teceditbtn.png" title="teceditbtn.png" />
228-<figcaption>teceditbtn.png</figcaption>
229-</figure>
202+![](/wiki-images/5/5d/Teceditbtn.png)
230203
231204#### TECColorBtn
232205
233206Visual component for selecting color. Line edit displays color code in various formats and associated button triggers color dialog.
234207
235-<figure>
236-<img src="teccolorbtn.png" title="teccolorbtn.png" />
237-<figcaption>teccolorbtn.png</figcaption>
238-</figure>
208+![](/wiki-images/a/ab/Teccolorbtn.png)
239209
240210Color of the glyph on the button corresponds with the color in the line-edit.
241211
242212Property Text is not published. If Text is changed via code, EditingDone must be called to validate the change.
243213
244214#### TECComboBtn
245215
246216A combobox with associated button. It is [[TComboBox]] joined together with [[TECSpeedBtn]].
247217
248-<figure>
249-<img src="teccombobtn.png" title="teccombobtn.png" />
250-<figcaption>teccombobtn.png</figcaption>
251-</figure>
218+![](/wiki-images/9/9e/Teccombobtn.png)
252219
253220#### TECColorCombo
254221
255222Visual component for selecting color. Combobox contains colors in various formats and associated button triggers color dialog.
256223
257-<figure>
258-<img src="teccolorcombo.png" title="teccolorcombo.png" />
259-<figcaption>teccolorcombo.png</figcaption>
260-</figure>
224+![](/wiki-images/4/43/Teccolorcombo.png)
261225
262226Color of the glyph on the button corresponds with the color selected in the combobox.
263227
264228Property Text is not published. If Text is changed via code, Validate must be called to validate the change.
265229
266230#### TECHeader
267231
268232An alternative to [[THeader]].
269233
270-<figure>
271-<img src="techeader.png" title="techeader.png" />
272-<figcaption>techeader.png</figcaption>
273-</figure>
234+![](/wiki-images/a/a1/Techeader.png)
274235
275236Main feature is ability to have columns aligned to the left and to the right at a time. This components is designed for TECCheckListBox.
276237
277238#### TECCheckListBox
278239
279240An alternative to [[TCheckListBox]].
280241
281-<figure>
282-<img src="tecchecklistbox.png" title="tecchecklistbox.png" />
283-<figcaption>tecchecklistbox.png</figcaption>
284-</figure>
242+![](/wiki-images/0/02/Tecchecklistbox.png)
285243
286244Can have multiple checkable columns.
287245
288246Currently, property Sorted is not supported.
289247
290248#### TECSlider
291249
292250An advanced alternative to [[TTrackBar]].
293251
294-<figure>
295-<img src="tecslider.png" title="tecslider.png" />
296-<figcaption>tecslider.png</figcaption>
297-</figure>
252+![](/wiki-images/e/e0/Tecslider.png)
298253
299254TECSlider can have focus and can be reached by Tab key (when `TabStop = True`, which is default).
300255
301256TECSlider is based on double precision variables. TECSlider can be controlled by mouse, by keyboard or by code.
302257
303258Ratón
304259
305260- Left-click on Slider area (out of Knob) will move the knob by PageSize (or less, if mouse cursor is nearer).
306261- 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).
307262- 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.
308263- 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.
309264
310265El incremento es:
311266
312267- Mouse wheel: Increment*Mouse.WheelScrollLines
313268- Ctrl + mouse wheel: Incremento.
314269
315270Teclado
316271
317272- Space: mueve knob a la mitad de groove or to the ProgressMiddlePos en caso de que ProgressFromMiddle = True
318273- 0-9: mueve el knob a position que es the integer multiplier of the PageSize (i.e. 0, 10, ..., 90 for PageSize = 10).
319274- PgUp: decrementa Position por PageSize
320275- PgUp: incrementa Position por PageSize
321276- Home: mueve el Knob a Min
322277- End: mueve el Knob a Max
323278- +: increases Position by Increment
324279- -: decreases Position by Increment
325280- Ctrl + ArrowUp: decreases* Position by Increment
326281- Ctrl + ArrowLeft: decreases* Position by Increment
327282- Ctrl + ArrowDown: increases* Position by Increment
328283- Ctrl + ArrowRight: increases* Position by Increment
329284
330285*) valid for `Reversed = False`. When `Reversed = True` works oppositely.
331286
332287Código
333288
334289Simplemente mediante la asignación de un valor de punto flotante a la propiedad Position:
335290
336291`Position := 10.5; `
337292
338293Si el valor se encuentra fuera de rango (menor que Min o mayor que Max) entonces Position valdrá Min o Max respectivamente.
339294
340295#### TECProgressBar
341296
342297An advanced alternative to [[TProgressBar]].
343298
344-<figure>
345-<img src="tecprogressbar.png" title="tecprogressbar.png" />
346-<figcaption>tecprogressbar.png</figcaption>
347-</figure>
299+![](/wiki-images/6/62/Tecprogressbar.png)
348300
349301TECProgressBar is based on double precision variables. TECProgressBar cannot have focus. It can be controlled by code only.
350302
351303#### TECPositionBar
352304
353305An alternative to [[TTrackBar]] or [[TScrollBar]]. Similar components are used in [[Blender]] (3D graphics software).
354306
355-<figure>
356-<img src="tecpositionbar.png" title="tecpositionbar.png" />
357-<figcaption>tecpositionbar.png</figcaption>
358-</figure>
307+![](/wiki-images/6/61/Tecpositionbar.png)
359308
360309[[TECPositionBar]] cannot have focus and is based on double precision variables. TECPositionBar can be controlled by mouse or by code.
361310
362311Mouse
363312
364313- 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).
365314- Middle-click: moves knob to the middle of the groove or to the ProgressMiddlePos in case of ProgressFromMiddle = True
366315- 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.
367316- 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).
368317- 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.
369318
370319The increment is:
371320
372321- Mouse wheel: MouseDragPixels*Mouse.WheelScrollLines
373322- Ctrl + mouse wheel: (MouseDragPixels/MouseDragPixelsFine)*Mouse.WheelScrollLines
374323
375324Code
376325
377326Simply by assigning any floating-point value to property Position:
378327
379328`Position := 10.5; `
380329
381330If the value is out of range (lesser than Min or greater than Max) then Position will be Min or Max.
382331
383332#### TECSpinPosition
384333
385334An alternative to [[TTrackBar]] or [[TScrollBar]]. Similar components are used in Krita (2D graphics software).
386335
387-<figure>
388-<img src="tecspinposition.png" title="tecspinposition.png" />
389-<figcaption>tecspinposition.png</figcaption>
390-</figure>
336+![](/wiki-images/6/67/Tecspinposition.png)
391337
392338#### TECRuler
393339
394340An advanced ruler.
395341
396-<figure>
397-<img src="tecruler.png" title="tecruler.png" />
398-<figcaption>tecruler.png</figcaption>
399-</figure>
342+![](/wiki-images/d/d0/Tecruler.png)
400343
401344[[TECRuler]] cannot have focus. It just displays scale. Can have fixed or movable pointer optionally.
402345
403346#### TECRadioGroup
404347
405348An alternative to TRadioGroup.
406349
407-<figure>
408-<img src="tecradiogroup.png" title="tecradiogroup.png" />
409-<figcaption>tecradiogroup.png</figcaption>
410-</figure>
350+![](/wiki-images/3/3a/Tecradiogroup.png)
411351
412352[[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.
413353
414354Mouse
415355
416356- Left-click on any item (out of knob) changes its Checked property to True (or to False if this item is already checked*).
417357- Left-click on the TECRadioGroup out of items sets focus to component only.
418358
419359Keyboard
420360
421361- 0: deselects all*
422362- 1-9: selects (or deselects*) item 1-9
423363- Acceleration key (Alt + Key) changes the Checked property to True or False* (radio group doesn't have to be focused).
424364
425365*) Depends whether egoAllowAllUp is in Options.
426366
427367Code
428368
429369Simply by assigning any ItemIndex or Items\[\].Checked property:
430370
431371`ItemIndex := 1; //selects the second item`\
432372`Items[1].Checked := False; //deselects the second item, regardless of the egoAllowAllUp in Options`
433373
434374#### TECCheckGroup
435375
436376An alternative to TCheckGroup.
437377
438-<figure>
439-<img src="teccheckgroup.png" title="teccheckgroup.png" />
440-<figcaption>teccheckgroup.png</figcaption>
441-</figure>
378+![](/wiki-images/7/7b/Teccheckgroup.png)
442379
443380TECCheckGroup 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.
444381
445382Mouse
446383
447384- Left-click on any item (out of knob) changes its Checked property to True (or to False if this item is already checked*).
448385- Left-click on the TECCheckGroup out of items sets focus to component only.
449386
450387Keyboard
451388
452389- 0: deselects all*
453390- 1-9: selects (or deselects*) item 1-9
454391- Acceleration key (Alt + Key) changes the Checked property to True/False* (check group doesn't have to be focused).
455392
456393*) Depends whether egoAllowAllUp is in Options.
457394
458395Code
459396
460397Simply by assigning any Checked\[\] or Items\[\].Checked property:
461398
462399`Checked[1] := True; //selects the second item`\
463400`Items[1].Checked := False; //deselects the second item, regardless of the egoAllowAllUp in Options.`
464401
465402#### TECTabCtrl
466403
467404See: [[TECTabCtrl]]
468405
469406#### TECAccordion
470407
471408[[TECAccordion]] is a side menu, works similarly to [[TPageControl]].
472409
473-<figure>
474-<img src="tecaccordion.png" title="tecaccordion.png" />
475-<figcaption>tecaccordion.png</figcaption>
476-</figure>
410+![](/wiki-images/3/37/Tecaccordion.png)
477411
478412TECAccordion 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.
479413
480414Mouse
481415
482416Left-click on any item opens/closes it.
483417
484418Keyboard
485419
486420Acceleration key (Alt + Key) changes the item (component doesn't have to be focused).
487421
488422Code
489423
490424Simply by setting ItemIndex property.
491425
492426#### TECTriangle
493427
494428A balance of three values. This is not a color picker!
495429
496-<figure>
497-<img src="tectriangle.png" title="tectriangle.png" />
498-<figcaption>tectriangle.png</figcaption>
499-</figure>
430+![](/wiki-images/a/a8/Tectriangle.png)
500431
501432[[TECTriangle]] cannot have focus and cannot be reached by Tab key. Can be controlled by mouse only.
502433
503434Mouse
504435
505436- Left-click on triangle area.
506437- Left-click and hold the pointer can drag.
507438- Left-click on a mark sets more exact value, for example \[0,333..., 0.333..., 0.333...\].
508439- Mouse wheel can roll the pointer up and down.
509440
510441Code
511442
512443By 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).
513444
514445#### TECGrid
515446
516447See: [[TECGrid]]
517448
518449#### TECConfCurve
519450
520451Component for Configuration.
521452
522-<figure>
523-<img src="tecconfcurve.png" title="tecconfcurve.png" />
524-<figcaption>tecconfcurve.png</figcaption>
525-</figure>
453+![](/wiki-images/1/1e/Tecconfcurve.png)
526454
527455User can configure polyline or Bezier curve with multiple points.
528456
529457Can be aligned with vertical and/or horizontal ruler (TECRuler).
530458
531459See ECConfCurve-Demo.
532460
533461#### TECScheme
534462
535463An advanced component for configuration of general scheme.
536464
537-<figure>
538-<img src="tecscheme.png" title="tecscheme.png" />
539-<figcaption>tecscheme.png</figcaption>
540-</figure>
465+![](/wiki-images/6/65/Tecscheme.png)
541466
542467User can add multiple blocks and connect them.
543468
544469This component is highly configurable. See SchemeDesigner and ECSchemeDesc bundled with EC-Controls.
545470
546471### Non-visual components
547472
548473#### TECSpinController
549474
550475Diseñado para controlar las propiedades de multiples TECSpinBtns y TECSpinEdit.
551476
552-<figure>
553-<img src="tecspincontrollericon.png" title=" center" />
554-<figcaption> center</figcaption>
555-</figure>
477+![](/wiki-images/7/79/Tecspincontrollericon.png)
556478
557479[[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.
558480
559481El proyecto puede tener múltiples SpinControllers.
560482
561483#### TECTimer
562484
563485Un temporizador avanzado.
564486
565-<figure>
566-<img src="tectimericon.png" title=" center" />
567-<figcaption> center</figcaption>
568-</figure>
487+![](/wiki-images/2/23/Tectimericon.png)
569488
570489La principal característica es que el primer intervalo(propiedad **Delay**) puede diferir de todos los siguientes intervaloss (property **Repeat**).
571490
572491### Otras partes de EC-Controls
573492
574493#### Class TECScale
575494
576495Una escala. No es un componente pero se puede dibujar en cualquier canvas.
577496
578497Esta clase se utiliza en TECRuler, TECSlider, TECProgressBar, TECPositionBar y TECSpinPosition.
579498
580499Ver la demo ECScale-Demo.
581500
582501#### Unit ECTypes
583502
584503Tipos y clases base para los controles Eye Candy (EC-C).
585504
586505If you use EC-Controls in your project you may need to add this unit to your **uses** section.
587506
588507This unit contains many declarations, color-conversion routines and base classes, for example TBaseScrollControl.
589508
590509#### TBaseScrollControl
591510
592511Es la clase base para los componentes de desplazamiento (TECScheme es su descendiente).
593512
594513Puedes derivar tus propios componentes de desplazamiento a partir de TBaseScrollControl.
595514
596515Credito: Esta clase está basada en [TScrollingControl](https://github.com/theo222/lazarus-thumbviewer/blob/master/scrollingcontrol.pas) por Theo.
597516
598517## Demos
599518
600519EC-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.
601520
602521#### ECC-Demo
603522
604523Esta demo muestra todos los controles EC en varias configuraciones.
605524
606525#### ECScale-Demo
607526
608527Esta demo muestra como utilizar [[TECScale]] en tu propio componente visual.al component.
609528
610529#### ECConfCurve-Demo
611530
612531Esta demo muestra las capacidades de [[TECConfCurve]].
613532
614533#### ECSchemeDesc
615534
616535Esta demo muestra como se pueden crear componentes descendientes de [[TCustomECScheme]].
617536
618537#### SchemeDesigner
619538
620539SchemeDesigner 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.
621540
622541---
623542*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