Editar imagen
La acción Editar imagen (imagen siguiente) le permite seleccionar una imagen que el usuario final pueda editar, así como elegir un nodo de destino donde se guardará la imagen. Por ejemplo, la acción se puede asignar a un botón. Cuando un usuario final hace clic en el botón, puede recortar, girar o cambiar el tamaño de la imagen. Y cuando guarden la imagen, esta se guardará en el nodo de destino que haya seleccionado.
A continuación, puede utilizar la imagen editada en la solución haciendo referencia al nodo de destino en el que está guardada. También puede utilizar la imagen editada para realizar otras acciones, como guardar la imagen en un archivo.
La acción Editar imagen tiene estas opciones de configuración:
•Imagen fuente: en primer lugar, seleccione el botón de opción correspondiente al tipo de imagen fuente y, a continuación, busque la imagen fuente. En el caso de una imagen en Base64, introduzca una expresión XPath cuyo resultado sea una cadena que represente la codificación Base64 de la imagen; la cadena codificada en Base64 puede almacenarse en un nodo. En el caso de un archivo de imagen, introduzca la ubicación del archivo. En el caso de los controles, seleccione el control de tipo Imagen que contiene la imagen. Las instancias de estos controles que se hayan creado en el diseño aparecen en la lista desplegable del cuadro combinado. Seleccione el control en la lista. Controles actuales debe ser una imagen.
•Nodo de destino: introduzca una expresión XPath para seleccionar el nodo de destino en el que se guardará la imagen editada.
•Acciones de edición permitidas: puede activar una o varias de las acciones de edición disponibles: Recortar, Rotar y Ajustar tamaño. Para ello, establezca la expresión XPath correspondiente en true().
Tenga en cuenta que puede configurar acciones que se ejecutarán cuando la edición se realice correctamente y en caso de que el usuario final cancele la edición.
Nota: para practicar la edición de imágenes, utilice el archivo del tutorial EditImage.mtd que encontrará en la carpeta (Mis) Documentos: Altova\MobileTogetherDesigner10\MobileTogetherDesignerExamples\Tutorials.
Los controles de edición
Cuando un usuario final inicia la acción Editar imagen en el cliente, la imagen fuente aparece en pantalla junto con los controles de edición habilitados (imagen siguiente).
Los controles de edición son, de izquierda a derecha:
•El control Recortar. Al seleccionarlo, aparecen los iconos Confirmar y Cancelar (en verde y rojo en la imagen anterior).
•Los controles Rotar giran la imagen, respectivamente, 90 grados en sentido antihorario u horario.
•El control Ajustar tamaño abre una cinta de opciones para introducir las nuevas dimensiones. La cinta de opciones contiene iconos para confirmar o cancelar la edición de cambio de tamaño.
•El control Guardar sirve para guardar la imagen editada en el nodo de destino.
•El control Cancelar sirve para cancelar la acción de edición. Si el usuario final cancela la operación, se ejecutarán las acciones especificadas en el evento Al Cancelar de la acción.
Funciones de extensión de MobileTogether
MobileTogether cuenta con distintas funciones de extensión XPath creadas específicamente para usarlas en los diseños de MobileTogether. Algunas de ellas son especialmente útiles para ciertas acciones en concreto. Por ejemplo, mt-available-languages() devuelve los idiomas en que está disponible la solución y se podría usar, por ejemplo, con la acción Cuadro de mensaje. Si alguna función es especialmente relevante para esta acción, aparece a continuación. Para ver una lista completa de funciones de extensión y sus descripciones consulte Funciones de extensión de MobileTogether.
mt-base64-to-hexBinary()
mt-hexBinary-to-base64()
mt-hexBinary-to-string()
mt-change-image-colors()
mt-image-width-and-height()
mt-string-to-hexBinary()
mt-transform-image()