Cuadro combinado

www.altova.com Expandir/Contraer todos Imprimir este apartado Página anterior Subir un nivel Página siguiente

Inicio >  Controles y eventos de control > Controles >

Cuadro combinado

Los controles Cuadro combinado ofrecen un mecanismo que tiene dos componentes:

 

Texto de entrada y valores XML: el texto de las entradas del cuadro combinado (la lista desplegable que se le presenta al usuario final) y sus correspondientes valores XML (que se introducen en la fuente de página) se especifican con la propiedad Valores de entrada del cuadro combinado.
Nodo XML asociado: en el diseño se arrastra un nodo desde el panel Fuentes de página hasta el cuadro combinado. Se trata del nodo XML asociado (o vínculo con la fuente de página) que recibirá el valor del cuadro combinado que seleccione el usuario final. Si quiere utilizar el valor seleccionado por el usuario en otras partes de la página, puede hacer referencia al contenido del nodo arrastrándolo hasta otros controles o seleccionando el nodo en expresiones XPath.

 

Normalmente un cuadro combinado permite al usuario seleccionar una opción de entre varias. Si desea que sus clientes puedan seleccionar múltiples opciones, establezca la propiedad Selección múltiple en yes. Para más información sobre este funcionamiento, consulte la siguiente descripción de la propiedad.

 

Haga clic para expandir/contraerNotas
Cuando el control se asocia con un nodo de la fuente de datos (vínculo con la fuente de página), al pasar el cursor por el control (en la vista Diseño de páginas) aparece el nodo asociado.
Todos los vínculos con fuentes de página de la estructura de fuentes de página aparecen en negrita. Los nodos de la estructura que no son vínculos de fuente de página no están en negrita.
Al pasar el cursor por el vínculo con la fuente de página en la estructura del diseño aparece información sobre el control asociado.
Para eliminar una asociación con el nodo de la fuente de datos (y por tanto los datos del control) haga clic con el botón derecho en el control (en la vista Diseño de páginas) y haga clic en Eliminar vínculo con la fuente de la página.
Para restaurar un estilo o una propiedad (en el panel Estilos y propiedades), seleccione el estilo/la propiedad y haga clic en Restaurar en la barra de herramientas del panel.
Los valores de varias propiedades se pueden configurar usando expresiones XPath. Así podrá utilizar valores dinámicos, es decir, valores calculados o tomados de los nodos de la fuente de datos en tiempo de ejecución. Para crear una expresión XPath, haga clic en el botón Editar XPath de la barra de herramientas del panel Estilos y propiedades.
Para editar la expresión XPath de un estilo o de una propiedad (en el panel Estilos y propiedades), seleccione el estilo/la propiedad y haga clic en el botón Editar XPath de la barra de herramientas del panel.
Para copiar un control y pegarlo en otra ubicación del diseño, pulse Ctrl mientras arrastra el control hasta su nueva posición.
Para asignar propiedades a un control, defina clases para el control (con la propiedad Clase CSS del explorador) y después asigne reglas a las clases en un archivo CSS externo (que se elije en el cuadro de diálogo Configuración del explorador).
Las propiedades CSS de los controles se pueden definir en el panel Estilos y propiedades y en archivos CSS externos, pero las que se definan en el panel Estilos y propiedades tienen prioridad.

 

Eventos del control Cuadro combinado

Los cuadros combinados pueden usar el evento AlTerminarDeEditar. Consulte la sección Acciones para ver qué acciones se pueden configurar en este evento.

 

Propiedades del control Cuadro combinado

Las propiedades del control se pueden editar y consultar en el panel Estilos y propiedades y se describen en este apartado por orden de aparición en el panel.

 

Click to expand/collapseNombre

Se utiliza para hacer referencia al control desde otras partes de la página o del proyecto. Haga doble clic dentro del campo de valor para editar esta propiedad.

 

Haga clic para expandir/contraerMultilínea

Activa o desactiva la entrada/presentación de texto multilínea (true/false). El valor predeterminado es false.

 

Nota

si esta propiedad está definida como true y si el Ajuste automático del tamaño del texto está habilitado, entonces el texto no ocupará varias líneas; sin embargo, los saltos de línea que haya en el texto sí crearan distintas líneas.
si esta propiedad está definida como true en un control etiqueta, entonces se habilita la propiedad Número máximo de líneas.
Haga clic para expandir/contraerValores de entrada del cuadro combinado

Ofrece valores de datos XML para los elementos de la lista desplegable del cuadro combinado. Haga clic en el botón Examinar para abrir el cuadro de diálogo "Editar el cuadro combinado" (imagen siguiente). También puede abrir este cuadro de diálogo haciendo doble clic en el cuadro combinado propiamente dicho.

Haga clic para expandir/contraer

Siga estos pasos para definir las entradas y valores de un cuadro combinado:

 

1.Primero seleccione cómo quiere definir las entradas y los valores: (i) con una lista de valores o (ii) con expresiones XPath.
2.Si quiere ordenar los elementos de la lista desplegable, marque la casilla Ordenar valores.
3.Haga clic en Aceptar para terminar.

 

 

Utilizar lista de valores

Si selecciona Utilizar lista de valores, entonces podrá especificar cada elemento de la lista desplegable del cuadro combinado como una cadena de texto. Puede usar la cadena de texto para (i) el texto del elemento de la lista desplegable, así como para (ii) el valor XML del elemento. Como alternativa, también puede especificar distintas cadenas de texto para el elemento de la lista desplegable y para su correspondiente valor XML. Por cada elemento, añada una nueva línea e introduzca las cadenas que quiera.

 

Utilizar expresiones XPath

Si selecciona Utilizar expresiones XPath puede usar las expresiones XPath para especificar los elementos de la lista desplegable y los valores XML correspondientes. Hay dos formas de hacerlo:

 

Use una expresión XPath para definir tanto el texto visible (del elemento de la lista desplegable del cuadro combinado) como los valores XML correspondientes. Las expresiones XPath deben evaluar como (i) una secuencia de cadenas en la que cada cadena proporciona el valor tanto de la entrada visible del cuadro combinado como del valor XML de esa entrada (ejemplo: ("One", "Two", "Three")) o (ii) una secuencia de conjuntos de dos miembros, donde el primer miembro es el valor XML y el segundo es la entrada visible (ejemplo: ["One", "1"], ["Two", "2"], ["Three", "3"].
Use dos expresiones XPath distintas para generar, respectivamente, (i) la secuencia de cadenas de los valores XML y (ii) la secuencia de cadenas de las entradas visibles. Se utilizan asignaciones entre los elementos de las dos secuencias para determinar la correspondencia entre entradas visibles y valores XML. Por ejemplo, los primeros elementos de ambas secuencias están asignados entre sí, los segundos elementos entre  sí, etc.

 

Nota:    usar expresiones XPath permite generar entradas y valores XML de forma dinámica. Por ejemplo, la expresión distinct-values(region), "All" genera una secuencia cuyos elementos son los distintos valores del elemento region, a lo que se suma un elemento final All.

 

Nota:    si se obtienen de una fuente de página XML, los elementos de la lista desplegable aparecerán por defecto en el orden en el que aparecen en el documento.

Haga clic para expandir/contraerObtener valor de la XPath

El valor devuelto por la expresión XPath aparece en el control. Esto permite introducir valores de visualización para determinados controles. Por ejemplo, un cuadro combinado puede tomar su valor de visualización de un nodo de la fuente de página o del valor devuelto de la propiedad Obtener valor de la XPath.

 

Nota:  la variable $MTControlValue no se puede usar para generar el valor de la propiedad Obtener valor de la XPath. Se se utiliza se produce un error de validación.

 

Clic para expandir/contraerValor de corrección automática

La propiedad Valor de corrección automática puede tener dos valores: true o false. Si tiene el valor true, entonces el valor del nodo de fuente de página asociado se corrige y pasa a ser el primer valor XML de los valores sin ordenar del cuadro combinado. El valor predeterminado de esta propiedad es false.

 

Es posible que el nodo de fuente de página contenga un valor inválido si se actualizó con un mecanismo distinto al control, como por ejemplo la acción Actualizar nodos. La propiedad Corregir valor garantiza que no se acepten valores no definidos. La corrección automática ocurre inmediatamente después de que se detecte el valor; por ejemplo, al abrir la solución o cuando se introduce un valor incorrecto.

Clic para expandir/contraerSelección múltiple

Define si el cuadro combinado permite seleccionar valores múltiples o no (true/false). El valor predeterminado es false.

 

Un cuadro combinado normalmente permite escoger entre múltiples opciones de entre las que se puede seleccionar una. En una solución de MobileTogether, el valor correspondiente a la opción seleccionada se escribe en un nodo de fuente de página.
 
Si la propiedad Selección múltiple se cambia a true, el usuario podrá seleccionar más de una opción. Los valores que corresponden a cada una de las opciones seleccionadas se concatenan en una sola cadena y se introducen en el nodo de fuente de página asociado. Cuando se construye la cadena, los valores seleccionados están separados unos de otros por el separador que usted defina en la propiedad Separador de selección múltiple (imagen siguiente). El separador no debe definirse en los valores del cuadro combinado.

 

En la imagen siguiente los valores que corresponden a las opciones seleccionadas están concatenados en una sola cadena (separados por comas) e introducidos en el nodo de atributo weekly (resaltado). El separador de la cadena que se introduce en la fuente de página se indica con la propiedad Separador de selección múltiple (imagen siguiente), mientras que el separador de la cadena que se muestra en el cuadro combinado se indica con la propiedad Separador de selección múltiple visible (imagen siguiente).

 

Click to expand/collapse

 

Nota: si en procesamientos posteriores los valores que contiene una cadena tienen que estar separados, entonces la cadena debe estar convertida en token con el mismo separador que se utilizó al construir la cadena. Puede usar la función XPath tokenize para ello.

Clic para expandir/contraerSeparador de selección múltiple

Esta propiedad se habilita cuando la propiedad Selección múltiple está establecida en true. Si el usuario final selecciona varios valores en el cuadro combinado, entonces se construye una cadena a partir de esa selección concatenando los valores XML de la selección e insertando el separador entre valores. La cadena así construida se introduce en el nodo de fuente de página asociado. Observe que se puede usar un separador distinto para construir la cadena que se muestra en el cuadro combinado (véase la propiedad Separador de selección múltiple visible, más abajo). Los distintos separadores permiten usar el más adecuado tanto para el procesamiento XML como para dispositivos de pantalla para lectura humana.

 

Puede escoger entre: (i) seleccionar un separador de las opciones disponibles o (ii) introducir uno o más caracteres que quiera usar como separador, sea directamente o mediante una expresión XPath.

 

Nota: si usa una expresión XPath para que devuelva el separador, tenga en cuenta que la expresión se evalúa cuando se analizan los valores del cuadro combinado. Por tanto, si los valores de la expresión cambian durante el tiempo de ejecución del procesamiento (por ejemplo, si depende de un nodo con contenido cambiante), entonces puede que el valor devuelto no sea el carácter deseado.

 

Consulte también la propiedad Selección múltiple para información relacionada.

 

Clic para expandir/contraerSeparador de selección múltiple visible

Esta propiedad se habilita cuando la propiedad Selección múltiple está establecida en true. Si el usuario final selecciona varios valores en el cuadro combinado, entonces se construye una cadena a partir de esa selección concatenando los valores Entrada visible de la selección e insertando el separador entre valores. La cadena así construida se muestra en el cuadro combinado. Observe que para construir la cadena se puede usar un separador distinto que se muestra en el cuadro combinado (véase la propiedad Separador de selección múltiple, más arriba). Los distintos separadores permiten usar el más adecuado tanto para el procesamiento XML como para dispositivos de pantalla para lectura humana.

 

Puede escoger entre: (i) seleccionar un separador de las opciones disponibles o (ii) introducir uno o más caracteres que quiera usar como separador, sea directamente o mediante una expresión XPath.

 

Nota: si usa una expresión XPath para que devuelva el separador, tenga en cuenta que la expresión se evalúa cuando se analizan los valores del cuadro combinado. Por tanto, si los valores de la expresión cambian durante el tiempo de ejecución del procesamiento (por ejemplo, si depende de un nodo con contenido cambiante), entonces puede que el valor devuelto no sea el carácter deseado.

 

Consulte también la propiedad Selección múltiple para información relacionada.

 

Haga clic para expandir/contraerAcción de control

Haga clic en el botón Examinar para abrir el cuadro de diálogo "Acciones". Aquí puede configurar qué acciones se llevan a cabo cuando se desencadene un evento del control. Los eventos del control están predefinidos y el cuadro de diálogo ofrece una pestaña para cada uno de ellos. En el panel izquierdo del cuadro de diálogo está la biblioteca de acciones. Desde aquí puede arrastrar una acción hasta la pestaña del evento correspondiente. Después puede definir las propiedades de la acción elegida. Por cada evento puede configurar varias acciones, que se ejecutarán en el orden en el que aparecen, de arriba a abajo.

 

Una vez definidas, las acciones del control se pueden editar en cualquier momento (haciendo clic en el botón Examinar de la propiedad).

 

Haga clic para expandir/contraerVisible

Una expresión XPath que debe dar como resultado true() o false(). Si da como resultado false(), entonces el control no estará visible. Si la expresión da como resultado true() o devuelve algún otro valor, entonces el control estará visible. El valor predeterminado es true(). Haga doble clic en el campo de valor o clic en el botón XPath para escribir o editar la expresión XPath. Esta propiedad se puede usar para presentar en pantalla un objeto visible dependiendo de si la expresión XPath da como resultado true(). Es decir, la presentación en pantalla del objeto se puede configurar de forma dinámica, según el contenido o la estructura de los datos.

 

Nota:  para más información sobre la visibilidad de columnas/filas distribuidas consulte la sección Propiedades de tabla.

 

Nota:  la variable $MTControlValue no se puede usar para evaluar la propiedad Visible. Si la utiliza se producirá un error de validación.

 

Haga clic para expandir/contraerHabilitado/Editable

El control se habilita o se puede editar dependiendo del valor de esta propiedad: true (habilitado) o false (deshabilitado). El valor se puede introducir directamente (seleccionándolo en el cuadro combinado o haciendo doble clic en el campo de valor e introduciendo el valor deseado). El valor también puede ser una expresión XPath que dé como resultado true o false. Por lo general la expresión XPath de esta propiedad comprobará la presencia o el valor de un nodo. Si la expresión da como resultado true, el control se habilitará.

 

Haga clic para expandir/contraerColor del texto

Define el color del texto del control cuando éste está habilitado. El color se puede seleccionar de varias formas:

 

Haciendo clic en la paleta de colores.
Seleccionando un color en la lista desplegable del cuadro combinado.
Haciendo doble clic en el campo de valor e introduciendo un código de color (p. ej. #FF0000) o haciendo clic en el botón XPath de la barra de herramientas e introduciendo una expresión XPath para generar el código del color.

 

Nota: los controles pueden habilitarse o deshabilitarse en función del contexto. Por ejemplo, si en un formulario sobre datos personales, a la pregunta de si tiene un seguro de vida, el usuario contesta afirmativamente, entonces se pueden habilitar los campos donde debe introducir los datos sobre el seguro de vida. De lo contrario, estos campos estarán deshabilitados. Para habilitar/deshabilitar un campo, use la propiedad Habilitado/Editable del correspondiente control. Para establecer el color del texto del control cuando éste está deshabilitado use la propiedad Color del texto (Deshabilitado).

 

Haga clic para expandir/contraerColor del texto (Deshabilitado)

Define el color del texto del control cuando éste está deshabilitado. El color se puede seleccionar de varias formas:

 

Haciendo clic en la paleta de colores.
Seleccionando un color en la lista desplegable del cuadro combinado.
Haciendo doble clic en el campo de valor e introduciendo un código de color (p. ej. #FF0000) o haciendo clic en el botón XPath de la barra de herramientas e introduciendo una expresión XPath para generar el código del color.

 

Nota: los controles pueden habilitarse o deshabilitarse en función del contexto. Por ejemplo, si en un formulario sobre datos personales, a la pregunta de si tiene un seguro de vida, el usuario contesta afirmativamente, entonces se pueden habilitar los campos donde debe introducir los datos sobre el seguro de vida. De lo contrario, estos campos estarán deshabilitados. Para habilitar/deshabilitar un campo, use la propiedad Habilitado/Editable del correspondiente control. Para establecer el color del texto del control cuando éste está habilitado use la propiedad Color del texto.

 

Haga clic para expandir/contraerTamaño del texto

Seleccione un tamaño de la lista desplegable del cuadro combinado. Los valores permitidos son: smallest|small|medium|large|largest. Cada plataforma o dispositivo tiene definido el alto en píxeles por cada tamaño literal. De modo que el tamaño del texto predeterminado en píxeles es el alto en píxeles propio del cliente que corresponda al valor medium.

 

También puede generar otros valores con la función mt-font-height. Por ejemplo, para obtener un tamaño que sea un 120 por ciento mayor que el tamaño numérico que corresponde al valor literal largest del dispositivo, utilice esta expresión XPath: mt-font-height('largest', 'px') * 1.2. Esta función genera el valor numérico (en píxeles) que corresponde al tamaño largest. Después multiplica este valor por 1.2 para obtener el valor numérico que sea un 120 por ciento del valor que corresponde a largest.

 

Si introduce valores en píxeles para las propiedades que definen la longitud de un control, debe tener en cuenta que en dispositivos iOS estos valores se leerán como puntos del espacio de coordenadas del área de visualización. El espacio de coordenadas del área de visualización es el lienzo donde se dibujan los componentes de diseño y un punto es la unidad de longitud en este espacio (es decir, aquí los puntos no equivalen a la unidad tipográfica igual a 1/72 de una pulgada). El dispositivo iOS asigna automáticamente puntos del espacio de coordenadas del área de visualización a píxeles del espacio de coordenadas del dispositivo. Al asignar los valores de esta manera (de valores del área de visualización a valores del dispositivo) garantiza que los componentes de diseño conserven la misma relación de tamaño tanto con el lienzo como entre ellos, independientemente de la resolución del dispositivo iOS o de qué unidades se usen.

 

En MobileTogether Designer puede utilizar las variables dinámicas $MT_CanvasX y $MT_CanvasY para averiguar las dimensiones del área de visualización (lienzo de dibujo) actual y obtener así distancias relativas a esas dimensiones. Para dispositivos iOS las variables devuelven valores que se calculan de esta manera: las dimensiones en píxeles del espacio actual de coordinadas del dispositivo se convierten (usando un factor de conversión apropiado) en valores de puntos del espacio de coordenadas del área de visualización. Las variables devuelven estos valores de puntos en píxeles para utilizarlos en el diseño. Por ejemplo, si desea que una imagen sea la mitad del ancho del área de visualización, basta con asignarle un ancho en píxeles igual a $MT_CanvasX * 0.5; la expresión XPath para el ancho de esta imagen sería concat($MT_CanvasX * 0.5, 'px').

 

Clic para expandir/contraerAjuste automático del tamaño del texto

Determina si el tamaño del texto debe reducirse para ajustarse al ancho del control. Los valores de la propiedad son:

 

Off (el tamaño del texto no se ajusta automáticamente; es el valor predeterminado)
Puntos suspensivos (añade puntos suspensivos al final del texto visible del control si el texto es demasiado largo para mostrarlo por completo)
Individualmente (solo se ajustará automáticamente el tamaño del texto de este control)
Grupo X (donde X=1 a 9). Puede agregar un control a uno de los nueve grupos de ajuste automático del tamaño del texto (cada grupo está identificado con un número de 1 al 9). El tamaño del texto de todos los controles de un grupo se ajustará automáticamente al del control que tenga el texto de menor tamaño. Esto garantiza que un conjunto de controles tenga un tamaño de texto homogéneo y adecuado sin que tenga que ir probando hasta encontrar el tamaño ideal.
 

En la vista Diseño el texto puede reducirse como mucho al 50% del tamaño de la fuente, incluso aunque el tamaño del ajuste automático sea menor. En tiempo de ejecución, sin embargo, sí se mostrará el tamaño establecido en la propiedad de ajuste automático-

 
Notas

si la propiedad Multilínea está definida en true, entonces: (i) si el ajuste automático está deshabilitado, el texto ocupará varias líneas; (ii) si el ajuste automático está habilitado, el texto se adaptará al espacio y no abarcará varias líneas; no obstante, los saltos de línea que contenga el texto sí crearán líneas distintas.
esta propiedad no se puede habilitar si se ha definido la propiedad de etiqueta Número máximo de líneas. Debe elegir entre definir un número máximo de líneas o dejar que el tamaño del texto se ajuste automáticamente.
la función Ajuste automático del tamaño del texto no está disponible en clientes web.

 


Haga clic para expandir/contraerTexto en negrita

Seleccione true o false de la lista desplegable del cuadro combinado. También puede utilizar una expresión XPath. El valor predeterminado es false.

 

Haga clic para expandir/contraerTexto en cursiva

Seleccione true o false de la lista desplegable del cuadro combinado. El valor también se puede generar de forma dinámica con una expresión XPath. El valor predeterminado es false.

 

Haga clic para expandir/contraerTexto subrayado

Seleccione true o false de la lista desplegable del cuadro combinado. El valor también se puede generar de forma dinámica con una expresión XPath. El valor predeterminado es

false.

 

Haga clic para expandir/contraerColor de fondo

Define el color de fondo que tiene el objeto cuando está habilitado. El color se puede definir de varias formas:

 

haciendo clic en la paleta de colores.
seleccionando un color en la lista desplegable del cuadro combinado; para seleccionar el color de fondo del control, seleccione el elemento Color de fondo del control en el cuadro combinado.
haciendo doble clic en el campo de valor e introduciendo un código de color (p. ej. #FF0000) o haciendo clic en el botón XPath de la barra de herramientas e introduciendo una expresión XPath para generar el código del color. Para aplicar el color de fondo del control, introduzca la expresión XPath "control".

 

Nota:   para hacer que el color de fondo de la celda sea el mismo que el del control en el que se encuentra la celda, (i) seleccione Color de fondo del control en el cuadro combinado de la propiedad o (ii) introduzca la expresión XPath "control" en el campo del valor de la propiedad.

 

Nota:   los controles pueden habilitarse o deshabilitarse en función del contexto. Por ejemplo, si en un formulario sobre datos personales, a la pregunta de si tiene un seguro de vida, el usuario contesta afirmativamente, entonces se pueden habilitar los campos donde debe introducir los datos sobre el seguro de vida. De lo contrario, estos campos estarán deshabilitados. Para habilitar/deshabilitar un campo, use la propiedad Habilitado/Editable del correspondiente control. Para establecer el color de fondo que debe tener el control cuando está deshabilitado use la propiedad Color de fondo (Deshabilitado).

 


Haga clic para expandir/contraerColor de fondo (Deshabilitado)

Define el color de fondo que tiene el objeto cuando está deshabilitado. El color se puede seleccionar de varias formas:

 

Haciendo clic en la paleta de colores.
Seleccionando un color en la lista desplegable del cuadro combinado.
Haciendo doble clic en el campo de valor e introduciendo un código de color (p. ej. #FF0000) o haciendo clic en el botón XPath de la barra de herramientas e introduciendo una expresión XPath para generar el código del color.

 

Nota: los controles pueden habilitarse o deshabilitarse en función del contexto. Por ejemplo, si en un formulario sobre datos personales, a la pregunta de si tiene un seguro de vida, el usuario contesta afirmativamente, entonces se pueden habilitar los campos donde debe introducir los datos sobre el seguro de vida. De lo contrario, estos campos estarán deshabilitados. Para habilitar/deshabilitar un campo, use la propiedad Habilitado/Editable del correspondiente control. Para establecer el color de fondo que debe tener el control cuando está habilitado use la propiedad Color de fondo.

 

Haga clic para expandir/contraerAlineación horizontal

Establece la alineación horizontal a la izquierda, en el centro o a la derecha. El valor predeterminado es center. También puede configurar el valor con una expresión XPath (lo cual permite generar el valor de forma dinámica).

 

Haga clic para expandir/contraerAlineación vertical

Establece la alineación vertical en la parte superior, en el medio o en la parte inferior. El valor predeterminado es middle. También puede configurar el valor con una expresión XPath (lo cual permite generar el valor de forma dinámica).

 

Haga clic para expandir/contraerAncho del control

Establece el ancho del control. Seleccione un valor del cuadro combinado:

 

rellenar_principal: ajusta el ancho del control al ancho del elemento principal (por ejemplo, la celda de tabla o la página donde se incluye el control).
ajuste_automático_línea: ajusta el ancho del control al contenido. Cuando se selecciona este valor, se habilita la propiedad Ancho máximo del control.
valor porcentual: un porcentaje del ancho de la página. Seleccione un valor de la lista o escriba un valor directamente.
valor en píxeles: seleccione un valor en píxeles de la lista desplegable o escriba un valor directamente.

 

En realidad, el valor rellenar_principal crea un ancho máximo, mientras que ajuste_automático_línea crea un ancho mínimo. El ancho predeterminado de todos los controles es rellenar_principal, excepto en el caso de los controles Imagen y Gráfico, cuyo ancho predeterminado es ajuste_automático_línea.

 

Si introduce valores en píxeles para las propiedades que definen la longitud de un control, debe tener en cuenta que en dispositivos iOS estos valores se leerán como puntos del espacio de coordenadas del área de visualización. El espacio de coordenadas del área de visualización es el lienzo donde se dibujan los componentes de diseño y un punto es la unidad de longitud en este espacio (es decir, aquí los puntos no equivalen a la unidad tipográfica igual a 1/72 de una pulgada). El dispositivo iOS asigna automáticamente puntos del espacio de coordenadas del área de visualización a píxeles del espacio de coordenadas del dispositivo. Al asignar los valores de esta manera (de valores del área de visualización a valores del dispositivo) garantiza que los componentes de diseño conserven la misma relación de tamaño tanto con el lienzo como entre ellos, independientemente de la resolución del dispositivo iOS o de qué unidades se usen.

 

En MobileTogether Designer puede utilizar las variables dinámicas $MT_CanvasX y $MT_CanvasY para averiguar las dimensiones del área de visualización (lienzo de dibujo) actual y obtener así distancias relativas a esas dimensiones. Para dispositivos iOS las variables devuelven valores que se calculan de esta manera: las dimensiones en píxeles del espacio actual de coordinadas del dispositivo se convierten (usando un factor de conversión apropiado) en valores de puntos del espacio de coordenadas del área de visualización. Las variables devuelven estos valores de puntos en píxeles para utilizarlos en el diseño. Por ejemplo, si desea que una imagen sea la mitad del ancho del área de visualización, basta con asignarle un ancho en píxeles igual a $MT_CanvasX * 0.5; la expresión XPath para el ancho de esta imagen sería concat($MT_CanvasX * 0.5, 'px').

 

Clic para expandir/contraerAncho de control máximo

Esta propiedad solamente está disponible cuando la propiedad Ancho del control del control tiene el valor ajuste_automático_línea. La propiedad Ancho de control máximo establece el ancho máximo del control. Seleccione un valor del cuadro combinado de la propiedad. Estos son los valores disponibles:

 

valor porcentual: un porcentaje del ancho de la página. Seleccione un valor de la lista desplegable o escriba un valor directamente.
valor en píxeles: seleccione un valor en píxeles de la lista desplegable o escriba un valor directamente.

 

Haga clic para expandir/contraerMargen

Indica el margen máximo del control en relación a los objetos que lo rodean o al borde del objeto que lo contiene. Seleccione un valor en píxeles de la lista desplegable del cuadro combinado o haga doble clic en el campo del valor para escribir un valor en píxeles. La configuración definida se aplicará a los cuatro lados del control. Para definir un margen distinto para alguno de los cuatro lados, expanda la propiedad Margen para mostrar las propiedades individuales de ancho (izquierda, derecha, superior e inferior) e indique el valor deseado. Por ejemplo, si indica que el Margen es de 6px y el Margen inferior es de 12px, entonces el margen será de 6px en los lados izquierdo, derecho e inferior, y de 12px en el lado inferior.

 

Si introduce valores en píxeles para las propiedades que definen la longitud de un control, debe tener en cuenta que en dispositivos iOS estos valores se leerán como puntos del espacio de coordenadas del área de visualización. El espacio de coordenadas del área de visualización es el lienzo donde se dibujan los componentes de diseño y un punto es la unidad de longitud en este espacio (es decir, aquí los puntos no equivalen a la unidad tipográfica igual a 1/72 de una pulgada). El dispositivo iOS asigna automáticamente puntos del espacio de coordenadas del área de visualización a píxeles del espacio de coordenadas del dispositivo. Al asignar los valores de esta manera (de valores del área de visualización a valores del dispositivo) garantiza que los componentes de diseño conserven la misma relación de tamaño tanto con el lienzo como entre ellos, independientemente de la resolución del dispositivo iOS o de qué unidades se usen.

 

En MobileTogether Designer puede utilizar las variables dinámicas $MT_CanvasX y $MT_CanvasY para averiguar las dimensiones del área de visualización (lienzo de dibujo) actual y obtener así distancias relativas a esas dimensiones. Para dispositivos iOS las variables devuelven valores que se calculan de esta manera: las dimensiones en píxeles del espacio actual de coordinadas del dispositivo se convierten (usando un factor de conversión apropiado) en valores de puntos del espacio de coordenadas del área de visualización. Las variables devuelven estos valores de puntos en píxeles para utilizarlos en el diseño. Por ejemplo, si desea que una imagen sea la mitad del ancho del área de visualización, basta con asignarle un ancho en píxeles igual a $MT_CanvasX * 0.5; la expresión XPath para el ancho de esta imagen sería concat($MT_CanvasX * 0.5, 'px').

 

 

Clic para expandir/contraerRelleno

Define el relleno del control, que es el espacio entre el borde del control y su contenido. Seleccione un valor en píxeles de una lista desplegable del cuadro combinado o haga doble clic en el campo del valor para introducir en él un valor en píxeles. El relleno se aplicará a los cuatro lados del control.

 

Para definir un relleno distinto para alguno de los cuatro lados, expanda la propiedad Relleno para mostrar las propiedades individuales de ancho (izquierda, derecha, superior e inferior) e indique el valor deseado. Por ejemplo, si indica que el Relleno es de 6px y el Relleno inferior es de 12px, entonces el margen será de 6px en los lados izquierdo, derecho e inferior, y de 12px en el lado inferior.

 

Si introduce valores en píxeles para las propiedades que definen la longitud de un control, debe tener en cuenta que en dispositivos iOS estos valores se leerán como puntos del espacio de coordenadas del área de visualización. El espacio de coordenadas del área de visualización es el lienzo donde se dibujan los componentes de diseño y un punto es la unidad de longitud en este espacio (es decir, aquí los puntos no equivalen a la unidad tipográfica igual a 1/72 de una pulgada). El dispositivo iOS asigna automáticamente puntos del espacio de coordenadas del área de visualización a píxeles del espacio de coordenadas del dispositivo. Al asignar los valores de esta manera (de valores del área de visualización a valores del dispositivo) garantiza que los componentes de diseño conserven la misma relación de tamaño tanto con el lienzo como entre ellos, independientemente de la resolución del dispositivo iOS o de qué unidades se usen.

 

En MobileTogether Designer puede utilizar las variables dinámicas $MT_CanvasX y $MT_CanvasY para averiguar las dimensiones del área de visualización (lienzo de dibujo) actual y obtener así distancias relativas a esas dimensiones. Para dispositivos iOS las variables devuelven valores que se calculan de esta manera: las dimensiones en píxeles del espacio actual de coordinadas del dispositivo se convierten (usando un factor de conversión apropiado) en valores de puntos del espacio de coordenadas del área de visualización. Las variables devuelven estos valores de puntos en píxeles para utilizarlos en el diseño. Por ejemplo, si desea que una imagen sea la mitad del ancho del área de visualización, basta con asignarle un ancho en píxeles igual a $MT_CanvasX * 0.5; la expresión XPath para el ancho de esta imagen sería concat($MT_CanvasX * 0.5, 'px').

 

 

Clic para expandir/contraerOrden de tabulación

La propiedad Orden de tabulación toma como valor un número entero o una expresión XPath que evalúa con un número entero. Este número entero es la posición del control en la secuencia del orden de tabulación.

 

El orden de tabulación es la secuencia en que se resaltan los controles cuando el usuario del dispositivo cliente pulsa la tecla Tabulador. Todo el orden de tabulación de la secuencia se puede configurar rápidamente y dentro del contexto visual de todos los controles de la página con el comando de menú Página | Mostrar/Definir orden de tabulación. La propiedad Orden de tabulación de cada control solo define la posición secuencial de ese control.

 

Nota: la característica Orden de tabulación solo está disponible para clientes web y Windows.

 

Clic para expandir/contraerHoja de estilos

La propiedad Hoja de estilos establece qué hoja de estilos se debe usar para el control. La lista desplegable del cuadro combinado de esta propiedad incluye todas las hojas de estilos creadas por el usuario definidas en el proyecto. Seleccione la hoja de estilos que desea usar para el control. Si lo prefiere, también puede usar una expresión XPath para seleccionar la hoja de estilos. La ventaja de usar una XPath es que la selección de la hoja de estilos puede ser condicional (véase Aplicar hojas de estilos creadas por el usuario). Para más información consulte la sección Hojas de estilos.

 

Haga clic para expandir/contraerClase CSS del explorador

El nombre de la clase CSS que quiere asociar con este control. Si quiere asociar varias clases con el control, sepárelas por medio de espacios (p. ej. Clase1 Clase2). Después puede usar estas clases en un archivo CSS (el que se especifica en el cuadro de diálogo "Configuración del explorador") para asignar propiedades para este control concretamente. También puede usar una expresión XPath para generar los nombres de clase o recuperarlos.

 

 


© 2019 Altova GmbH