Programa con XOJO desde cero: aprende a usar Combobox

    Programa con XOJO desde cero: aprende a usar Combobox

    Seguimos mejorando nuestra aplicación de Gastos Personales. En esta ocasión transformamos las categorías del PopupMenu en un ComboBox (https://docs.xojo.com/ComboBox), para que el usuario pueda añadir nuevas categorías que también serán guardadas y recuperadas del disco.

    El ComboBox es de hecho uno de los elementos de la interfaz gráfica de usuario que está disponible en la Biblioteca IDE de Xojo, y cuyo funcionamiento es equivalente en las plataformas de escritorio soportadas (macOS, Windows y Linux, incluida Raspberry Pi).


    Podría decirse que el ComboBox reúne bajo un único control las funcionalidades que proporciona el PopupMenu por un lado y el TextField (control de entrada de texto) por otro. Por tanto, la principal virtud de este elemento de UI es que el usuario siempre puede elegir cualquier opción de las disponibles en el menú asociado al control, o introducir un nuevo valor que no esté disponible como opción elegida.


    Además, ComboBox proporciona otra buena virtud en el campo de texto asociado: la capacidad de autocompletar texto. De esta forma, cuando empecemos a escribir, será el propio ComboBox el que nos sugiera si la parte de texto insertada ya forma parte de alguno de los elementos que se incluyen en el menú.

    En definitiva, sustituir el PopupMenu que hemos utilizado hasta ahora para elegir la categoría de un gasto, por el de un ComboBox, aportará al usuario de nuestra aplicación Gastos Personales todas estas ventajas. Además, esto nos permitirá añadir nuevas categorías de gastos que no estaban contempladas inicialmente: el usuario sólo tendrá que teclearlas en el campo de texto del ComboBox y se añadirá como una opción adicional entre las disponibles en el menú de control correspondiente.


    Enlace al proyecto Xojo que acompaña al capítulo: https://drive.google.com/file/d/1FnhfMREH-6XExfiFUV-hKrJwFPMlflrS/view


    Por supuesto, también modificamos nuestro código no solo para que sea posible guardar y recuperar estas nuevas categorías en disco y desde disco en el ComboBox, sino también para que los elementos aparezcan en orden alfabético en el menú de control... y también incluyendo las comprobaciones necesarias para que no se agreguen elementos duplicados al menú.

    Durante este proceso veremos la implementación de nuevos Event Handlers, como el muy útil "KeyDown" (disponible en la gran mayoría de los controles de la interfaz de usuario) y que nos permite interceptar la tecla que ha sido presionada por el usuario mientras el control es foco Así, dependiendo del carácter de la tecla pulsada (o del valor de la tecla, para aquellos casos en los que no exista una representación visual, como Return), nuestra aplicación podrá "interceptarla" y actuar en consecuencia.

    Por ejemplo, esto es lo que hacemos en el caso del ComboBox agregado al diseño de la ventana Gastos personales para interceptar la pulsación de la tecla Intro o la tecla Tabulador.

    Buscar... y reemplazar en el IDE Durante el desarrollo de nuestras aplicaciones es frecuente la necesidad de realizar cambios en los nombres (o referencias) de los controles que ya hemos agregado en el diseño de nuestras ventanas, métodos, eventos, etc. . Para agilizar este tipo de cambios, entre otras operaciones, el IDE de Xojo proporciona una funcionalidad de buscar y reemplazar a la que accedemos haciendo clic en el icono de lupa disponible en la barra inferior de la ventana del IDE.


    Luego, ingresando el texto del elemento buscado en el campo de búsqueda, obtendremos todas las coincidencias en la lista inferior. Además, podemos restringir la búsqueda del texto insertado para que se realice sobre todos los elementos que pertenezcan al proyecto, sólo dentro del elemento que esté seleccionado en el Navegador oa la clase (y subclases) que esté seleccionada.


    En el vídeo que acompaña a este artículo, puedes ver esta función en acción, siendo una de las herramientas de refactorización de código proporcionadas por el IDE de Xojo.


    Crea tus propios proyectos y practica Como siempre, te animo a que crees tus propios proyectos en Xojo sobre los que poner en práctica todo lo que hemos visto hasta ahora... y también lo que has descubierto por ti mismo examinando las Guías de Usuario y los disponibles. Referencia del lenguaje en el área de Documentación de Xojo (docs.xojo.com).


    De esta forma, no solo reforzarás lo aprendido, sino que será una buena excusa para empezar a construir pequeñas aplicaciones y utilidades que resuelvan tus necesidades.

    Javier RodríguezXojo Ingegnere
    Twitter: @xojoes

    Facebook: http://facebook.com/xojoes/

    Descarga la última versión de www.xojo.com

    Recursos de Xojo en español: https://docs.xojo.com/spanish

    Añade un comentario de Programa con XOJO desde cero: aprende a usar Combobox
    ¡Comentario enviado con éxito! Lo revisaremos en las próximas horas.