Crear un widget con QT creator

Qt Creator es un programa -mejor un fork- de QT Designer que se diferencia de éste último por su asistencia y mejor organización, ademas de generar de manera automática los archivos necesarios para ejecutar esa aplicación.

En el vídeo que he grabado muestro como construir una ventana con acceso a una determinada página web y ejecutarla en el escritorio como un widget más.

Para ello crea una carpeta (en el vídeo, prueba) y abrimos QT Creator. Así que vamos a New y seleccionamos QT4 Gui application, seguimos…vamos a guardar todo en esa carpeta que creamos y le damos un nombre a lo que vamos a hacer. Next—> y marcamos Qtwebkit Module—->Next…aquí en Class name ponemos en nombre de nuestro futuro proyecto arriba y de forma automática se generan los documentos. Damos a Finish y se nos abrirá el diseñador de interfaces.

Aquí vemos a la izquierda los archivos generados, y nos interesa el que le pusimos el nombre y termina en .ui

En la interfaz, vemos que se ha creado una ventana; ajústala a tu gusto y vamos otra vez a la izquierda. Localiza algo llamado QWebview y lo arrastras hasta la ventana. Ajústala tambien (que no sea nunca mayor que la ventana madre).

Clica sobre el widget que hemos arrastrado y fíjate en el menú que hay abajo a la derecha. Al final, donde pone url, clica en el enlace que viene por defecto y mete la dirección web deseada y das en el teclado a Enter.

Aparecerá la web. Si quieres cambiar el fondo de la ventana, clica con el botón derecho sobre el pequeño espacio de la ventana (ojo, de la ventana, del widget QWebview no) y dale a Change styleSheet. Elige add-color—->background- color y selecciona el color preferido, Ok, ——> Aplicar, aceptar y es la hora de compilar todo; no te asustes, QT Creator lo hace por tí. Mira abajo a la izquierda la flecha donde sobre ella aparece el texto Run. Clica sobre ella y generará el widget binario, que encontarás en la carpeta que creamos al principio.

¿Es fácil no? Para hacerlo yo…

Deja un comentario

Fill in your details below or click an icon to log in:

Logo de WordPress.com

You are commenting using your WordPress.com account. Log Out / Cambiar )

Twitter picture

You are commenting using your Twitter account. Log Out / Cambiar )

Facebook photo

You are commenting using your Facebook account. Log Out / Cambiar )

Connecting to %s

Seguir

Get every new post delivered to your Inbox.