Trabajo con contenido sensible

títulos de respuesta se adaptan automáticamente a la vista tamaños de dispositivos de los usuarios. Las características incorporadas permiten crear títulos que se adaptan automáticamente a diferentes dispositivos y las orientaciones del dispositivo. Estas características de diseño que responden a eliminar la necesidad de mantener múltiples títulos o implementar compleja ramificación.

Para activar las funciones de respuesta y comenzar con un título de respuesta, haga clic en Nueva Responsive Título de la ventana Introducción o haga clic en Crear nuevo Título del Archivo pestaña y seleccione Responsive título . Para habilitar un título existente, haga clic en Opciones de Título en el diseño de la cinta y permitir que el Título Responsive Habilitar casilla de verificación. Para más detalles, véase La designación de un título tan sensible .

Cuando el título está habilitado para el diseño de respuesta, se agrega una barra de selección de dispositivo para el área de visualización. La barra de selección de dispositivo contiene cinco gráficos que representan los puntos de vista populares con los dispositivos de hoy en día.

De izquierda a derecha, las vistas de dispositivos son:

Ver teléfono Retrato
Retrato de la tableta Ver
Vista de escritorio
Tablet opinión del paisaje
Teléfono opinión del paisaje

La barra de vista le permite cambiar rápidamente entre vistas para verificar cómo el texto y los objetos se muestran en cada vista. Cuando agrega objetos al título, los objetos se escalan de manera óptima y se movieron para cada vista de dispositivos. Haga clic en un gráfico dispositivo dentro de la barra de selección para ver cómo su contenido se verá en cada dispositivo.

Las flechas que aparecen junto a los gráficos de dispositivo en la barra de selección de dispositivos representan el flujo de la herencia de los cambios de desarrollo que se realicen en la vista actual del dispositivo. Las flechas indican la dirección del flujo de la herencia de respuesta, a partir del escritorio para el comprimido y luego al teléfono. Además, el color de la flecha es representativa de dispositivo en el que se hizo una anulación en una vista dispositivo particular (verde si la anulación se hizo / heredado de la vista de la tableta o naranja si la anulación se hizo en el teléfono). Por ejemplo, las propiedades de los objetos que se muestran en el teléfono Retrato Vista se heredan de los valores actuales de las propiedades de los objetos de la tableta de la opinión del retrato.

Un cambio que realice en la vista de dispositivos no deskop se considera una anulación de la configuración del dispositivo principal herencia sensible. Para ver cómo las anulaciones en un objeto se indican en el área de trabajo, añadir un objeto, como un bloque de imagen o texto, cambiar a una vista de dispositivos, y mover el objeto. Observe también que el color de las adorners alrededor del objeto y el color de la etiqueta de la propiedad en la zona de la cinta también cambia cuando se mueve el objeto. El color indica que el dispositivo en el que se colocó una anulación en el objeto. Cambiar la vista del dispositivo de nuevo y observe cómo se coloca la anulación de la vista.

Si prefiere no realizar las modificaciones (sustituciones) para un punto de vista particular, o si aún no está listo para hacer las personalizaciones disponibles a los colaboradores o aprendices, puede desactivar la vista. Para ello, utilizar los interruptores en la barra de selección de dispositivo para la vista apropiada. Activar el interruptor ( ) para editar y publicar la vista. Desactivar el interruptor ( ) para evitar temporalmente la edición o publicación de la vista. Si una vista de teléfono se desactiva cuando se publica el título, ese dispositivo en su lugar mostrará la vista de la tableta de los padres. Si la vista de la tableta está desactivada, se mostrará la vista de escritorio. Por ejemplo, para desactivar la vista horizontal de teléfono y publicar con el paisaje de la tableta muestra en el teléfono en el modo horizontal, desactivar el interruptor correspondiente de la siguiente manera:

Es posible activar o desactivar un punto de vista tan frecuentemente como se desee mientras está desarrollando el título. No perderá las personalizaciones si se desactiva una vista. Asegúrese de que la vista es permitir adecuadamente o desactivado cuando se publica el título.

Si no te gusta cómo se muestra una anulación, puede deshacer rápidamente el override y restablecer el objeto a su configuración original de la propiedad. Puede restablecer la anulación de la vista actual o en todas las vistas. Para restablecer una anulación en un objeto, haga clic en Restablecer en el anulaciones de grupo en las Propiedades de las cintas ( Propiedades , estilo , posición y tamaño ) para el objeto o haga clic derecho en el objeto y seleccione anulaciones Restablecer . Para restablecer un reemplazo para una unidad asignable, capítulo, sección o página, haga clic en él y seleccione anulación de reinicio . Para más detalles, consulte Restablecimiento de las anulaciones en un objeto en un título de respuesta ,Restablecimiento de las anulaciones en un capítulo, sección o página de un título de respuesta , y Restablecimiento de las anulaciones en una unidad asignable en un título sensible .

la colocación de objetos fuera de la página

Para los diseños que responden título que necesitan tener diferentes objetos aparecen en lugar de otros en los diferentes dispositivos, puede intercambiar los objetos dentro y fuera de la página. Por ejemplo, es posible que desee Image1 que aparezca en el escritorio y la tableta, pero quieren Image2 que aparezca en el teléfono. Durante el modo de ejecución, sólo se mostrarán los objetos de la página, es decir, si arrastra los objetos de una página para un dispositivo específico, no aparecerán en Modo Run y el modo de vista previa y también durante la publicación. Así pues, en este escenario, se posicionaría Image1 en la página y colocar Image2 fuera de la página de vistas para ordenadores y tablets. En las vistas de teléfono, deberá arrastrar Image2 a la página y arrastre Image1 fuera.

  • Cuando se elimina un objeto de un título de respuesta, el objeto se elimina del título Explorer y todas las vistas de dispositivos en el título. Recibirá un mensaje de advertencia cuando se elimina el objeto desde puntos de vista no son de escritorio. Para más detalles, consulte Eliminación de un objeto en un título sensible .

  • Puede utilizar las acciones condicionales para colocar las imágenes apropiadas (o desactivar) la página. Para más detalles, consulte las condiciones de Especificación .

  • Objetos fuera de la página no se publican. Los objetos colocados fuera de la página en una vista no se hace referencia en el contenido publicado a menos que haya un Mover a la acción asociada con el objeto Lo importante aquí es que los recursos del objeto no se descargarán en el dispositivo de visualización.

moviéndose rápidamente y cambiar el tamaño de los objetos en todas las vistas dispositivos

Puede moverse con rapidez y cambiar el tamaño de los objetos a través de todos los dispositivos sin tener que cambiar a cada vista. Esto le permitirá a la fuerza mueve un objeto a una posición / tamaño deseado, independientemente de su estado herencia. Mientras se mueve o cambiar el tamaño de uno o varios objetos seleccionados, arrastre mientras mantiene pulsado Shift y Ctrl . Los objetos en todos los dispositivos se cambian en consecuencia. Para obtener más información acerca de los objetos en movimiento utilizando Ctrl + Shift arrastre y las reglas que se aplican, consulte Mover y redimensionar objetos .

En respuesta escalar objetos

Por defecto, la mayoría de los objetos se escalan para cada vista de dispositivos después de la inserción utilizando una fórmula calculada. Esto implica tomar del objeto rectangular información y el dispositivo actual el usuario está en Al dispositivos de conmutación, el tamaño y la posición de los objetos proporcionalmente se escalan basan en la anchura de los dos dispositivos que utilizan las constantes a continuación.:

Vista de los equipos Anchura Altura
teléfono Retrato 480 763
teléfono paisaje 785 450
Retrato de la tableta 785 1000
Tablet paisaje 1009 662
Escritorio 1009 662

En vista no deskop, menús y objetos de formulario no se ajustan a escala. Además, no hay escala para cuando la pantalla para el audio es un controlador o un icono de altavoz y de tablas de contenido cuando el tipo está lista desplegable.

Página reglas de crecimiento en altura

Para los objetos que se ajustan a la altura de la página de escritorio, la altura de la página de otros puntos de vista (en particular, de la tableta del paisaje y paisaje de teléfono) crezca de manera que esos objetos permanecerán en la página. (Esto también es cierto de TabletLandscape a Teléfono paisaje.) Esto se aplica a los objetos que están completamente en la página, así como parcialmente encendido / apagado la página. Si un objeto es completamente fuera de la página, la página no va a crecer a los demás dispositivos.

Si la anchura de un bloque de texto en vista de escritorio es tal que tiene que ser reducido - y el bloque de texto crecido verticalmente - en otros puntos de vista, la altura de la página en los otros puntos de vista también crecerá para acomodar el bloque de texto.

reglas de respuesta de los objetos y el texto

Esto es lo que puede esperar cuando se desarrolla con estos elementos en títulos de respuesta:

Capítulos, secciones, páginas, y las AU
  • El ancho de la página se puede ajustar en la vista de escritorio solamente (tanto en el diseño de la cinta y el Propiedades de la cinta. En los otros puntos de vista de respuesta, el ancho es siempre fija. La altura de la página se hereda sólo a nivel de objeto. En otras palabras, la página hereda de la sección, el capítulo se hereda del título, y así sucesivamente. la altura de la página no quede heredado a través de puntos de vista (de escritorio para bajar visitas). Se puede cambiar la altura de la página en todos los puntos de vista sobre el diseño de la cinta y el Propiedades de la cinta .

    El tamaño Heredar Página casilla de verificación en la Propiedades de la cinta se aplica sólo a la vista de escritorio; y aparece como Auto alto de página en las vistas no son de escritorio debido a que el ancho de la página no se puede cambiar.

  • La alineación de la página HTML por defecto para los títulos de respuesta está centrada. Además, no se puede ajustar la alineación de la página HTML en títulos sensibles. Para los títulos existentes, si un (no responde) Título regular se permitió ser sensible, entonces la alineación de la página HTML Centrado será aplicada y el control deshabilitado (y aplica las reglas de respuesta). Si un título de respuesta se cambia un título regular, la alineación de la página HTML se sigue centrado y el control está habilitado para que pueda cambiarlo si lo desea.
Texto
  • Para los títulos de respuesta, las opciones están disponibles para ampliar o reducir convenientemente el texto dentro de un bloque de texto. Esto es útil al ajustar cómo aparece el texto en un bloque de texto dentro de las diferentes vistas de dispositivos para los títulos de respuesta. Escalar el texto crea una anulación de la herencia de respuesta por defecto. (Los controles de escala de texto están desactivadas en la vista de escritorio ya no se puede crear reemplazos de dicha vista. Además, las etiquetas en los campos cambiarán de color para reflejar los valores de anulación actuales para cada vista de dispositivos).

  • En los casos en los que hay varios estilos de texto en un texto bloquear los valores de base en el texto del panel mostrará el estilo de texto del primer texto en el bloque y un indicador - ± - que existan varios valores, por ejemplo ± 12.

  • Los botones tienen las anulaciones automáticas si contienen texto y no se escala para el tamaño de fuente. Esto asegura que el texto del botón aparece el mismo tamaño en todos los dispositivos en lugar de escalar hacia abajo desde el escritorio y cada vez más pequeños en los dispositivos inferiores.

Botones Botones no escalan.
imágenes
  • Las imágenes tienen ajuste de escala normal al ser insertado en un dispositivo. Si la imagen se ajusta en la página por defecto, sino que también se inserta en cada otro dispositivo como una anulación de manera que es el mismo tamaño.Si exacta la imagen es mayor que la página del dispositivo actual, ya sea horizontal o vertical, la imagen se coloca en dispositivo de escritorio y luego redujo para las vistas de dispositivos. Si la imagen es más grande que la página del dispositivo actual y más grande que la de escritorio, la imagen se coloca en vista de escritorio y reducido a los límites de escritorio. A partir de ahí se escala más abajo para obtener al dispositivo actual.

  • Las imágenes no se pueden escalar hacia arriba.

  • Para las imágenes utilizadas en un fondo, la imagen se escala utilizando las normas de escalado. Además, si el recurso imagen de fondo en repeticiones de escritorio o azulejos, a continuación, se repetirá o azulejo en vistas inferiores. Si no se repite o mosaico en el escritorio, a continuación, se le impide repetir o / segmentación en vistas inferiores.

formas
  • Tienen formas de escala normal, al ser insertado en un dispositivo. Si la forma se ajusta en la página por defecto, sino que también se inserta en cada otro dispositivo como una anulación de manera que es el mismo tamaño.Si exacta la forma es más grande que la página del dispositivo actual, ya sea horizontal o vertical, la forma se coloca en dispositivo de escritorio y luego redujo para las vistas de dispositivos. Si la imagen es más grande que la página del dispositivo actual y más grande que la de escritorio, la imagen se coloca en vista de escritorio y reducido a los límites de escritorio. A partir de ahí se escala más abajo para obtener al dispositivo actual.

  • Las formas se ampliadas al escritorio, si se elabora en otro lugar, a continuación, siga la herencia que responde a fluir el tamaño de vuelta a vistas inferiores. Esto mantiene el tamaño original en la vista de donde extrae sin crear una anulación.

  • Para las formas utilizadas en un fondo, la forma se escala utilizando las normas de escalado. Además, si el fondo la forma en repeticiones de escritorio o azulejos, a continuación, se repetirá o azulejo en vistas inferiores. Si no se repite o mosaico en el escritorio, a continuación, se le impide repetir o / segmentación en vistas inferiores.

Poses de caracteres poses de los personajes son imágenes y por lo tanto utilizan las mismas normas de escalado de respuesta.
animaciones
  • El tamaño se escala independientemente del de la vista y luego escaló responsablemente.

  • El juego continúa cuando se gira un dispositivo.

  • El recurso es ser reemplazable en otras vistas de dispositivos.

Audio
  • objetos de audio necesitan reglas separadas para la escala y tamaño de las anulaciones debido a los controladores. El controlador de audio o altavoz icono estándar no se escala y no tener un tamaño capaz de anulación. Si se utiliza una imagen como el controlador, el objeto de audio se escala al igual que otros objetos de imagen y permite modificaciones de tamaño.

  • El juego continúa cuando se gira un dispositivo.

  • El recurso es ser reemplazable en otras vistas de dispositivos.

  • En los dispositivos móviles, solamente. mp3 tipos de archivos de audio son compatibles.

Vídeo
  • El tamaño del vídeo se escala independientemente del de la vista y luego escaló responsablemente.

  • La reproducción de vídeo continúa cuando se gira un dispositivo.

  • El controlador de vídeo no es reemplazable. El controlador o la imagen seleccionada actualmente se aplica en todos los dispositivos y vistas.

  • El recurso de video es ser reemplazable en otras vistas de dispositivos.

  • En los dispositivos móviles, solamente. mp4 tipos de archivos de vídeo son compatibles.

Videos de Youtube
  • La reproducción de vídeo continúa cuando se gira un dispositivo.

  • El controlador de vídeo no es reemplazable. El controlador o la imagen seleccionada actualmente se aplica en todos los dispositivos y vistas.

  • El recurso de video es ser reemplazable en otras vistas de dispositivos.

Preguntas, los análisis y las encuestas
  • En títulos de respuesta, las preguntas se insertan con las anulaciones automáticas sobre el tamaño de la cuestión y la posición en todos los dispositivos.

  • cambios en las propiedades de preguntas, pruebas y encuestas se propagan a todos los puntos de vista. Sólo se permiten cambios de posición y tamaño de los objetos únicos elementos que se trata (como los recursos gráficos y de texto).

  • El ancho predeterminado de bloques de texto se incrementan dentro de las preguntas de manera que cuando reducido que le ayudará a evitar que el texto arrugando o envoltura.

  • Un 10 px adicional se coloca entre los botones de radio / casillas de verificación y su texto de la etiqueta.

  • Arrastrar y soltar y preguntas de puntos calientes deben incluir una imagen con la pregunta. Para esta imagen se desactiva la lista desplegable de recursos de imagen en la cinta de propiedades de la imagen. La imagen sólo se puede cambiar mediante la pregunta Creador. Al igual que con otros cambios de interrogación, este cambio se aplica a la cuestión en todas las vistas.

  • Para preguntas de puntos calientes, los puntos se ajustan automáticamente a través de las vistas de dispositivos.

menús El objeto de menú es tratado como otros objetos basados en texto. El tamaño no se escala en las vistas no son de escritorio. Puede escalar texto en puntos de vista no son de escritorio (en el Propiedades de la cinta y el Inicio de la cinta). Puede aumentar el texto (Texto Aumentar / Reducir) en todos los puntos de vista (en Propiedades de la cinta y el Inicio de la cinta).
Las tablas de contenido Tabla de objetos de contenido son tratados como otros objetos de texto. El tamaño del objeto no se cambia automáticamente. Ajuste de texto está disponible en puntos de vista no son de escritorio (en la Propiedades de la cinta y el Inicio de la cinta). Puede aumentar el texto (Texto Aumentar / Reducir) en todos los puntos de vista (en Propiedades de la cinta y el Inicio de la cinta).
Las barras de progreso
  • Para barras de progreso que contengan imágenes, se aplican las mismas reglas-escalado de imagen.

  • Actualmente, sólo la orientación barra de progreso es reemplazable.

Objetos de formulario
  • El tamaño de los objetos de formulario no consiga automáticamente escalado basa en inheritance..You tendrá que hacerlos un tamaño diferente si lo desea. Esto incluye la etiqueta de texto asociada para casillas de verificación y botones de radio.

  • Ajuste de texto está disponible en puntos de vista no son de escritorio (en la Propiedades de la cinta y el Inicio de la cinta). Puede aumentar el texto (Texto Aumentar / Reducir) en todos los puntos de vista (en Propiedades de la cinta y el Inicio de la cinta).

  • Escalar el texto hacia arriba o hacia abajo no va a cambiar automáticamente el tamaño del objeto de formulario. Tendrá que cambiar el tamaño para ser apropiada para el tamaño del texto, si lo desea.

  • las propiedades del objeto formulario no será reemplazable.

Extensiones de HTML , feeds RSS y Web de Windows El contenedor de estos objetos se escalan por la posición y tamaño similar a las imágenes.
objetos de texto inteligentes Estos incluyen fecha / hora, título de la página, número de página, y pan rallado. Ellos se manejan de la misma como un bloque de texto cuando se determina el tamaño y la posición de respuesta. Puede aumentar el texto (Texto Aumentar / Reducir) en todos los puntos de vista (en Propiedades de la cinta y el Inicio de la cinta). Puede aumentar el texto (Texto Aumentar / Reducir) en todos los puntos de vista (en Propiedades de la cinta y el Inicio de la cinta).
gráficos Los gráficos son imágenes y por lo tanto utilizan las mismas normas de escalado de respuesta.
ecuaciones Las ecuaciones son las imágenes y por lo tanto utilizan las mismas normas de escalado de respuesta.
Acciones, activadores y variables
  • Acciones y disparadores no se ser reemplazable.

  • Puede utilizar varias acciones y acciones condicionales para cambiar el comportamiento entre las vistas. Usar la rotación del dispositivo de disparo para establecer las acciones que se producen cuando se hace girar una tableta o la orientación del teléfono.

  • Disparadores de nivel de página (En Mostrar , en PageShow ) no se volvió a quemar cuando se gira un dispositivo. Esto evita que los objetos de ocultar o mostrar de manera inapropiada o - más importante - Modificar Variable acciones de ser duplicado en marcha. Si quieres que ocurra una acción en ese escenario, utilizar la rotación del dispositivo de disparo para lograrlo.

  • Las acciones pueden ser condicionales que le permite invocar diferentes comportamientos de puntos de vista alternativos de dispositivos. Utilice la variable reservada PresentaciónActual el que comparar. Los valores almacenados son:

    • Escritorio

    • TabletLandscape

    • TabletPortrait

    • PhoneLandscape

    • PhonePortrait

    Por ejemplo, puede comparar PresentaciónActual que “es igual a” TabletLandscape o “contiene” Teléfono o “no contiene” Escritorio. (También puedes atajo, por ejemplo, “contiene” “T”, ya que sólo las opciones Tablet contienen una T mayúscula, o “contiene” “L”, ya que sólo las opciones del paisaje contienen una L mayúscula)

  • Si un cambiar el contenido se ejecuta la acción en la página después de la carga inicial (por ejemplo, mediante un clic de botón), entonces la condición / apariencia resultante se muestra incluso cuando se gira el dispositivo. Por ejemplo, si cambiar el contenido de una a nuevo valor B se ejecuta en el dispositivo en el paisaje, cuando el dispositivo se gira a la nueva imagen del retrato B todavía será mostrado.

diseños de página

Puede añadir y gestionar diseños de página en la Propiedades de la cinta para la página.

Los diseños de página se reasignan para cada vista de dispositivos para el espaciamiento óptimo, sin dejar de tomar en cuenta la mayoría de los temas. (Algunos temas tienen inusualmente largo de la frontera, encabezado o pie de gráficos. En esos casos la disposición puede solaparse ligeramente.)

Si crea una página con un diseño y luego decidir cambiar el diseño de la página. siempre y cuando no hay objetos todavía añadidos (es decir, contiene los esquemas de contenedores vacíos), el diseño existente se elimina y se reemplaza con el nuevo diseño. Tenga en cuenta que si existen objetos, que no se aplican a la nueva disposición. La disposición recién seleccionado se aplica a la página.

transiciones Las transiciones no son reemplazable.

Para obtener más información, visite estas presentaciones relacionadas con la RCD-en nuestra Comunidad Trivantis:

Soporte | Sobre Trivantis
© Copyright Trivantis 2019