Una de las características más mencionadas cuando hablamos de aplicaciones RIA es su marcada y conveniente intención de emular comportamientos propios de las aplicaciones de escritorio. Digo conveniente porque es esta pretensión lo que permite, en gran parte, que la experiencia previa de los usuarios con aplicaciones de escritorio sea aprovechada (al menos en teoría) para aligerar la transición hacia las aplicaciones RIA; mientras las nuevas aplicaciones ofrezcan controles e interacciones que sean familiares para el usuario, más rápida será su adopción y adaptación a su uso.
El uso del botón derecho o menú contextual, es uno de los mecanismos de interacción más usados, no solo por aplicaciones de escritorio sino por sistemas operativos, ya que, por lo general, ofrece una cantidad notable de operaciones variables y flexibles, según el contexto en que se invoque dicho menú. Sin embargo, en el mundo Flash su uso no está tan difundido como creo que debería. Desde mi punto de vista, solo las aplicaciones que considero excelentes han aprovechado sus ventajas, entre las que se puede mencionar la edición de textos.
Existen tres tipos de menú contextual en el Flash Player:
- Menú Edit, que muestra opciones de edición de texto tales como copiar, cortar, pegar, seleccionar todo, etc. Está especialmente implementado en componentes que manipulan textos, tales como la clase Text, TextInput, RichTextEditor, etc. y su comportamiento varía según la configuración actual del componente de texto. Puede ser modificado y ocultado programáticamente con la clase ContextMenu.
- Menú Built-in, que despliega opciones generales del Flash Player tales como zoom, print, quality, etc. Puede ser ocultado programáticamente con la clase ContextMenu. Sin embargo, varios de sus ítems no pueden ser ocultados ni modificados: Configuración, Acerca de…, etc.
- Menú Error, totalmente incontrolable por el programador y que aparece cuando una película SWF no puede ser cargada en el Flash Player. Sólo menciono este menú porque lo leí en la documentación de Flex pero, por los momentos, no lo tomaremos en cuenta.
Todo componente visual perteneciente a la clase InteractiveObject tiene la capacidad de desplegar menús contextuales mediante la propiedad contextMenu, perteneciente a esta clase. Un componente solo podrá tener asignado un menú a la vez mediante esta propiedad. Los pasos para crear o modificar el menú contextual de un componente Flex o Air son:
- Crear una instancia de la clase ContextMenu
- Establecer las características deseadas en el menú, como por ejemplo ocultar el menú Edit o Built-in, agregar un menú personalizado, etc.
- Asignarle esta instancia de ContextMenu a la propiedad contextMenu del componente que queremos que despliegue dicho menú.
Para ilustrar la implementación de los menús contextuales en Flex – Air, preparé un ejemplito donde se observan algunas de sus funcionalidades. Hagan clic derecho sobre el área de texto, la imagen y el contenedor de la aplicación, seleccionando las distintas opciones del lado izquierdo de la aplicación para que observen los distintos menús contextuales y sus comportamientos según el componente. El código está disponible y comentado y, como siempre, espero sus dudas y comentarios.
