Cómo agregar una GUI a los scripts de shell de Linux

Puede usar ventanas GUI, controles deslizantes, botones de radio, barras de progreso y más en sus scripts de Bash. Aprenda a usar el kit de herramientas de zenity y renueve sus scripts de Bash. Te mostraremos cómo.

Bash scripting es un poderoso lenguaje de programación y, debido a que está integrado en el shell de Bash, está disponible para todos. Es un lenguaje fácil para comenzar a programar. Debido a que se interpreta, no necesita compilar sus scripts. Tan pronto como haya editado el archivo de script y lo haya hecho ejecutable, puede ejecutarlo. Esto hace que el ciclo de codificación, ejecución y depuración sea bastante eficiente.

Hay dos quejas principales que la gente tiene con los scripts de Bash, y la primera es la velocidad. Debido a que el shell Bash interpreta los comandos en el script, no se ejecutan tan rápido como el código compilado. Sin embargo, esto es como quejarse de que un tractor no es tan rápido como un automóvil; están destinados a cosas diferentes.

Sin embargo, hay dos tipos de velocidad. A menudo, puede crear un script rápido y usarlo para realizar una tarea mucho más rápido que desarrollar una solución en un lenguaje compilado, como C.

La segunda queja que tiene la gente con los scripts de Bash es la interfaz de usuario: es una ventana de terminal. Por supuesto, a veces la interfaz no importa. Si la única persona que alguna vez usará el script es su autor, la interfaz probablemente no sea tan importante. Tampoco importa para los scripts que realizan procesamiento en segundo plano y por lotes. Por lo general, estos scripts no necesitan mucha (si es que la necesitan) interacción del usuario.

Hay ocasiones en las que necesita algo un poco más intuitivo y moderno que la ventana de la terminal. La mayoría de las personas están familiarizadas con una interfaz gráfica de usuario (GUI). Para brindar a las personas una experiencia lo más fluida posible, debe crear y usar elementos GUI a partir de sus scripts.

La aplicación zenity

zenity le permite incorporar una amplia gama de elementos de interfaz gráfica en sus scripts de Bash. Es un conjunto de herramientas poderoso que le da a sus guiones una sensación moderna y una apariencia contemporánea y familiar.

zenity está preinstalado en las distribuciones Ubuntu, Fedora y Manjaro. Es parte de GNOME. Si usa KDE, es posible que desee consultar kdialog en su lugar, aunque zenity se ejecuta en cualquier entorno de escritorio.

Los ejemplos de este artículo le muestran cómo crear las diferentes ventanas de diálogo desde la línea de comandos, cómo capturar sus valores devueltos y selecciones de usuario en variables, y cómo usar las ventanas de diálogo en secuencias de comandos.

Terminamos con una pequeña aplicación que hace uso de los tres tipos de ventanas de diálogo.

La ventana de diálogo Calendario

Una ventana de diálogo de calendario permite que alguien seleccione una fecha. Para crear uno con zenity requiere un solo comando de dos palabras:

 zenidad --calendario 

Aparece la ventana de diálogo del calendario. Esto tiene toda la funcionalidad que esperaría de un selector de fecha estándar. Puede cambiar el mes y el año, y hacer clic en un día para seleccionar esa fecha. De manera predeterminada, la fecha de hoy se resalta cuando aparece la ventana.

Haga clic en "Aceptar" para cerrar la ventana de diálogo y seleccione la fecha resaltada. Hacer doble clic en una fecha hace lo mismo.

Si no desea seleccionar una fecha, haga clic en "Cancelar", presione la tecla "Esc" en su teclado o cierre la ventana de diálogo.

En el ejemplo anterior, se selecciona el 19 de agosto de 2019. Si el usuario hace clic en "Aceptar", el calendario se cierra y la fecha seleccionada se imprime en la ventana del terminal.

Puede ignorar la línea, "GTKDialog mapeado sin un padre transitorio. Esto está desaconsejado”.

GTK significa GIMP Tool Kit, que es el conjunto de herramientas utilizado para desarrollar la interfaz de GNOME. Originalmente fue ideado por los autores del Programa de Manipulación de Imágenes GNU (GIMP). GNU significa GNU's Not Unix.

El motor GTK advierte a los autores de zenity que han utilizado un componente GTK de forma no estándar.

Capturar el valor de la fecha

Imprimir la fecha en el terminal no nos sirve de mucho. Si vamos a llamar a este calendario desde uno de nuestros scripts, debemos capturar el valor de fecha seleccionado para que podamos hacer algo útil con él en nuestro script. También personalizaremos ligeramente el calendario.

Usaremos las siguientes opciones con el calendario. Todos deben usarse con la bandera de doble guión "-":

• –texto : Especifica una cadena de texto para mostrar en el calendario. Reemplaza el valor predeterminado, "Seleccione una fecha de abajo".
• –title : Establece el título de la ventana de diálogo del calendario.
• –day : Establece el día que se selecciona cuando se abre el calendario.
• –month : establece el mes que se selecciona cuando se abre el calendario.
• –year : Establece el año que se selecciona cuando se abre el calendario.

Estamos usando una variable llamada ChosenDate para capturar la fecha devuelta del calendario. Y estamos usando echo $ChosenDate para imprimir esa fecha en la ventana de la terminal.

Sí, obtuvimos el mismo resultado en el ejemplo anterior, pero aquí tenemos la fecha seleccionada almacenada en una variable. En el ejemplo anterior, se imprimió y se olvidó.

 ChosenDate=$(zenity -- calendar --text "Elija una fecha" --title "How-To Geek Rota" --day 1 -- month 9 --year 2019); echo $FechaElegida 

Ahora, el calendario muestra nuestro aviso y el título de nuestra ventana. La fecha se establece en nuestra fecha de inicio elegida en lugar de la fecha de hoy.

También podemos personalizar el formato de la cadena de fecha devuelta cuando se realiza una selección. La opción --date-format debe ir seguida de un especificador de formato. Esta es una cadena de tokens que definen los datos y formatos que se incluirán en la salida. Los tokens son los mismos que se usan con la función de lenguaje C strftime() y hay una gran selección de ellos.

Los tokens que estamos usando son:

• %A : El nombre completo del día de la semana.
• %d : El día del mes como un dígito.
• %m : El mes como un dígito.
• %y : El año en dos dígitos (sin siglo).

 ChosenDate=$(zenity -- calendar --text "Elija una fecha" --title "How-To Geek Rota" --date-format="%A %d/%m/%y" --day 1 -- mes 9 --año 2019); echo $FechaElegida 

Alguien selecciona una fecha:

Y la fecha se devuelve usando nuestro formato. Muestra el nombre del día de la semana, seguido de la fecha en orden europeo: día, mes, año.

La ventana de diálogo de selección de archivos: elegir un archivo

Las ventanas de diálogo de selección de archivos son bastante complejas. Las personas pueden navegar a través del sistema de archivos, resaltar un archivo o archivos y luego hacer clic en "Aceptar" para seleccionar esos archivos o cancelar la selección por completo.

zenity proporciona toda esta funcionalidad y más. Y es tan fácil de usar como la ventana de diálogo del calendario.

Las nuevas opciones que vamos a utilizar son:

• –file-selection : Le dice a zenity que queremos usar una ventana de diálogo de selección de archivos.
• –múltiple : permite que alguien seleccione más de un archivo.
• –file-filter : le dice a la ventana de diálogo de archivos qué tipos de archivos mostrar.

 zenity --file-selection --tile "How-To Geek" --multiple --file-filter='*.mm *.png *.page *.sh *.txt' 

La ventana de diálogo de selección de archivos es tan funcional como cualquier otra ventana de selección de archivos.

El usuario puede navegar a través del sistema de archivos y seleccionar el archivo de su elección.

Navegamos a un nuevo directorio y seleccionamos un archivo llamado "button_hybrid.png".

Cuando hace clic en "Aceptar", la ventana de diálogo de selección de archivos se cierra y el nombre del archivo y la ruta se imprimen en la ventana del terminal.

Si necesita usar el nombre de archivo en cualquier procesamiento posterior, puede capturarlo en una variable, tal como lo hizo para la fecha del calendario.

La ventana de diálogo de selección de archivos: guardar un archivo

Si agregamos una opción, podemos convertir la ventana de diálogo de selección de archivos en una ventana de diálogo para guardar archivos. La opción es --save . También vamos a usar la opción --confirm-overwrite . Esto le pide a la persona que confirme que quiere sobrescribir un archivo existente.

 Response=$(zenity --file-selection --save --confirm-overwrite); echo $Respuesta 

Aparece la ventana de diálogo para guardar el archivo. Tenga en cuenta que hay un campo de texto donde alguien puede escribir un nombre de archivo.

El usuario puede buscar la ubicación que desee dentro del sistema de archivos, proporcionar un nombre para el archivo o hacer clic en un archivo existente para sobrescribirlo.

En el ejemplo anterior, el usuario resaltó un archivo existente.

Cuando hace clic en "Aceptar", aparece una ventana de diálogo de confirmación que le pide que confirme que desea reemplazar el archivo existente. Tenga en cuenta que el nombre del archivo aparece en el cuadro de diálogo de advertencia. Ese es el tipo de atención al detalle que le da a zenity su apariencia profesional.

Si no hubiéramos usado la opción --confirm-overwrite , el archivo se habría sobrescrito silenciosamente.

El nombre del archivo se almacena en la variable Response , que se imprime en la ventana del terminal.

Ventanas de diálogo de notificación

Con zenity , incluir ventanas de diálogo de notificación ingeniosas en sus scripts es sencillo. Hay ventanas de diálogo estándar a las que puede llamar para proporcionar información, advertencias, mensajes de error y preguntas para el usuario.

Para crear una ventana de diálogo de mensaje de error, use el siguiente comando:

 zenity --error --width 300 --text "Permiso denegado. No se puede escribir en el archivo".

Las nuevas opciones que estamos usando son:

• –error : Le dice a zenity que queremos usar una ventana de diálogo de error.
• –width : Establece el ancho inicial de la ventana.

La ventana de diálogo de error aparece con el ancho especificado. Utiliza el icono de error GTK estándar.

Para crear una ventana de diálogo de información, use el siguiente comando:

 zenity --info --width 300 --text "Actualización completa. Haga clic en Aceptar para continuar".

La nueva opción que estamos usando es --info , que le dice a zenity que cree una ventana de diálogo de información.

Para crear una ventana de diálogo de pregunta, use el siguiente comando:

 zenity --question --width 300 --text "¿Está dispuesto a continuar?"; eco $?

La nueva opción que estamos usando es --question , que le dice a zenity que cree una ventana de diálogo de preguntas.

El $? es un parámetro especial. Contiene el valor de retorno de la canalización en primer plano ejecutada más recientemente. En términos generales, este es el valor del último proceso cerrado. Un valor cero significa "OK" y un valor de uno o más significa "Cancelar".

Esta es una técnica general que puede aplicar a cualquiera de las ventanas de diálogo de zenity . Al verificar este valor en su secuencia de comandos, puede determinar si los datos devueltos desde una ventana de diálogo deben procesarse o ignorarse.

Hicimos clic en "Sí", por lo que el código de retorno es un cero que indica "OK".

Para crear una ventana de diálogo de advertencia, use el siguiente comando:

 zenity --advertencia --title "Poco espacio en el disco duro" --width 300 --text "Es posible que no haya suficiente espacio en el disco duro para guardar la copia de seguridad".

La nueva opción que estamos usando es --warning , que le dice a zenity que cree una ventana de diálogo de advertencia.

Aparece la ventana de diálogo de advertencia. No es una pregunta, por lo que solo tiene un botón.

La ventana de diálogo de progreso

Puede usar la ventana de diálogo de progreso de zenity para mostrar una barra de progreso que indica qué tan cerca está de completar su secuencia de comandos.

La barra de progreso avanza de acuerdo con los valores que se canalizan desde su secuencia de comandos. Para demostrar el principio, use el siguiente comando:

 (for i in $(seq 0 10 100); do echo $i; sleep 1; hecho) 

El comando se descompone así:

• El comando seq recorre una secuencia de 0 a 100, en pasos de 10.
• En cada paso, el valor se almacena en la variable i . Esto imprime en la ventana de la terminal.
• El comando hace una pausa de un segundo, debido al comando sleep 1 .

Podemos usar esto con la ventana de diálogo de progreso de zenity para demostrar la barra de progreso. Tenga en cuenta que estamos canalizando la salida del comando anterior a zenity:

 (for i in $(seq 0 10 100); do echo $i; sleep 1; done) | zenity --progress --title "Cómo se hace Geek" -- cierre automático 

Las nuevas opciones que estamos usando son:

• –progress : le dice a zenity que queremos usar una ventana de diálogo de progreso.
• –auto-close : Cierra el cuadro de diálogo cuando la barra de progreso alcanza el 100 por ciento.

Aparece la ventana de diálogo de progreso y la barra avanza hacia el 100 por ciento, haciendo una pausa de un segundo entre cada paso.

Podemos usar ese concepto de canalizar valores en zenity para incluir la ventana de diálogo de progreso en un script.

Ingrese este texto en un editor y guárdelo como "progress.sh".

 !/bin/bash

función lista de trabajo () {

echo "# Primer elemento de trabajo" 
eco "25"
dormir 1

echo "# Segundo elemento de trabajo" 
eco "50"
dormir 1

echo "# Tercer elemento de trabajo" 
eco "75"
dormir 1

echo "# Último elemento de trabajo" 
eco "100"
dormir 1

}

lista de trabajo | zenity --progress --title "Cómo se hace Geek" --auto-close

salida 0

Aquí hay un desglose del guión:

• El script define una función llamada work-list . Aquí es donde pones tus comandos e instrucciones para realizar un trabajo real. Reemplace cada uno de los comandos sleep 1 con los reales.
• zenity acepta las líneas echo "# ..." y las muestra dentro de la ventana de diálogo de progreso. Cambia el texto de estas líneas, para que pasen mensajes informativos al usuario.
• Las líneas echo que contienen números, como echo "25" , también son aceptadas por zenity y establecen el valor de la barra de progreso.
• La función de lista de trabajo se llama y se canaliza a zenity .

Use este comando para hacer que el script sea ejecutable:

 chmod +x progreso.sh 

Use este comando para ejecutar el script:

 ./progreso.sh 

El script se ejecuta y el mensaje de texto cambia a medida que se ejecuta cada fase del script. La barra de progreso se mueve en pasos hacia el 100 por ciento.

La ventana de diálogo Escala

La ventana de diálogo de escala permite que alguien mueva un control deslizante para elegir un valor numérico. Esto significa que no puede ingresar un valor que sea demasiado alto o demasiado bajo.

Las nuevas opciones que estamos usando son:

• –scale : Le dice a zenity que queremos usar una ventana de diálogo de escala.
• –min-value : Establece el valor mínimo para la escala.
• –max-value : Establece el valor máximo de la escala.
• –paso : Establece la cantidad en la que se mueve el control deslizante cuando se utilizan las teclas de flecha. Esto no afecta los movimientos del control deslizante si alguien usa el mouse.
• –value : establece el valor inicial y la posición del control deslizante.

Este es el comando que estamos usando:

 Response=$(zenity --scale --title "How-To Geek" --text "Seleccione aumento". --min-value=0 --max-value=30 --step=3 --value15); echo $Respuesta 

La ventana de diálogo del control deslizante aparece con el control deslizante establecido en 15.

El usuario puede mover el control deslizante para seleccionar un nuevo valor.

Cuando hace clic en "Aceptar", el valor se transfiere a la variable Response y se imprime en la ventana del terminal.

La ventana de diálogo de entrada

La ventana de diálogo de entrada permite que alguien ingrese texto.

Las nuevas opciones que estamos usando son:

• –entry : le dice a zenity que queremos usar una ventana de diálogo de entrada.
• –entry-text : puede usar esto si desea escribir un valor sugerido en el campo de entrada de texto. Estamos usando "" para forzar un campo vacío. Esto no es estrictamente necesario, pero queríamos documentar la opción.

El comando completo se ve así:

 Response=$(zenity --entry --text "Ingrese su término de búsqueda" --title "Howe-To Geek" --entry-text=""); echo $Respuesta 

Aparece una ventana de diálogo simple que contiene un campo de entrada de texto.

Alguien puede escribir y editar texto.

Cuando hace clic en "Aceptar", el valor que escribió se asigna a la variable Respuesta. Usamos echo para imprimir el valor de la variable en la ventana del terminal.

Poniendolo todo junto

Juntemos estas técnicas y creemos un guión funcional. El script realizará un escaneo de información de hardware y presentará los resultados al usuario en una ventana de texto desplazable. Puede elegir un tipo de escaneo largo o corto.

Para este script, usaremos tres tipos de ventanas de diálogo, dos de las cuales son nuevas para nosotros:

• La primera es una ventana de diálogo de lista. Permite que alguien haga una elección.
• La segunda es una ventana de diálogo de progreso que le permite al usuario saber que algo está sucediendo y que debe esperar.
• La tercera es una ventana de información de texto, que muestra los resultados al usuario.

Ingrese este texto en un editor y guárdelo como "hardware-info.sh".

 #!/bin/bash

# Mostrar la lista de hardware para esta computadora

Archivo Temporal=$(mktemp)

ListType=`zenity --width=400 --height=275 --list --radiolist \
     --título 'Escaneo de hardware' \
     --text 'Seleccione el tipo de escaneo:' \
     --columna 'Seleccionar' \
     --column 'Tipo de escaneo' VERDADERO "Corto" FALSO "Largo"`

si [[ $? -eq 1 ]]; entonces

  # presionaron Cancelar o cerraron la ventana de diálogo 
  zenity --error --title="Escaneo rechazado" --width=200 \
       --text="Escaneo de hardware omitido"
  salida 1
 
elif [ $ListType == "Corto" ]; entonces

  # seleccionaron el botón de radio corto 
  Bandera = "--corto"
 
demás

  # seleccionaron el botón de radio largo 
  Bandera="" 
fi

# buscar información de hardware con el valor apropiado en $Flag
hwinfo $ Bandera | tee >(zenity --ancho=200 --alto=100 \
     --title="Recopilación de información" --progreso \
     --pulsate --text="Comprobando hardware..." \
     --auto-matar --auto-cerrar) >${TempFile}
 
# Mostrar la información del hardware en una ventana de desplazamiento
zenidad --ancho=800 --alto=600 \
     --title "Detalles del hardware" \
     --text-info --filename="${TempFile}"
 
salida 0

Use este comando para hacerlo ejecutable:

 chmod +x hardware-info.sh 

Este script crea un archivo temporal y el nombre del archivo se mantiene en la variable TempFile:

 Archivo Temporal=$(mktemp)

El script usa la opción --list para crear una ventana de diálogo zenity llamada ventana de diálogo de lista. Los caracteres "\" al final de las líneas le indican al script que los trate como una línea larga que se envuelve. Aquí está el proceso:

• Especificamos un ancho y alto para la ventana.
• La ventana de diálogo de lista admite columnas. La opción --radiolist hace que la primera columna sea una columna de botones de opción.
• Establecemos un título y un indicador de texto para la ventana.
• Establecemos el título de la primera columna para que sea "Seleccionar". El contenido de esta columna serán los botones de radio.
• Establecemos el título de la segunda columna para que sea "Seleccionar" y proporcionamos el contenido de la segunda columna. Esta columna contiene dos etiquetas de texto: "Corto" y "Largo". Los indicadores VERDADERO y FALSO significan que la opción "Corto" está seleccionada de forma predeterminada cuando aparece la ventana de diálogo.
• Estamos almacenando el resultado de esta ventana de diálogo en una variable llamada ListType .

 ListType=`zenity --width=400 --height=275 --list --radiolist \ 
     --título 'Escaneo de hardware' \ 
     --text 'Seleccione el tipo de escaneo:' \ 
     --columna 'Seleccionar' \ 
     --column 'Tipo de escaneo' VERDADERO "Corto" FALSO "Largo"`

Si el usuario presiona "Cancelar", no necesitamos verificar el valor en ListType, simplemente podemos salir. Si presiona "OK", necesitamos averiguar si seleccionó el botón de radio "Corto" o "Largo":

• El parámetro especial $? es igual a cero si el usuario presionó "OK". Es igual a uno si presionó "Cancelar" o cerró la ventana.
• Si es igual a uno, el script muestra una ventana de diálogo de información de error y sale. Si presiona "OK", pasamos a probar el valor en la variable ListType .
• Si la variable ListType contiene el valor "Short", el script establece una variable llamada Flag para que sea igual a "-short".
• Si la variable ListType no tiene el valor "Corto", debe tener el valor "Largo". El script establece una variable llamada Flag para igualar a "", que es una cadena vacía.
• El script usa la variable Flag en la siguiente sección.

 si [[ $? -eq 1 ]]; entonces 

  # presionaron Cancelar o cerraron la ventana de diálogo 
  zenity --error --title="Escaneo rechazado" --width=200 \ --text="Escaneo de hardware omitido" 
  salida 1 

elif [ $ListType == "Corto" ]; entonces 

 # seleccionaron el botón de radio corto 
 Bandera = "--corto" 

demás 

 # seleccionaron el botón de radio largo 
 Bandera="" 
fi

Ahora que el script sabe qué tipo de escaneo quiere el usuario, podemos realizar el escaneo de información de hardware:

• El script llama al comando hwinfo y le pasa el valor en la variable Flag .
• Si Flag contiene “–short”, el comando hwinfo realiza un escaneo breve. Si el valor de Flag es "", nada pasa a hwinfo y se realiza un escaneo largo predeterminado.
• El script canaliza la salida de hwinfo a tee . tee envía la salida a zenity y TempFile .
• El script crea una ventana de diálogo de barra de progreso. Establece el ancho y el alto de la ventana de diálogo, y el título y los textos de solicitud.
• El script no puede saber de antemano cuánta información producirá el comando hwinfo , por lo que no puede configurar la barra de progreso para que avance correctamente al 100 por ciento. La opción --pulsate hace que el cuadro de diálogo de progreso muestre un indicador en movimiento. Esto informa al usuario que algo está sucediendo y que debe esperar.
• La opción --auto-kill finaliza el script si alguien hace clic en "Cancelar".
• La opción --auto-close hace que el cuadro de diálogo de progreso se cierre automáticamente cuando finaliza el proceso que está supervisando.

 # buscar información de hardware con el valor apropiado en $Flag
hwinfo $ Bandera | tee >(zenity --ancho=200 --alto=100 \
     --title="Recopilación de información" --progreso \
     --pulsate --text="Comprobando hardware..." \
     --auto-matar --auto-cerrar) >${TempFile}

Cuando se completa el escaneo de hwinfo , el script llama a zenity para crear una ventana de diálogo de información de texto con la opción --text-info . La ventana de diálogo de información de texto muestra el contenido del archivo TempFile :

• El script establece el ancho y el alto de la ventana de diálogo y el texto del título.
• La opción --flename se usa para leer el contenido del archivo contenido en la variable TempFIle .

 # Mostrar la información del hardware en una ventana de desplazamiento 
zenidad --ancho=800 --alto=600 \ 
     --title "Detalles del hardware" \ 
     --text-info --filename="${TempFile}"

Cuando el usuario cierra la ventana de diálogo de información de texto, el script sale.

 salida 0

Encendámoslo y echemos un vistazo.

 ./hardware-info.sh 

Aparece el cuadro de lista. La opción “Corto” está seleccionada por defecto.

Seleccionemos "Largo" y luego hagamos clic en "Aceptar".

La ventana de progreso aparece con un indicador deslizante. Permanece en la pantalla hasta que se completa la exploración del hardware.

Cuando finaliza la exploración del hardware, aparece la ventana de diálogo de información de texto con los detalles de la exploración.

Haga clic en Aceptar."

Incluso un jinete acérrimo de la línea de comandos tiene que admitir que un par de ventanas de diálogo de GUI pueden darle un toque profesional a un humilde script de Bash.