Eye-Candy Controls/es: what changed

Revision 0 to 1. Removed lines have a minus sign; added lines have a plus sign.

Title: Eye-Candy Controls/es

New		Line
1	+	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.
2	+
3	+	Cada release se anuncia en el foro de Lazarus en la sección Third Party Announcements.
4	+
5	+	Siempre se anexan ficheros `README.txt` (listado de incidencias conocidas)y `CHANGELOG.txt` (listado de todos los cambios realizados desde la versión previa).
6	+
7	+	Licencia
8	+
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	+
11	+	Autor
12	+
13	+	Todos 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.
14	+
15	+	Descarga
16	+
17	+	- Latest release: 0.9.20 a 31 de Julio de 2017 (sin demos); TECGrid es Release candidate; UltraShare está fuera de servicio.
18	+	- Release previa: 0.9.6 a 24 de Mayo de 2016 (incluye demos)
19	+	- SourceForge: <https://sourceforge.net/projects/eccontrols/>
20	+	- UltraShare: <http://ultrashare.net/hosting/fl/8c275ee97f> (direct link to 0.9.6 released on 24-th May 2016; including demos)
21	+	- UltraShare: <http://ultrashare.net/hosting/fl/a8838060fb> (direct link to 0.9.4.16 released on 9-th April 2016; without demos)
22	+	- UltraShare: <http://ultrashare.net/hosting/fl/f523032cb4> (direct link to 0.9.4.14 released on 6-th April 2016; without demos)
23	+
24	+	UltraShare 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.
25	+
26	+	Instalación en Lazarus
27	+
28	+	Abrir 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.
29	+
30	+	Traducción
31	+	Esto 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).
32	+
33	+	## Componentes
34	+
35	+	EC-Controls se instalan en la solapa EC-C dentro de la paleta de componentes de Lazarus.
36	+
37	+	<figure>
38	+	<img src="ecpalette2.png" title="ecpalette2.png" />
39	+	<figcaption>ecpalette2.png</figcaption>
40	+	</figure>
41	+
42	+	Los 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).
43	+
44	+	### Visual
45	+
46	+	#### TECBevel
47	+
48	+	An alternative to [[TBevel]].
49	+
50	+	<figure>
51	+	<img src="tecbevel.png" title=" center" />
52	+	<figcaption> center</figcaption>
53	+	</figure>
54	+
55	+	[[TECBevel]] puede dibujar formas no rectangulares y lineas no directas.
56	+
57	+	#### TECLink
58	+
59	+	[[TECLink]] provee un weblink. Los mismos enlaces que son bien conocidos por los visores web (navegadores web).
60	+
61	+	<figure>
62	+	<img src="teclink.png" title=" center" />
63	+	<figcaption> center</figcaption>
64	+	</figure>
65	+
66	+	Es una etiqueta que cambia su aspecto cuando se recorre por el cursor del ratón (por defecto permanece subrayado y azul).
67	+
68	+	Puede abrir una URL con el navegador/aplicación de correo por defecto, fichero asociado a una aplicación o simplemente lanzar el evento OnClick.
69	+
70	+	#### TECImageMenu
71	+
72	+	Un menú vertical con imágenes. Un componente similar a este se utiliza frecuentemente en aplicaciones KDE4 y Outlook97.
73	+
74	+	<figure>
75	+	<img src="tecimagemenu.png" title=" center" />
76	+	<figcaption> center</figcaption>
77	+	</figure>
78	+
79	+	[[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.
80	+
81	+	Ratón
82	+
83	+	- Simplemente haz click con el pulsador izquierdo en el elemento del menú.
84	+	- El click del pulsador de enmedio del ratón selecciona un elemento pero no hace click.
85	+	- La rueda del ratón mueve la selección y no hace click.
86	+
87	+	Teclado
88	+
89	+	- Space nad Enter: click on the selected item.
90	+	- Arrow Up, Arrow Down, Page Up, Page Down, Home and End: moves the selection but does not click.
91	+	- Acceleration key (Alt + Key) selects and clicks the relevant item (menu doesn't need to be focused)..
92	+
93	+	#### TECSpinBtns
94	+
95	+	Una alternativa avanzada a [[TUpDown]].
96	+
97	+	<figure>
98	+	<img src="tecspinbtns.png" title=" center" />
99	+	<figcaption> center</figcaption>
100	+	</figure>
101	+
102	+	[[TECSpinBtns]] está basado en variables de precisión doble.
103	+
104	+	TECSpinBtns no puede obtener el foco. Se puede controlar mediante ratón o por código.
105	+
106	+	Mouse
107	+
108	+	TECSpinBtns consiste en 9 pequeños pulsadores.
109	+
110	+	- 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.
111	+	- 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.
112	+
113	+	Codigo
114	+
115	+	Simplemente mediante la asignación de cualqier valor de punto flotante al valor de la propiedad:
116	+
117	+	`Value := 10.5;`
118	+
119	+	Si el valor se encuentra fuera de rango (menor que Min o mayor que Max) entonces Value valdrá Min o Max respectivamente.
120	+
121	+	Precendencia de dibujado:
122	+
123	+	1. La mas alta frecedencia la tiene el evento OnDrawGlyph.
124	+	2. La segunda la tiene Caption. Debería ser corta (uno o dos caracteres).
125	+	3. La tercera es image desde Images. Images deben ser asignadas e ImageIndex debe ser mayor o igual que cero y lesser que Images.Count.
126	+	4. 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..
127	+
128	+	#### TECSpinEdit
129	+
130	+	Una alternativa avanzada a TSpinEdit y TFloatSpinEdit. Es un [[TEdit]] unido junto con TECSpinBtns.
131	+
132	+	<figure>
133	+	<img src="tecspinedit.png" title=" center" />
134	+	<figcaption> center</figcaption>
135	+	</figure>
136	+
137	+	[[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.
138	+
139	+
140	+	Ratón
141	+
142	+	Ver [[TECSpinBtns]].
143	+
144	+	Teclado
145	+
146	+	(line-edit must be focused)
147	+
148	+	Se 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.
149	+
150	+	- Arrow Up/Down do click on BtnInc/BtnDec*.
151	+	- PgUp/PgDn do click on BtnBigInc/BtnBigDec*.
152	+	- Ctrl + Home/End do click on BtnMax/BtnMin*.
153	+	- Ctrl + Space do click BtnMiddle.
154	+	- Ctrl + Enter do click on BtnMenu.
155	+
156	+	*) valid for Reversed = False. For Reversed = True works oppositely.
157	+
158	+	Code
159	+
160	+	Simply by assigning any floating-point value to property Value:
161	+
162	+	`Value := 10.5;`
163	+
164	+	If the value is out of range (lesser than Min or greater than Max) then Value will be Min or Max.
165	+
166	+	#### TECSwitch
167	+
168	+	Una alternativa a TCheckBox. Existe una alternativa similar en GTk3.
169	+
170	+	<figure>
171	+	<img src="tecswitch.png" title=" center" />
172	+	<figcaption> center</figcaption>
173	+	</figure>
174	+
175	+	[[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.
176	+
177	+	Ratón
178	+
179	+	- Left-click on switch area (out of knob) will change the State*.
180	+	- 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.
181	+
182	+	Teclado
183	+
184	+	- Espacio e Intro cambian su estado* (solamente cuando tiene el foco).
185	+	- Acceleration key (Alt + Key) changes the State* (no necesita ser enfocado).
186	+
187	+	Código
188	+
189	+	Simply by assigning any State* or Checked property:
190	+
191	+	`Checked := True; //False`\
192	+	`State := cbChecked; //cbGrayed, cbUnchecked`
193	+
194	+	*) Property State is always changed from checked to unchecked, from grayed to unchecked or from unchecked to checked.
195	+
196	+	#### TECSpeedBtn
197	+
198	+	Un pulsador con algunas características avanzadas y glyps embebidos. Una alternativa a TSpeedButton y TToggleBox.
199	+
200	+	<figure>
201	+	<img src="tecspeedbtn.png" title=" center" />
202	+	<figcaption> center</figcaption>
203	+	</figure>
204	+
205	+	[[TECSpeedBtn]] no puede obtener el foco.
206	+
207	+	Características y diferencias de [[TSpeedButton]]:
208	+
209	+	- TSpeedButton tiene la propiedad Glyph: TBitmap. TECSpeedBtn tiene las propiedades ImageIndex: Integer e Images: [[TImageList]] instead.
210	+	- TECSpeedBtn tiene la propiedad Delay ytimer embebido. Therefore it can work as a delay-button (Delay\>0) or toggle-box (Delay\<0).
211	+	- TECSpeedBtn tiene más de 80 glyph embebidos (pintados vía [[TCanvas]] helper). Glyphs pueden ser varios para los estados checked yunchecked.
212	+	- Simmilarmente a TSpeedButton, TECSpeedBtn tienen las propiedades GroupIndex, Checked y AllowAllUp de manera que los pulsadores se pueden agrupar a radio-group.
213	+	- TECSpeedBtn cannot obtain focus but can be pressed by acceleration key (Alt+ \[underlined key\]).
214	+	- TECSpeedBtn can be linked with [[TAction]] too.
215	+
216	+	Precedencia de dibujado:
217	+
218	+	1. La mayor precedencia la tiene el evento OnDrawGlyph.
219	+	2. 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.
220	+	3. 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).
221	+
222	+	#### TECEditBtn
223	+
224	+	An alternative to [[TEditButton]]. It is [[TEdit]] joined together with [[TECSpeedBtn]].
225	+
226	+	<figure>
227	+	<img src="teceditbtn.png" title="teceditbtn.png" />
228	+	<figcaption>teceditbtn.png</figcaption>
229	+	</figure>
230	+
231	+	#### TECColorBtn
232	+
233	+	Visual component for selecting color. Line edit displays color code in various formats and associated button triggers color dialog.
234	+
235	+	<figure>
236	+	<img src="teccolorbtn.png" title="teccolorbtn.png" />
237	+	<figcaption>teccolorbtn.png</figcaption>
238	+	</figure>
239	+
240	+	Color of the glyph on the button corresponds with the color in the line-edit.
241	+
242	+	Property Text is not published. If Text is changed via code, EditingDone must be called to validate the change.
243	+
244	+	#### TECComboBtn
245	+
246	+	A combobox with associated button. It is [[TComboBox]] joined together with [[TECSpeedBtn]].
247	+
248	+	<figure>
249	+	<img src="teccombobtn.png" title="teccombobtn.png" />
250	+	<figcaption>teccombobtn.png</figcaption>
251	+	</figure>
252	+
253	+	#### TECColorCombo
254	+
255	+	Visual component for selecting color. Combobox contains colors in various formats and associated button triggers color dialog.
256	+
257	+	<figure>
258	+	<img src="teccolorcombo.png" title="teccolorcombo.png" />
259	+	<figcaption>teccolorcombo.png</figcaption>
260	+	</figure>
261	+
262	+	Color of the glyph on the button corresponds with the color selected in the combobox.
263	+
264	+	Property Text is not published. If Text is changed via code, Validate must be called to validate the change.
265	+
266	+	#### TECHeader
267	+
268	+	An alternative to [[THeader]].
269	+
270	+	<figure>
271	+	<img src="techeader.png" title="techeader.png" />
272	+	<figcaption>techeader.png</figcaption>
273	+	</figure>
274	+
275	+	Main feature is ability to have columns aligned to the left and to the right at a time. This components is designed for TECCheckListBox.
276	+
277	+	#### TECCheckListBox
278	+
279	+	An alternative to [[TCheckListBox]].
280	+
281	+	<figure>
282	+	<img src="tecchecklistbox.png" title="tecchecklistbox.png" />
283	+	<figcaption>tecchecklistbox.png</figcaption>
284	+	</figure>
285	+
286	+	Can have multiple checkable columns.
287	+
288	+	Currently, property Sorted is not supported.
289	+
290	+	#### TECSlider
291	+
292	+	An advanced alternative to [[TTrackBar]].
293	+
294	+	<figure>
295	+	<img src="tecslider.png" title="tecslider.png" />
296	+	<figcaption>tecslider.png</figcaption>
297	+	</figure>
298	+
299	+	TECSlider can have focus and can be reached by Tab key (when `TabStop = True`, which is default).
300	+
301	+	TECSlider is based on double precision variables. TECSlider can be controlled by mouse, by keyboard or by code.
302	+
303	+	Ratón
304	+
305	+	- Left-click on Slider area (out of Knob) will move the knob by PageSize (or less, if mouse cursor is nearer).
306	+	- 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).
307	+	- 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.
308	+	- 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.
309	+
310	+	El incremento es:
311	+
312	+	- Mouse wheel: Increment*Mouse.WheelScrollLines
313	+	- Ctrl + mouse wheel: Incremento.
314	+
315	+	Teclado
316	+
317	+	- Space: mueve knob a la mitad de groove or to the ProgressMiddlePos en caso de que ProgressFromMiddle = True
318	+	- 0-9: mueve el knob a position que es the integer multiplier of the PageSize (i.e. 0, 10, ..., 90 for PageSize = 10).
319	+	- PgUp: decrementa Position por PageSize
320	+	- PgUp: incrementa Position por PageSize
321	+	- Home: mueve el Knob a Min
322	+	- End: mueve el Knob a Max
323	+	- +: increases Position by Increment
324	+	- -: decreases Position by Increment
325	+	- Ctrl + ArrowUp: decreases* Position by Increment
326	+	- Ctrl + ArrowLeft: decreases* Position by Increment
327	+	- Ctrl + ArrowDown: increases* Position by Increment
328	+	- Ctrl + ArrowRight: increases* Position by Increment
329	+
330	+	*) valid for `Reversed = False`. When `Reversed = True` works oppositely.
331	+
332	+	Código
333	+
334	+	Simplemente mediante la asignación de un valor de punto flotante a la propiedad Position:
335	+
336	+	`Position := 10.5; `
337	+
338	+	Si el valor se encuentra fuera de rango (menor que Min o mayor que Max) entonces Position valdrá Min o Max respectivamente.
339	+
340	+	#### TECProgressBar
341	+
342	+	An advanced alternative to [[TProgressBar]].
343	+
344	+	<figure>
345	+	<img src="tecprogressbar.png" title="tecprogressbar.png" />
346	+	<figcaption>tecprogressbar.png</figcaption>
347	+	</figure>
348	+
349	+	TECProgressBar is based on double precision variables. TECProgressBar cannot have focus. It can be controlled by code only.
350	+
351	+	#### TECPositionBar
352	+
353	+	An alternative to [[TTrackBar]] or [[TScrollBar]]. Similar components are used in [[Blender]] (3D graphics software).
354	+
355	+	<figure>
356	+	<img src="tecpositionbar.png" title="tecpositionbar.png" />
357	+	<figcaption>tecpositionbar.png</figcaption>
358	+	</figure>
359	+
360	+	[[TECPositionBar]] cannot have focus and is based on double precision variables. TECPositionBar can be controlled by mouse or by code.
361	+
362	+	Mouse
363	+
364	+	- 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).
365	+	- Middle-click: moves knob to the middle of the groove or to the ProgressMiddlePos in case of ProgressFromMiddle = True
366	+	- 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.
367	+	- 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).
368	+	- 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.
369	+
370	+	The increment is:
371	+
372	+	- Mouse wheel: MouseDragPixels*Mouse.WheelScrollLines
373	+	- Ctrl + mouse wheel: (MouseDragPixels/MouseDragPixelsFine)*Mouse.WheelScrollLines
374	+
375	+	Code
376	+
377	+	Simply by assigning any floating-point value to property Position:
378	+
379	+	`Position := 10.5; `
380	+
381	+	If the value is out of range (lesser than Min or greater than Max) then Position will be Min or Max.
382	+
383	+	#### TECSpinPosition
384	+
385	+	An alternative to [[TTrackBar]] or [[TScrollBar]]. Similar components are used in Krita (2D graphics software).
386	+
387	+	<figure>
388	+	<img src="tecspinposition.png" title="tecspinposition.png" />
389	+	<figcaption>tecspinposition.png</figcaption>
390	+	</figure>
391	+
392	+	#### TECRuler
393	+
394	+	An advanced ruler.
395	+
396	+	<figure>
397	+	<img src="tecruler.png" title="tecruler.png" />
398	+	<figcaption>tecruler.png</figcaption>
399	+	</figure>
400	+
401	+	[[TECRuler]] cannot have focus. It just displays scale. Can have fixed or movable pointer optionally.
402	+
403	+	#### TECRadioGroup
404	+
405	+	An alternative to TRadioGroup.
406	+
407	+	<figure>
408	+	<img src="tecradiogroup.png" title="tecradiogroup.png" />
409	+	<figcaption>tecradiogroup.png</figcaption>
410	+	</figure>
411	+
412	+	[[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.
413	+
414	+	Mouse
415	+
416	+	- Left-click on any item (out of knob) changes its Checked property to True (or to False if this item is already checked*).
417	+	- Left-click on the TECRadioGroup out of items sets focus to component only.
418	+
419	+	Keyboard
420	+
421	+	- 0: deselects all*
422	+	- 1-9: selects (or deselects*) item 1-9
423	+	- Acceleration key (Alt + Key) changes the Checked property to True or False* (radio group doesn't have to be focused).
424	+
425	+	*) Depends whether egoAllowAllUp is in Options.
426	+
427	+	Code
428	+
429	+	Simply by assigning any ItemIndex or Items\[\].Checked property:
430	+
431	+	`ItemIndex := 1; //selects the second item`\
432	+	`Items[1].Checked := False; //deselects the second item, regardless of the egoAllowAllUp in Options`
433	+
434	+	#### TECCheckGroup
435	+
436	+	An alternative to TCheckGroup.
437	+
438	+	<figure>
439	+	<img src="teccheckgroup.png" title="teccheckgroup.png" />
440	+	<figcaption>teccheckgroup.png</figcaption>
441	+	</figure>
442	+
443	+	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.
444	+
445	+	Mouse
446	+
447	+	- Left-click on any item (out of knob) changes its Checked property to True (or to False if this item is already checked*).
448	+	- Left-click on the TECCheckGroup out of items sets focus to component only.
449	+
450	+	Keyboard
451	+
452	+	- 0: deselects all*
453	+	- 1-9: selects (or deselects*) item 1-9
454	+	- Acceleration key (Alt + Key) changes the Checked property to True/False* (check group doesn't have to be focused).
455	+
456	+	*) Depends whether egoAllowAllUp is in Options.
457	+
458	+	Code
459	+
460	+	Simply by assigning any Checked\[\] or Items\[\].Checked property:
461	+
462	+	`Checked[1] := True; //selects the second item`\
463	+	`Items[1].Checked := False; //deselects the second item, regardless of the egoAllowAllUp in Options.`
464	+
465	+	#### TECTabCtrl
466	+
467	+	See: [[TECTabCtrl]]
468	+
469	+	#### TECAccordion
470	+
471	+	[[TECAccordion]] is a side menu, works similarly to [[TPageControl]].
472	+
473	+	<figure>
474	+	<img src="tecaccordion.png" title="tecaccordion.png" />
475	+	<figcaption>tecaccordion.png</figcaption>
476	+	</figure>
477	+
478	+	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.
479	+
480	+	Mouse
481	+
482	+	Left-click on any item opens/closes it.
483	+
484	+	Keyboard
485	+
486	+	Acceleration key (Alt + Key) changes the item (component doesn't have to be focused).
487	+
488	+	Code
489	+
490	+	Simply by setting ItemIndex property.
491	+
492	+	#### TECTriangle
493	+
494	+	A balance of three values. This is not a color picker!
495	+
496	+	<figure>
497	+	<img src="tectriangle.png" title="tectriangle.png" />
498	+	<figcaption>tectriangle.png</figcaption>
499	+	</figure>
500	+
501	+	[[TECTriangle]] cannot have focus and cannot be reached by Tab key. Can be controlled by mouse only.
502	+
503	+	Mouse
504	+
505	+	- Left-click on triangle area.
506	+	- Left-click and hold the pointer can drag.
507	+	- Left-click on a mark sets more exact value, for example \[0,333..., 0.333..., 0.333...\].
508	+	- Mouse wheel can roll the pointer up and down.
509	+
510	+	Code
511	+
512	+	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).
513	+
514	+	#### TECGrid
515	+
516	+	See: [[TECGrid]]
517	+
518	+	#### TECConfCurve
519	+
520	+	Component for Configuration.
521	+
522	+	<figure>
523	+	<img src="tecconfcurve.png" title="tecconfcurve.png" />
524	+	<figcaption>tecconfcurve.png</figcaption>
525	+	</figure>
526	+
527	+	User can configure polyline or Bezier curve with multiple points.
528	+
529	+	Can be aligned with vertical and/or horizontal ruler (TECRuler).
530	+
531	+	See ECConfCurve-Demo.
532	+
533	+	#### TECScheme
534	+
535	+	An advanced component for configuration of general scheme.
536	+
537	+	<figure>
538	+	<img src="tecscheme.png" title="tecscheme.png" />
539	+	<figcaption>tecscheme.png</figcaption>
540	+	</figure>
541	+
542	+	User can add multiple blocks and connect them.
543	+
544	+	This component is highly configurable. See SchemeDesigner and ECSchemeDesc bundled with EC-Controls.
545	+
546	+	### Non-visual components
547	+
548	+	#### TECSpinController
549	+
550	+	Diseñado para controlar las propiedades de multiples TECSpinBtns y TECSpinEdit.
551	+
552	+	<figure>
553	+	<img src="tecspincontrollericon.png" title=" center" />
554	+	<figcaption> center</figcaption>
555	+	</figure>
556	+
557	+	[[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.
558	+
559	+	El proyecto puede tener múltiples SpinControllers.
560	+
561	+	#### TECTimer
562	+
563	+	Un temporizador avanzado.
564	+
565	+	<figure>
566	+	<img src="tectimericon.png" title=" center" />
567	+	<figcaption> center</figcaption>
568	+	</figure>
569	+
570	+	La principal característica es que el primer intervalo(propiedad Delay) puede diferir de todos los siguientes intervaloss (property Repeat).
571	+
572	+	### Otras partes de EC-Controls
573	+
574	+	#### Class TECScale
575	+
576	+	Una escala. No es un componente pero se puede dibujar en cualquier canvas.
577	+
578	+	Esta clase se utiliza en TECRuler, TECSlider, TECProgressBar, TECPositionBar y TECSpinPosition.
579	+
580	+	Ver la demo ECScale-Demo.
581	+
582	+	#### Unit ECTypes
583	+
584	+	Tipos y clases base para los controles Eye Candy (EC-C).
585	+
586	+	If you use EC-Controls in your project you may need to add this unit to your uses section.
587	+
588	+	This unit contains many declarations, color-conversion routines and base classes, for example TBaseScrollControl.
589	+
590	+	#### TBaseScrollControl
591	+
592	+	Es la clase base para los componentes de desplazamiento (TECScheme es su descendiente).
593	+
594	+	Puedes derivar tus propios componentes de desplazamiento a partir de TBaseScrollControl.
595	+
596	+	Credito: Esta clase está basada en [TScrollingControl](https://github.com/theo222/lazarus-thumbviewer/blob/master/scrollingcontrol.pas) por Theo.
597	+
598	+	## Demos
599	+
600	+	EC-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.
601	+
602	+	#### ECC-Demo
603	+
604	+	Esta demo muestra todos los controles EC en varias configuraciones.
605	+
606	+	#### ECScale-Demo
607	+
608	+	Esta demo muestra como utilizar [[TECScale]] en tu propio componente visual.al component.
609	+
610	+	#### ECConfCurve-Demo
611	+
612	+	Esta demo muestra las capacidades de [[TECConfCurve]].
613	+
614	+	#### ECSchemeDesc
615	+
616	+	Esta demo muestra como se pueden crear componentes descendientes de [[TCustomECScheme]].
617	+
618	+	#### SchemeDesigner
619	+
620	+	SchemeDesigner 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.
621	+
622	+	---
623	+	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