Crear una interfaz de usuario con capacidad de respuesta

Desarrolle una
Aplicación FactoryTalk Optix
 con varios diseños ajustados a ventanillas de diferentes tamaños.
  1. Cree tipos de pantalla para distintos diseños de aplicación. Consulte Pantallas.
    CONSEJO: Empiece con el desarrollo de tres formatos para ventanillas gráficas diferentes, como pequeñas, medianas y grandes. Para obtener más información, consulte Tamaños de pantalla y puntos de interrupción para un diseño adaptable - Aplicaciones de Windows | Microsoft Learn.
  2. Cree un NetLogic que lea el ancho (y la altura de la ventana) y genere un valor en función de los puntos de interrupción.
    Por ejemplo, cree un NetLogic que lea el ancho de la ventana y devuelva un valor de enumeración
    Pequeño
    ,
    Medio
     o
    Grande
    .
    En tiempo de ejecución, NetLogic devuelve un valor a medida que cambia el tamaño de la ventana y supera los valores de punto de interrupción.
  3. Cree un cargador de paneles con un convertidor de clave-valor que traduzca los valores emitidos de NetLogic a vínculos dinámicos que se dirijan a los tipos de pantalla.
    En tiempo de ejecución, el cargador de paneles muestra un tipo de pantalla específico en función del ancho de la ventana. A medida que se cambia el tamaño de la ventana y supera los valores de punto de interrupción, el diseño de la aplicación cambia y se ajusta a distintos tamaños de ventana.
  4. (Opcional) Para ejecutar una aplicación sensible en exploradores web compatibles:
    1. Agregue un motor de presentación web. Consulte Crear un motor de presentación.
    2. Estire el proyecto en la ventana del explorador web. En la
      Vista del proyecto
      , seleccione
      MainWindow (type)
       y:
      • En
        Propiedades
        , cree un vínculo dinámico entre la
        Pantalla completa
         y
        Alias
        {Sesión}
        Sesión
        Sesión de interfaz de usuario
        Sesión web
        .
        Para obtener más información sobre vínculos dinámicos, consulte Crear vínculos dinámicos.
        El alias
        {Sesión}/IsWeb
         se resuelve en
        Verdadero
         si el proyecto se ejecuta en un explorador web. Para obtener más información, consulte Perfilar objetos para distintos motores de presentación.
        En tiempo de ejecución, el motor de presentación nativo muestra una aplicación en ventana y el motor de presentación web muestra un tipo de pantalla específico en función del ancho de la ventana del explorador web.
      • En
        Propiedades
        , establezca
        Pantalla completa
         en
        Verdadero
        .
        En tiempo de ejecución, el motor de presentación nativo muestra una aplicación a pantalla completa y el motor de presentación web muestra un tipo de pantalla específico en función del ancho de la ventana del explorador web.
    A medida que cambia el tamaño del explorador web y supera los valores del punto de interrupción, el diseño de la aplicación cambia y se ajusta a distintos tamaños de ventana.
Entregue su opinión
¿Tiene dudas o comentarios acerca de esta documentación? Por favor deje su opinión aquí.