Compartir a través de


Dibujar un trazado o una forma en el proyecto de Silverlight 2

Esta página es específica de proyectos Silverlight 2

Todas las características y herramientas de dibujo de Windows Presentation Foundation están disponibles para proyectos de Silverlight 2 en Microsoft Expression Blend 2 con Service Pack 1 instalado. Pude dibujar formas, trazados y controles para diseñar la interfaz de usuario de la aplicación Silverlight 2. Los elementos dibujados se convertirán en objetos en la aplicación.

Para dibujar una forma

  1. En el Cuadro de herramientas, seleccione una de las herramientas de formas: Rectángulo Dd185502.81ffc148-cf5c-4faf-bd3f-f38d3073a12c(es-es,Expression.10).png o Elipse Dd185502.8938cfdf-9b75-4a33-bc88-b0636e114a0d(es-es,Expression.10).png.

    Dd185502.alert_tip(es-es,Expression.10).gifSugerencia:

    Para ver todas las herramientas de dibujo, haga clic con el botón secundario en la herramienta que esté visible en el cuadro de herramientas. La herramienta Línea crea un objeto de trazado, que se explica posteriormente en este tema.

    Dd185502.8fbbbb21-be83-4cf6-903b-3a49f00c9860(es-es,Expression.10).png

  2. En la mesa de trabajo, dibuje la forma arrastrándola con el mouse.

    Observe que, a medida que se dibuja la forma, las dimensiones de ancho y de alto se muestran como se indica a continuación:

    Dd185502.b9dabf44-71aa-43cb-b4eb-f020a21b8756(es-es,Expression.10).png

    Dd185502.alert_tip(es-es,Expression.10).gifSugerencia:

    Si mantiene presionada la tecla Mayús mientras arrastra se igualarán el alto y el ancho. De este modo se generará un cuadrado al dibujar un rectángulo o se generará un círculo perfecto al dibujar una elipse.

    Dd185502.alert_tip(es-es,Expression.10).gifSugerencia:

    Si se mantiene presionada la tecla ALT al arrastrar, se colocará el punto central en el primer punto donde se hizo clic, en vez de en la esquina superior izquierda del primer punto.

    Después de soltar el botón del mouse, aparecen los manipuladores de traslación para escalar, girar, mover, sesgar y otras acciones que puede realizar en el objeto de forma. El puntero del mouse cambia para indicar la acción que puede realizar, como se muestra a continuación.

    Dd185502.84261e83-3091-4490-ab58-4218b188439e(es-es,Expression.10).png

  3. Guarde los cambios (CTRL+S).

Pasos siguientes

Para dibujar un trazado

  1. En el Cuadro de herramientas, seleccione una de las herramientas de trazado: Pluma Dd185502.894f8612-e0ed-4e00-84cf-a9bc8f38fc54(es-es,Expression.10).png o Lápiz Dd185502.509dc167-734f-46c9-b012-987ee63450cd(es-es,Expression.10).png.

    Dd185502.alert_tip(es-es,Expression.10).gifSugerencia:

    Para ver todas las herramientas de trazado, haga clic con el botón secundario en la herramienta que esté visible en el cuadro de herramientas.

    Dd185502.717956a8-b6a5-4e37-8af3-70bcfc78c82a(es-es,Expression.10).png

  2. En la mesa de trabajo, dibuje un trazado siguiendo uno de estos procedimientos:

    • Con la herramienta Lápiz, arrastre el mouse por la mesa de trabajo para generar un píxel en cualquier parte donde toque el puntero del mouse.

    • Con la herramienta Pluma, haga clic en la mesa de trabajo para generar puntos (o vértices) que producirán un objeto de trazado. Opcionalmente, arrastre para generar curvas en cada punto. Para cerrar el trazado, haga clic en el primer punto. Para salir de la herramienta Pluma sin cerrar el trazado, seleccione otra herramienta o un objeto en Objetos y escala de tiempo.

    Después de dibujar el trazado, aparecen los manipuladores de traslación para escalar, girar, mover, sesgar y otras acciones que puede realizar en el objeto de trazado. El puntero del mouse cambia para indicar la acción que puede realizar con la herramienta SelecciónDd185502.2ff91340-477e-4efa-a0f7-af20851e4daa(es-es,Expression.10).png.

    Dd185502.69c37d95-ec79-4885-9a63-9d26a596d31c(es-es,Expression.10).png

    Para modificar puntos individuales del trazado, haga clic en la herramienta Selección directa Dd185502.6dd6571f-c116-451d-8dd2-1f88b8406362(es-es,Expression.10).png. El objeto de trazado muestra puntos individuales y segmentos de líneas en los que puede hacer clic y mover. Para obtener una lista de métodos para modificar trazados, vea Usar las herramientas Pluma y Selección directa.

    Dd185502.1cb49b7a-7490-49af-b966-a719e48d8815(es-es,Expression.10).png

  3. Guarde los cambios (CTRL+S).

Pasos siguientes

Para dibujar una línea

  1. En el Cuadro de herramientas, seleccione la herramienta Línea Dd185502.eb618397-5283-48be-8396-3449be7b6fbf(es-es,Expression.10).png.

    Dd185502.alert_tip(es-es,Expression.10).gifSugerencia:

    Si no puede ver la herramienta Línea, haga clic con el botón secundario en el contenedor de herramientas del cuadro de herramientas y, a continuación, seleccione la herramienta Línea.

    Dd185502.7431f56c-f3fe-4825-b6fb-6dac229422fd(es-es,Expression.10).png

  2. En la mesa de trabajo, dibuje la línea arrastrándola con el mouse.

    Dd185502.alert_tip(es-es,Expression.10).gifSugerencia:

    Si mantiene presionada la tecla Mayús mientras arrastra, se restringe la línea a ángulos múltiplos de 15 grados.

    Dd185502.alert_tip(es-es,Expression.10).gifSugerencia:

    Si se mantiene presionada la tecla ALT al arrastrar, se colocará el punto central en el primer punto donde se hizo clic, en vez de convertir en punto inicial el primer punto donde se hizo clic.

    Después de soltar el botón del mouse, aparecen los manipuladores de traslación para escalar, girar, mover, sesgar y otras acciones que puede realizar. El puntero del mouse cambia para indicar la acción que puede realizar con la herramienta SelecciónDd185502.2ff91340-477e-4efa-a0f7-af20851e4daa(es-es,Expression.10).png.

    Para modificar el punto inicial o final de la línea, haga clic en la herramienta Selección directa Dd185502.6dd6571f-c116-451d-8dd2-1f88b8406362(es-es,Expression.10).png. La línea, que es un objeto de trazado, muestra puntos individuales en los que puede hacer clic y mover. Para obtener una lista de métodos para modificar trazados, vea Usar las herramientas Pluma y Selección directa.

  3. Guarde los cambios (CTRL+S).

Pasos siguientes

Vea también

Conceptos

Dibujar un control en un proyecto Silverlight 2