Diferencia entre revisiones de «Diagrams»
Sin resumen de edición |
Sin resumen de edición |
||
| Línea 30: | Línea 30: | ||
[[Archivo:Editar diagrama desde el diagrama.png|centro|miniaturadeimagen|560x560px|Editar diagrama desde el diagrama]] | [[Archivo:Editar diagrama desde el diagrama.png|centro|miniaturadeimagen|560x560px|Editar diagrama desde el diagrama]] | ||
== Opciones de configuración de la capa == | === Opciones de configuración de la capa === | ||
Los siguientes iconos son los iconos de configuración del diagrama: | Los siguientes iconos son los iconos de configuración del diagrama: | ||
[[Archivo:Barra de configuración del diagrama.png|centro|miniaturadeimagen|Barra de configuración del diagrama]] | [[Archivo:Barra de configuración del diagrama.png|centro|miniaturadeimagen|Barra de configuración del diagrama]] | ||
=== Añadir imagen === | ==== Añadir imagen ==== | ||
[[Archivo:Añadir imagen en barra de configuración del diagrama.png|centro|miniaturadeimagen|Añadir imagen en barra de configuración del diagrama]] | [[Archivo:Añadir imagen en barra de configuración del diagrama.png|centro|miniaturadeimagen|Añadir imagen en barra de configuración del diagrama]] | ||
| Línea 53: | Línea 53: | ||
[[Archivo:Imagen cargada en diagrama.png|centro|miniaturadeimagen|560x560px|Imagen cargada en diagrama]] | [[Archivo:Imagen cargada en diagrama.png|centro|miniaturadeimagen|560x560px|Imagen cargada en diagrama]] | ||
=== | ==== Añadir parámetros ==== | ||
Para añadir parámetros se debe pulsar sobre el icono que se muestra a continuación en la barra de configuración del diagrama: | Para añadir parámetros se debe pulsar sobre el icono que se muestra a continuación en la barra de configuración del diagrama: | ||
[[Archivo:Añadir parámetros en barra de configuración de diagramas.png|centro|miniaturadeimagen|Añadir parámetros en barra de configuración del diagramas]] | [[Archivo:Añadir parámetros en barra de configuración de diagramas.png|centro|miniaturadeimagen|Añadir parámetros en barra de configuración del diagramas]] | ||
| Línea 59: | Línea 59: | ||
Una vez pulsado el icono saldrá un panel de configuración de este parámetro, tienes 4 pestañas de configuración: | Una vez pulsado el icono saldrá un panel de configuración de este parámetro, tienes 4 pestañas de configuración: | ||
==== Parámetros ==== | ===== Parámetros ===== | ||
Seleccionar instalación, en este desplegable se selecciona automáticamente la instalación sobre la que estamos trabajando. | Seleccionar instalación, en este desplegable se selecciona automáticamente la instalación sobre la que estamos trabajando. | ||
| Línea 70: | Línea 70: | ||
[[Archivo:Pestaña de parámetros en añadir parámetros al diagrama.png|centro|miniaturadeimagen|560x560px|Pestaña de parámetros en añadir parámetros al diagrama]] | [[Archivo:Pestaña de parámetros en añadir parámetros al diagrama.png|centro|miniaturadeimagen|560x560px|Pestaña de parámetros en añadir parámetros al diagrama]] | ||
==== Forma ==== | ===== Forma ===== | ||
En esta pestaña se configura la altura, la achura, el radio y el color del área en la que podrás acceder a la gráfica de este parámetro. Al final verás la previsualización del elemento. | En esta pestaña se configura la altura, la achura, el radio y el color del área en la que podrás acceder a la gráfica de este parámetro. Al final verás la previsualización del elemento. | ||
[[Archivo:Pestaña forma en añadir parámetro.png|centro|miniaturadeimagen|560x560px|Pestaña forma en añadir parámetro]] | [[Archivo:Pestaña forma en añadir parámetro.png|centro|miniaturadeimagen|560x560px|Pestaña forma en añadir parámetro]] | ||
==== Texto ==== | ===== Texto ===== | ||
Lo primero que encontrarás es el recuadro de introducción del texto, aquí podrás introducir el nombre que quieres mostrar que identifique al parámetro, puede ser en nombre de la sala, del control o de la máquina, entre otros. | Lo primero que encontrarás es el recuadro de introducción del texto, aquí podrás introducir el nombre que quieres mostrar que identifique al parámetro, puede ser en nombre de la sala, del control o de la máquina, entre otros. | ||
| Línea 84: | Línea 84: | ||
[[Archivo:Pestaña texto en añadir parámetros.png|centro|miniaturadeimagen|560x560px|Pestaña texto en añadir parámetros]] | [[Archivo:Pestaña texto en añadir parámetros.png|centro|miniaturadeimagen|560x560px|Pestaña texto en añadir parámetros]] | ||
==== Acción ==== | ===== Acción ===== | ||
Tienes un desplegable donde podrás seleccionar las diferentes acciones que puede realizar este parámetro en cuanto se haga click encima de su área, se puede cambiar de capa, cargar diagrama, cargar instalación, cargar control, ir a un link externo o simplemente la acción del parámetro. | Tienes un desplegable donde podrás seleccionar las diferentes acciones que puede realizar este parámetro en cuanto se haga click encima de su área, se puede cambiar de capa, cargar diagrama, cargar instalación, cargar control, ir a un link externo o simplemente la acción del parámetro. | ||
| Línea 93: | Línea 93: | ||
[[Archivo:Visualización de añadir parámetro en configuración del diagrama.png|centro|miniaturadeimagen|560x560px|Visualización de añadir parámetro en configuración del diagrama]] | [[Archivo:Visualización de añadir parámetro en configuración del diagrama.png|centro|miniaturadeimagen|560x560px|Visualización de añadir parámetro en configuración del diagrama]] | ||
=== Añadir botón === | ==== Añadir botón ==== | ||
Para añadir un botón se debe pulsar sobre el icono que se muestra a continuación en la barra de configuración del diagrama: | Para añadir un botón se debe pulsar sobre el icono que se muestra a continuación en la barra de configuración del diagrama: | ||
[[Archivo:Añadir botón en barra de configuración del diagrama.png|centro|miniaturadeimagen|Añadir botón en barra de configuración del diagrama]] | [[Archivo:Añadir botón en barra de configuración del diagrama.png|centro|miniaturadeimagen|Añadir botón en barra de configuración del diagrama]] | ||
| Línea 99: | Línea 99: | ||
Una vez pulsado el icono saldrá un panel de configuración donde tienes 3 pestañas de configuración: | Una vez pulsado el icono saldrá un panel de configuración donde tienes 3 pestañas de configuración: | ||
==== Forma ==== | ===== Forma ===== | ||
En esta pestaña se configura la altura, la achura, el radio y el color del área del botón. Al final verás la previsualización del elemento. | En esta pestaña se configura la altura, la achura, el radio y el color del área del botón. Al final verás la previsualización del elemento. | ||
[[Archivo:Pestaña forma en añadir un botón.png|centro|miniaturadeimagen|560x560px|Pestaña forma en añadir un botón]] | [[Archivo:Pestaña forma en añadir un botón.png|centro|miniaturadeimagen|560x560px|Pestaña forma en añadir un botón]] | ||
==== Texto ==== | ===== Texto ===== | ||
En ella podrás configurar el texto, el tamaño y el color. Al final verás la previsualización del elemento. | En ella podrás configurar el texto, el tamaño y el color. Al final verás la previsualización del elemento. | ||
[[Archivo:Pestaña de texto en añadir un botón.png|centro|miniaturadeimagen|560x560px|Pestaña de texto en añadir un botón]] | [[Archivo:Pestaña de texto en añadir un botón.png|centro|miniaturadeimagen|560x560px|Pestaña de texto en añadir un botón]] | ||
==== Acción ==== | ===== Acción ===== | ||
Tienes un desplegable donde podrás seleccionar las diferentes acciones que puede realizar este parámetro en cuanto se haga click encima de su área, se puede cambiar de capa, cargar diagrama, cargar instalación, cargar control o ir a un link externo. | Tienes un desplegable donde podrás seleccionar las diferentes acciones que puede realizar este parámetro en cuanto se haga click encima de su área, se puede cambiar de capa, cargar diagrama, cargar instalación, cargar control o ir a un link externo. | ||
| Línea 116: | Línea 116: | ||
[[Archivo:Visualización de añadir botón en configuración del diagrama.png|centro|miniaturadeimagen|560x560px|Visualización de añadir botón en configuración del diagrama]] | [[Archivo:Visualización de añadir botón en configuración del diagrama.png|centro|miniaturadeimagen|560x560px|Visualización de añadir botón en configuración del diagrama]] | ||
=== | ==== Añadir objeto ==== | ||
Para añadir un objeto se debe pulsar sobre el icono que se muestra a continuación en la barra de configuración del diagrama: | Para añadir un objeto se debe pulsar sobre el icono que se muestra a continuación en la barra de configuración del diagrama: | ||
| Línea 123: | Línea 123: | ||
Una vez pulsado el icono saldrá un panel de configuración donde tienes 2 pestañas de configuración: | Una vez pulsado el icono saldrá un panel de configuración donde tienes 2 pestañas de configuración: | ||
==== Forma ==== | ===== Forma ===== | ||
En esta pestaña se configura la altura, la achura, el radio y el color del área. Al final verás la previsualización del elemento. | En esta pestaña se configura la altura, la achura, el radio y el color del área. Al final verás la previsualización del elemento. | ||
[[Archivo:Pestaña forma en añadir objeto.png|centro|miniaturadeimagen|560x560px|Pestaña forma en añadir objeto]] | [[Archivo:Pestaña forma en añadir objeto.png|centro|miniaturadeimagen|560x560px|Pestaña forma en añadir objeto]] | ||
==== Texto ==== | ===== Texto ===== | ||
En ella podrás configurar el texto, el tamaño y el color. Al final verás la previsualización del elemento. | En ella podrás configurar el texto, el tamaño y el color. Al final verás la previsualización del elemento. | ||
[[Archivo:Pestaña texto en añadir un botón..png|centro|miniaturadeimagen|560x560px|Pestaña texto en añadir un botón.]] | [[Archivo:Pestaña texto en añadir un botón..png|centro|miniaturadeimagen|560x560px|Pestaña texto en añadir un botón.]] | ||
| Línea 134: | Línea 134: | ||
[[Archivo:Visualización de añadir objeto en configuración del diagrama.png|centro|miniaturadeimagen|560x560px|Visualización de añadir objeto en configuración del diagrama]] | [[Archivo:Visualización de añadir objeto en configuración del diagrama.png|centro|miniaturadeimagen|560x560px|Visualización de añadir objeto en configuración del diagrama]] | ||
=== Añadir texto === | ==== Añadir texto ==== | ||
Para añadir texto se debe pulsar sobre el icono que se muestra a continuación en la barra de configuración del diagrama: | Para añadir texto se debe pulsar sobre el icono que se muestra a continuación en la barra de configuración del diagrama: | ||
[[Archivo:Añadir texto en barra de configuración del diagrama.png|centro|miniaturadeimagen|Añadir texto en barra de configuración del diagrama]] | [[Archivo:Añadir texto en barra de configuración del diagrama.png|centro|miniaturadeimagen|Añadir texto en barra de configuración del diagrama]] | ||
| Línea 142: | Línea 142: | ||
[[Archivo:Visualización del texto añadido.png|centro|miniaturadeimagen|560x560px|Visualización del texto añadido]] | [[Archivo:Visualización del texto añadido.png|centro|miniaturadeimagen|560x560px|Visualización del texto añadido]] | ||
=== Cambiar color de fondo === | ==== Cambiar color de fondo ==== | ||
Para cambiar el color de fondo se debe pulsar sobre el icono que se muestra a continuación en la barra de configuración del diagrama: | Para cambiar el color de fondo se debe pulsar sobre el icono que se muestra a continuación en la barra de configuración del diagrama: | ||
[[Archivo:Cambiar color de fondo en barra de configuración del diagrama.png|centro|miniaturadeimagen|Cambiar color de fondo en barra de configuración del diagrama]] | [[Archivo:Cambiar color de fondo en barra de configuración del diagrama.png|centro|miniaturadeimagen|Cambiar color de fondo en barra de configuración del diagrama]] | ||
| Línea 151: | Línea 151: | ||
Nota: para este ejemplo se ha disminuido el tamaño del plano para poder así visualizar el cambio. | Nota: para este ejemplo se ha disminuido el tamaño del plano para poder así visualizar el cambio. | ||
=== | ==== Añadir botón multi-acción ==== | ||
Para añadir un botón multi-acción se debe pulsar sobre el icono que se muestra a continuación en la barra de configuración del diagrama: | Para añadir un botón multi-acción se debe pulsar sobre el icono que se muestra a continuación en la barra de configuración del diagrama: | ||
[[Archivo:Añadir botón multi-acción en barra de configuración del diagrama.png|centro|miniaturadeimagen|Añadir botón multi-acción en barra de configuración del diagrama]] | [[Archivo:Añadir botón multi-acción en barra de configuración del diagrama.png|centro|miniaturadeimagen|Añadir botón multi-acción en barra de configuración del diagrama]] | ||
| Línea 157: | Línea 157: | ||
Una vez pulsado el icono saldrá un panel de configuración de este parámetro, tienes 4 pestañas de configuración: | Una vez pulsado el icono saldrá un panel de configuración de este parámetro, tienes 4 pestañas de configuración: | ||
==== Forma ==== | ===== Forma ===== | ||
En esta pestaña se configura la altura, la achura, el radio y el color del área. Al final verás la previsualización del elemento. | En esta pestaña se configura la altura, la achura, el radio y el color del área. Al final verás la previsualización del elemento. | ||
[[Archivo:SP pestaña forma en añadir boton multi-accion en configuración del diagrama.png|centro|miniaturadeimagen|560x560px|SP pestaña forma en añadir boton multi-accion en configuración del diagrama]] | [[Archivo:SP pestaña forma en añadir boton multi-accion en configuración del diagrama.png|centro|miniaturadeimagen|560x560px|SP pestaña forma en añadir boton multi-accion en configuración del diagrama]] | ||
==== Texto ==== | ===== Texto ===== | ||
En ella podrás configurar el texto, el tamaño y el color. Al final verás la previsualización del elemento. | En ella podrás configurar el texto, el tamaño y el color. Al final verás la previsualización del elemento. | ||
[[Archivo:SP pestaña texto en añadir boton multi-accion en configuración del diagrama.png|centro|miniaturadeimagen|560x560px|SP pestaña texto en añadir botón multi-acción en configuración del diagrama]] | [[Archivo:SP pestaña texto en añadir boton multi-accion en configuración del diagrama.png|centro|miniaturadeimagen|560x560px|SP pestaña texto en añadir botón multi-acción en configuración del diagrama]] | ||
| Línea 167: | Línea 167: | ||
==== Imagen ==== | ===== Imagen ===== | ||
Tienes la opción de subir una imagen representativa sobre el botón a añadir, configurar la posición del eje X e Y y su tamaño. Al final verás la previsualización del elemento. | Tienes la opción de subir una imagen representativa sobre el botón a añadir, configurar la posición del eje X e Y y su tamaño. Al final verás la previsualización del elemento. | ||
[[Archivo:SP pestaña imagen en añadir botón multi-acción en configuración del diagrama..png|centro|miniaturadeimagen|560x560px|SP pestaña imagen en añadir botón multi-acción en configuración del diagrama.]] | [[Archivo:SP pestaña imagen en añadir botón multi-acción en configuración del diagrama..png|centro|miniaturadeimagen|560x560px|SP pestaña imagen en añadir botón multi-acción en configuración del diagrama.]] | ||
| Línea 173: | Línea 173: | ||
==== Multi-acción ==== | ===== Multi-acción ===== | ||
Se debe seleccionar la instalación el control y el o los comandos que vas a representar en el diagrama, una vez seleccionados pulsar añadir en la opción de debajo de la selección del comando, se pueden añadir varios a la vez por lo que se debe pulsar añadir en azul para añadir las selecciones una vez configuradas. | Se debe seleccionar la instalación el control y el o los comandos que vas a representar en el diagrama, una vez seleccionados pulsar añadir en la opción de debajo de la selección del comando, se pueden añadir varios a la vez por lo que se debe pulsar añadir en azul para añadir las selecciones una vez configuradas. | ||
[[Archivo:SP pestaña multi-acción en añadir botón multi-acción en configuración del diagrama.png|centro|miniaturadeimagen|560x560px|SP pestaña multi-acción en añadir botón multi-acción en configuración del diagrama]] | [[Archivo:SP pestaña multi-acción en añadir botón multi-acción en configuración del diagrama.png|centro|miniaturadeimagen|560x560px|SP pestaña multi-acción en añadir botón multi-acción en configuración del diagrama]] | ||
Visualización del botón multi-acción en diagramas: | Visualización del botón multi-acción en diagramas: | ||
[[Archivo:SP visualización de botón multi-acción en diagramas.png|centro|miniaturadeimagen|560x560px|SP visualización de botón multi-acción en diagramas]] | [[Archivo:SP visualización de botón multi-acción en diagramas.png|centro|miniaturadeimagen|560x560px|SP visualización de botón multi-acción en diagramas]] | ||
=== | ===== Exportar a png ===== | ||
Para exportar a png se debe pulsar sobre el icono que se muestra a continuación en la barra de configuración del diagrama: | Para exportar a png se debe pulsar sobre el icono que se muestra a continuación en la barra de configuración del diagrama: | ||
[[Archivo:Exportar a png en barra de configuración del diagrama.png|centro|miniaturadeimagen|Exportar a png en barra de configuración del diagrama]] | [[Archivo:Exportar a png en barra de configuración del diagrama.png|centro|miniaturadeimagen|Exportar a png en barra de configuración del diagrama]] | ||
| Línea 189: | Línea 189: | ||
Se descargará una imagen del diseño del diagrama que hayas realizado en formato png. | Se descargará una imagen del diseño del diagrama que hayas realizado en formato png. | ||
=== | ===== Exportar a SVG ===== | ||
Para exportar a SVG se debe pulsar sobre el icono que se muestra a continuación en la barra de configuración del diagrama: | Para exportar a SVG se debe pulsar sobre el icono que se muestra a continuación en la barra de configuración del diagrama: | ||
[[Archivo:Exportar a SVG en barra de configuración del diagrama.png|centro|miniaturadeimagen|Exportar a SVG en barra de configuración del diagrama]] | [[Archivo:Exportar a SVG en barra de configuración del diagrama.png|centro|miniaturadeimagen|Exportar a SVG en barra de configuración del diagrama]] | ||
| Línea 196: | Línea 196: | ||
Se descargará una imagen del diseño del diagrama que hayas realizado en formato SVG. | Se descargará una imagen del diseño del diagrama que hayas realizado en formato SVG. | ||
=== | ===== Mostrar/quitar Grid ===== | ||
Para mostrar/quitar Grid se debe pulsar sobre el icono que se muestra a continuación en la barra de configuración del diagrama: | Para mostrar/quitar Grid se debe pulsar sobre el icono que se muestra a continuación en la barra de configuración del diagrama: | ||
[[Archivo:Mostrar-quitar grid.png|centro|miniaturadeimagen|Mostrar/quitar grid]]Esta herramienta permite quitar el Grid (cuadricula). | [[Archivo:Mostrar-quitar grid.png|centro|miniaturadeimagen|Mostrar/quitar grid]]Esta herramienta permite quitar el Grid (cuadricula). | ||
Revisión del 13:55 14 feb 2023
Diagramas
Los diagramas son representaciones gráficas de los elementos que conviven en la instalación o instalaciones de mykiconex.
Pueden ser representadas con gráficas, tablas, planos, imágenes, entre otras muchas posibilidades, esto siempre irá de la mano con las necesidades de la instalación y del estilo de la persona que lo diseñará, se generará una imagen o imágenes en las que se podrá controlar visualmente la instalación sin tener que acceder a los distintos puntos.
Se pueden cargar los parámetros en la base del diagrama, estos parámetros se visualizarán a tiempo real y se puede acceder a las gráficas de los parámetros y visualizar tanto a tiempo real el comportamiento de la gráfica como en un tiempo determinado.
Existe el modo kiosco en la aplicación de kiconex que tiene la opción de visualizar la imagen del diagrama sin interacción ninguna, esto se puede utilizar para visualizar el funcionamiento de la máquina o vigilar temperaturas de todas las máquinas por ejemplo.
Configuración de un diagrama
Para crear un diagrama debes acceder a la instalación y seguido de esto entrar en el botón "Diagramas"
Al acceder encontrarás el listado de diagramas, verás el nombre, la descripción, si se ha modificado y desde cuando, en caso de que tengas uno creado saldrá en este aparatado, en caso contrario para crearlo pulsarás en la cruz.
Entrarás en el panel de configuración general del diagrama donde debes configurar el nombre y la descripción del diagrama. Tienes la opción de configurar el formato, viene por defecto las medidas 1280 x 720 pixeles aunque se puede elegir entre 800 x 600 hasta 1920 x 1080 y si lo deseas en vertical u horizontal.
El siguiente paso es entrar en la pestaña de diagrama donde comenzarás a definir el diagrama.
Es necesario elegir una capa para comenzar. Una vez elegida se muestra una capa con una cuadrícula y se debe pulsar guardar para finalizar la configuración.
Para comenzar a configurar, hacer click derecho en editar o entrar en el diagrama y pulsar en el icono del lápiz para editar.
Opciones de configuración de la capa
Los siguientes iconos son los iconos de configuración del diagrama:
Añadir imagen
Si pulsas encima del icono sale un panel de nuevo objeto, aquí podrás cargar la imagen que necesites para representar en el diagrama, por ejemplo un plano de la instalación donde se encuentren todos o algunos de los dispositivos a monitorizar, algún circuito de una maquina, entre otros.
Tienes dos pestañas donde en una es "Texto" podrás nombrar esta imagen y configurar el tamaño y el texto de este nombre, este se mostrará en la imagen que subas.
La siguiente pestaña es "Imagen" donde podrás subir la imagen y configurar el tamaño del archivo, también podrás previsualizar el elemento.
Pulsar añadir para subirla, una vez subida la imagen se cerrará el recuadro de configuración y ya puedes ubicar la imagen donde desees.
Añadir parámetros
Para añadir parámetros se debe pulsar sobre el icono que se muestra a continuación en la barra de configuración del diagrama:
Una vez pulsado el icono saldrá un panel de configuración de este parámetro, tienes 4 pestañas de configuración:
Parámetros
Seleccionar instalación, en este desplegable se selecciona automáticamente la instalación sobre la que estamos trabajando.
Seleccionar control, se debe seleccionar el control (máquina o dispositivo que se monitoriza).
Seleccionar parámetro, se debe seleccionar el parámetro a mostrar.
Mostrar icono, en esta opción se decide si se quiere mostrar el icono o no pulsando en el botón de habilitación, seguido se puede configurar el tamaño del icono en el que se quiere presentar y también la posición del eje X e Y. Al final verás la previsualización del elemento.
Forma
En esta pestaña se configura la altura, la achura, el radio y el color del área en la que podrás acceder a la gráfica de este parámetro. Al final verás la previsualización del elemento.
Texto
Lo primero que encontrarás es el recuadro de introducción del texto, aquí podrás introducir el nombre que quieres mostrar que identifique al parámetro, puede ser en nombre de la sala, del control o de la máquina, entre otros.
Se puede habilitar o deshabilitar el mostrar el valor y configurar la posición X e Y indicando el tamaño en el que se quiere visualizar el valor. Al final verás la previsualización del elemento.
Seguido podrás configurar el color del texto haciendo click en el recuadro donde aparecerá una paleta de colores.
Se puede habilitar o deshabilitar el mostrar el nombre y configurar la posición X e Y indicando el tamaño en el que se quiere visualizar el tamaño del nombre. Al final verás la previsualización del elemento.
Acción
Tienes un desplegable donde podrás seleccionar las diferentes acciones que puede realizar este parámetro en cuanto se haga click encima de su área, se puede cambiar de capa, cargar diagrama, cargar instalación, cargar control, ir a un link externo o simplemente la acción del parámetro.
A su lado está la configuración Destino que indicará las opciones posibles una vez se haya seleccionado la pestaña anterior. Al final verás la previsualización del elemento.
Una vez terminadas estas configuraciones se debe hacer click en añadir y este parámetro se añadirá al diagrama, lo podrás situar donde desees.
Añadir botón
Para añadir un botón se debe pulsar sobre el icono que se muestra a continuación en la barra de configuración del diagrama:
Una vez pulsado el icono saldrá un panel de configuración donde tienes 3 pestañas de configuración:
Forma
En esta pestaña se configura la altura, la achura, el radio y el color del área del botón. Al final verás la previsualización del elemento.
Texto
En ella podrás configurar el texto, el tamaño y el color. Al final verás la previsualización del elemento.
Acción
Tienes un desplegable donde podrás seleccionar las diferentes acciones que puede realizar este parámetro en cuanto se haga click encima de su área, se puede cambiar de capa, cargar diagrama, cargar instalación, cargar control o ir a un link externo.
A su lado está la configuración Destino que indicará las opciones posibles una vez se haya seleccionado la pestaña anterior. Al final verás la previsualización del elemento.
Una vez terminadas estas configuraciones se debe hacer click en añadir y el botón se añadirá al diagrama, lo podrás situar donde desees.
Añadir objeto
Para añadir un objeto se debe pulsar sobre el icono que se muestra a continuación en la barra de configuración del diagrama:
Una vez pulsado el icono saldrá un panel de configuración donde tienes 2 pestañas de configuración:
Forma
En esta pestaña se configura la altura, la achura, el radio y el color del área. Al final verás la previsualización del elemento.
Texto
En ella podrás configurar el texto, el tamaño y el color. Al final verás la previsualización del elemento.
Una vez terminadas estas configuraciones se debe hacer click en añadir y el botón se añadirá al diagrama, lo podrás situar donde desees.
Añadir texto
Para añadir texto se debe pulsar sobre el icono que se muestra a continuación en la barra de configuración del diagrama:
En ella podrás configurar un texto que necesites añadir al diagrama, el tamaño y el color. Al final verás la previsualización del elemento.
Cambiar color de fondo
Para cambiar el color de fondo se debe pulsar sobre el icono que se muestra a continuación en la barra de configuración del diagrama:
Una vez pulsado el icono saldrá una paleta de colores donde podrás configurar el color que desees, una vez configurado hacer click en Aceptar.
Nota: para este ejemplo se ha disminuido el tamaño del plano para poder así visualizar el cambio.
Añadir botón multi-acción
Para añadir un botón multi-acción se debe pulsar sobre el icono que se muestra a continuación en la barra de configuración del diagrama:
Una vez pulsado el icono saldrá un panel de configuración de este parámetro, tienes 4 pestañas de configuración:
Forma
En esta pestaña se configura la altura, la achura, el radio y el color del área. Al final verás la previsualización del elemento.
Texto
En ella podrás configurar el texto, el tamaño y el color. Al final verás la previsualización del elemento.
Imagen
Tienes la opción de subir una imagen representativa sobre el botón a añadir, configurar la posición del eje X e Y y su tamaño. Al final verás la previsualización del elemento.
Multi-acción
Se debe seleccionar la instalación el control y el o los comandos que vas a representar en el diagrama, una vez seleccionados pulsar añadir en la opción de debajo de la selección del comando, se pueden añadir varios a la vez por lo que se debe pulsar añadir en azul para añadir las selecciones una vez configuradas.
Visualización del botón multi-acción en diagramas:
Exportar a png
Para exportar a png se debe pulsar sobre el icono que se muestra a continuación en la barra de configuración del diagrama:
Una vez pulsado el icono se descargará automáticamente una imagen en formato png, lo podrás visualizar en la barra inferior o en la carpeta de descargas.
Se descargará una imagen del diseño del diagrama que hayas realizado en formato png.
Exportar a SVG
Para exportar a SVG se debe pulsar sobre el icono que se muestra a continuación en la barra de configuración del diagrama:
Se descargará una imagen del diseño del diagrama que hayas realizado en formato SVG.
Mostrar/quitar Grid
Para mostrar/quitar Grid se debe pulsar sobre el icono que se muestra a continuación en la barra de configuración del diagrama:
Esta herramienta permite quitar el Grid (cuadricula).
Nota: para este ejemplo se ha disminuido el tamaño del plano para poder así visualizar el cambio.
