Barras de herramientas y acciones en Qt Designer

toolbar6

Hoy vamos como agregar y personalizar una barra de herramientas a nuestro programa usando Qt Designer. Es un tutorial muy simple pero que puede ayudar a despajar algunas dudas.

Primero que nada hay que tener en cuenta que solo podemos una barra de herramientas (QToolBar) a una ventana principal (QMainWindow), así que comenzamos creando un QMainWindow, sobre dicha ventana hacemos click derecho y seleccionamos "Add Tool Bar". Allí podremos colocar las acciones que queremos realizar.

toolbar1

Luego en el editor de acciones seleccionamos "New".

toolbar2

Nos aparecerá un dialogo en el que podremos configurar:

  • Text: Cuando agreguemos la acción a la barra de herramientas, este será el texto que aparecerá en el botón de la acción.
  • Object name: Este será el nombre con el que accederemos a la acción desde el código fuente de nuestro programa, para conectar las señales y los slots por ejemplo.
  • ToolTip: Este será el texto que aparecerá cuando posicionemos el puntero del mouse sobre el botón de la acción.
  • Icon theme: Aquí colocaremos el nombre genérico de un ícono cuya imagen se ajustará al tema de iconos configurado en el sistema operativo.
  • Icon: Si queremos que la imagen del ícono no varíe con el tema de íconos del sistema operativo, podemos colocar aquí la ruta al archivo de imagen que usaremos como ícono.
  • Checkable: Aquí marcamos si queremos que el botón de la acción sea tipo switch.
  • Shorcut: Además de hacer click sobre el botón, también podemos activar la acción usando la secuencia de teclas que configuremos aquí.

toolbar3

Finalmente arrastramos la acción a la barra de herramientas.

Desde las propiedades de la barra de herramientas también podemos configurar el tamaño del ícono para el botón de la acción, y el estilo del mismo (toolButtonStyle), los estilos de botón disponibles son:

  • ToolButtonIconOnly: Sólo se mostrará el ícono de la acción.
  • ToolButtonTextOnly: Sólo se mostrará el texto de la acción.
  • ToolButtonTextBesideIcon: El texto se mostrará junto al ícono de la acción.
  • ToolButtonTextUnderIcon: El texto se mostrará debajo del ícono de la acción.
  • ToolButtonFollowStyle: El botón seguirá las reglas de estilo configuradas en el sistema operativo (Recomendado).

Otras opciones disponibles son:

  • movable: Podemos activar esta opción si queremos darle al usuario la posibilidad de elegir el lugar a donde colocará la barra de herramientas. De lo contrario la barra quedará fija en el lugar en donde se diseño.
  • flotable: Si activamos esta opción podremos colocar la barra de herramientas en cualquier lugar, por fuera o por dentro de la ventana principal, de lo contrarío solo podremos colocar la barra en las áreas predefinidas.
  • allowedAreas: Aquí configuraremos las áreas en donde será posible colocar la barra de herramientas.

toolbar4

Y este sería el resultado final.

toolbar5

Anuncios Google