Crear un control segmentado para iOS en RAD Studio XE4

Esta entrada es una traducción al español del post "Creating a segmented control for iOS in RAD Studio XE4" escrito por Sarina DuPont en su blog personal de Embarcadero Techonologies.

---

Los controles segmentados son muy comunes actualmente en todas las aplicaciones iOS.

En XE4, podemos diseñar fácilmente un TSpeedButton que parezca y se comporte como un control segmentado cambiando la propiedad stylelookup y definiendo un nombre de grupo.

Podemos utilizar los pasos siguientes para crear rápidamente un componente de control segmentado ( reutilizable).

1. Colocar 3 componentes TSpeedButton en un formulario.


2. Cambiar la propiedad stylelookup de cada TSpeedButton a segmentedbuttonleft, segmentedbuttonmiddle y segmentedbuttonright.


3. Seleccionar los 3 componentes TSpeedButton y el tipo en un GroupName (es decir mysegments)

Si queremos tener seleccionado uno de los segmentos por defecto, colocar la propiedad IsPressed del SpeedButton a True.

Para facilitar la reutilización en un futuro, seleccionamos los 3 TSpeedButtons del formulario (se puede utilizar la tecla Mayús para selección múltiple), e ir a Compent (componentes) - Crate Component Template (Crear plantilla de componentes).

A continuación podemos ver un captura de ejemplo: