Este explorador ya no se admite.
Actualice a Microsoft Edge para aprovechar las características y actualizaciones de seguridad más recientes, y disponer de soporte técnico.
Las siluetas indican un patrón común de relaciones entre elementos como capas de aplicaciones, menús, navegación, comandos y áreas de contenido. Este artículo se centra en las siluetas comunes como se usa en varias aplicaciones integradas de Windows.
Consulte también Conceptos básicos de contenido para arreglos comunes de contenido y controles.
Se puede usar navigationView en la parte superior de la capa de contenido de la aplicación, creando una conexión con el contenido siguiente. Tenga en cuenta la ubicación del control de identidad/ persona/imagen del usuario al usar la navegación superior.
Colocar la navegación en la misma fila que los comandos pueden ser útiles al intentar maximizar la cantidad de espacio vertical para el contenido siguiente.
Los márgenes de contenido pueden variar. En este ejemplo se usan márgenes de 56epx, que complementan grandes fragmentos de medios. Use márgenes más pequeños para necesidades de contenido más pequeñas o más estrictas.
En Windows 11, Fotos es un buen ejemplo de una aplicación que usa una silueta de navegación superior.
Una barra de menús se puede usar como parte de la capa base junto con una barra de comandos. Esto aporta más foco a la tarea principal del área de contenido, en este caso composición y edición.
En este ejemplo se muestra un editor de texto con márgenes de 12epx para complementar la utilidad de la aplicación.
En Windows 11, el Bloc de notas es un buen ejemplo de una aplicación que usa una silueta de barra de menús.
Los controles NavigationView se basan automáticamente en la capa base de la aplicación. Esto aporta más foco a la tarea principal del área de contenido. Tenga en cuenta la ubicación del control de identidad/persona/imagen del usuario al usar la navegación izquierda.
Los márgenes de contenido pueden variar. En este ejemplo se usan márgenes de 56epx para complementar la cohesión del contenido dentro de los expansores. Use márgenes más pequeños cuando la cohesión de contenido sea menos preocupante, ya que otros elementos de diseño refuerzan la cohesión, el contenido no está anidado en los expansores o el contenido no debe agruparse lógicamente.
En Windows 11, Configuración es un buen ejemplo de una aplicación que usa una silueta de navegación izquierda.
Un Control TabView se puede integrar con la capa base de la aplicación y el control de barrade título. Esto aporta más foco a la tarea principal del área de contenido, en este caso, la composición y edición del código.
En este ejemplo se muestra un editor de texto con márgenes de 12epx para complementar la utilidad de la aplicación.
En Windows 11, Terminal es un buen ejemplo de una aplicación que usa una silueta de vista de pestañas.
Comentarios de Windows developer
Windows developer es un proyecto de código abierto. Seleccione un vínculo para proporcionar comentarios:
Cursos
Módulo
Los desarrolladores de Windows tienen varias opciones para crear aplicaciones que se ejecutan en Windows. En este módulo se presentan los marcos de interfaz de usuario de Windows que están disponibles para el desarrollo de Windows. También proporciona instrucciones sobre cómo elegir el mejor marco para la aplicación.
