Cómo: Crear un diseño basándose en la posición absoluta

Actualización: noviembre 2007

Windows Presentation Foundation (WPF) Designer for Visual Studio proporciona un control de panel Canvas que admite la posición absoluta. Puede utilizar el control de panel Canvas para colocar los elementos en posición absoluta en las aplicaciones.

Nota importante:

Siempre que sea posible, es preferible usar un diseño dinámico. Los diseños dinámicos son los más flexibles, se adaptan a los cambios realizados en el contenido, por ejemplo, cuando se localizan y permiten que el usuario final pueda controlar al máximo el entorno. Para ver ejemplos de diseños dinámicos, vea Cómo: Crear un diseño dinámico y Tutorial: Crear un diseño dinámico.

Agregar un control de panel

De forma predeterminada, cada nueva aplicación de WPF contiene un Window con un panel Grid. Para crear un diseño basado en la posición absoluta, debe utilizar un panel Canvas. En este procedimiento, quitará la clase Grid predeterminada y agregará una clase Canvas.

Para agregar un control de panel

  1. En la vista Diseño, seleccione la cuadrícula.

    Nota:

    Puede seleccionar la cuadrícula de varias maneras, por ejemplo, haciendo clic en cualquier parte dentro de la misma o utilizando la tecla TAB. Para obtener más información sobre cómo seleccionar elementos en WPF Designer, vea Cómo: Seleccionar y mover elementos en la superficie de diseño.

  2. Presione la tecla SUPR para eliminar Grid.

  3. En el Cuadro de herramientas, en el grupo Controles, arrastre un control Canvas hasta Window.

  4. (Opcional) En la ventana Propiedades, establezca la propiedad Height de Canvas en Automático.

    Canvas se expande para rellenar el alto de Window.

  5. (Opcional) En la ventana Propiedades, establezca la propiedad Width de Canvas en Automático.

    Canvas se expande para rellenar el ancho de Window.

  6. En el menú Archivo, haga clic en Guardar todo.

Agregar controles al panel

A continuación va a agregar controles al panel y a usar las propiedades asociadas Left y Top de Canvas para colocarlos en posición absoluta.

Para agregar controles al panel

  1. Desde el Cuadro de herramientas, arrastre un control hasta Canvas.

  2. En la ventana Propiedades, defina las siguientes propiedades para el control:

    • Canvas.Left

    • Canvas.Top

    Nota:

    Hay dos conjuntos de propiedades que se excluyen mutuamente: Left / Right y Top / Bottom. Sólo Left y Top se exponen en la ventana Propiedades, pero puede especificar Right y Bottom en el editor de XAML. Si especifica Left y Right, sólo se utiliza la última declaración. Si especifica Top y Bottom, sólo se utiliza la última declaración.

  3. Repita los pasos 1 y 2 repetidos hasta que todos los controles necesarios se hayan agregado al panel.

  4. En el menú Archivo, haga clic en Guardar todo.

Vea también

Tareas

Tutorial: Crear un diseño basándose en la posición absoluta

Conceptos

Diseño con posición absoluta y dinámica

Alineación en WPF Designer

Sistema de diseño

Información general sobre WPF Designer

Otros recursos

Tutoriales sobre diseño

  • Last updated on