Compartir a través de


Modificar el estilo de objetos en Blend

La manera más fácil de personalizar un objeto es establecer propiedades en el panel Propiedades.

Si desea volver a utilizar la configuración o un conjunto de configuraciones, cree un recurso reutilizable. Podría tratarse de un estilo, una plantilla o algo simple como un color personalizado. También puede hacer la apariencia de un control sea distinta en función de su estado. Por ejemplo, que un botón se vuelva verde cuando el usuario haga clic en él.

En este tema:

  • Pinceles: modificar la apariencia de un objeto

  • Estilos y plantillas: crear una apariencia coherente en todos los controles

  • Estados visuales: cambiar la apariencia de un control según su estado

  • Recursos: crear colores, estilos y plantillas y volver a usarlos más adelante

Pinceles: modificar la apariencia de un objeto

Aplique un pincel a un objeto si desea cambiar su apariencia.

Vea un vídeo corto: Configurar las características instaladas Brushes Editor.

Pintar una imagen o patrón repetitivos en un objeto

Pinte una imagen o patrón repetitivos en un objeto con un pincel de diseño en mosaico.

Para crear un pincel de diseño en mosaico, empiece por crear un recurso de pincel de imagen, pincel con dibujo o pincel visual.

Cree un pincel de imagen con una imagen. Las ilustraciones siguientes muestran el pincel de imagen, el pincel de imagen en mosaico y el pincel de imagen volteado.

81f84f56-906d-456b-8288-d77da1e01e31 d3782ca8-64da-47a4-a095-c6cdd0fa47a2 38ae3691-f3f1-4a1e-82ca-c7fa164bf56e

Cree un pincel con dibujo mediante un dibujo vectorial como un trazado o forma. Las ilustraciones siguientes muestran el pincel con dibujo, el pincel con dibujo en mosaico y el pincel con dibujo volteado.

197666ac-ef57-4c5c-9779-669e991a00a5 ba09cda3-4cee-40ba-b3d4-edc032158bdc 15bf6021-620c-4490-9eae-086153d3f14f

Cree un pincel visual a partir de un control como un botón. Las ilustraciones siguientes muestran el pincel visual y el pincel visual en mosaico.

fb6c90e0-153c-48fe-b563-e601beac6227 e261b99f-7d8f-4d91-bc84-19c7beccc255

Vea un vídeo corto: Configurar las características instaladas Tile Brushes.

Estilos y plantillas: crear una apariencia coherente en todos los controles

Puede diseñar la apariencia y el comportamiento de un control una vez y aplicar ese diseño a otros controles para no tener que hacerlo de forma individual.

¿Debe usar un estilo? Si desea establecer las propiedades predeterminadas (como el color de un botón), utilice un estilo. Puede modificar un control incluso después de aplicarle un estilo.

¿Debe usar una plantilla? Si desea cambiar la estructura de un control, utilice una plantilla. Imagine que convierte un gráfico o un logotipo en un botón. El control no se puede modificar después de aplicarle una plantilla.

Crear una plantilla o un estilo

Hay dos maneras de crear una plantilla: puede convertir cualquier objeto de la mesa de trabajo en un control o puede basar la plantilla en un control existente.

Para convertir cualquier objeto en una plantilla de control, seleccione el objeto y, a continuación, en el menú Herramientas, elija Crear en control.

Si desea basar la plantilla en un control existente, seleccione un objeto en la mesa de trabajo. A continuación, en la parte superior de la mesa de trabajo, elija el botón de ruta de navegación, elija Editar plantilla y luego elija Editar una copia o Crear vacío.

5ebdb33f-aad2-4c10-a328-5e8b04c56a36

Para crear un estilo, seleccione el objeto y, a continuación, en el menú Objeto, elija Editar estilo y después elija Editar una copia o Crear vacío.

  • Elija Editar una copia para empezar con el estilo o la plantilla predeterminados del control.

  • Elija Crear vacío para empezar desde cero.

La opción Editar actual solo aparece si edita un estilo o plantilla que ya ha creado, pero no aparecerá para un control que sigue utilizando una plantilla predeterminada del sistema.

En el cuadro de diálogo Crear recurso de estilo, puede ponerle un nombre al estilo o a la plantilla para poder utilizarlo más adelante, o puede aplicar el estilo o la plantilla a todos los controles de ese tipo.

4818ee6a-ce60-4b79-91c8-3b1871829eea

Nota

No es posible crear estilos o plantillas para todos los tipos control.Si un control no los admite, el botón de ruta de navegación no aparecerá sobre la mesa de trabajo.

Para volver al ámbito de edición del documento principal, haga clic en Devolver ámbito a 55844eb3-ed98-4f20-aa66-a6f5b23eeb2b

4a5612e1-7a28-4587-b870-0fe7112ec2ad

Vea un vídeo corto: Configurar las características instaladas Create a style.

Vea un vídeo corto: Configurar las características instaladas Creating a Control Template in Expression Blend.

Aplicar un estilo o una plantilla a un control

Haga clic con el botón derecho en el panel Objetos y escala de tiempo, elija Editar plantilla y después Aplicar recurso.

dc12debc-7711-47d9-84ce-10322a384397

Restaurar el estilo o la plantilla predeterminados de un control

Seleccione el control y, en el panel Propiedades, busque la propiedad Estilo o Plantilla. A continuación, haga clic en Opciones avanzadas 12e06962-5d8a-480d-a837-e06b84c545bb y después haga clic en Restablecer en el menú contextual. 

Estados visuales: cambiar la apariencia de un control según su estado

Los controles pueden tener una apariencia visual distinta según las interacciones del usuario. Por ejemplo, cuando un usuario hace clic en un botón, puede hacer que este se vuelva verde o que se ejecute una animación. El tiempo entre estados visuales se puede alargar o acortar mediante el uso de las transiciones.

a95c671a-5639-40b9-83db-1e6b214330d5

Vea un vídeo corto: Configurar las características instaladas Manage the state of your WPF controls.

Recursos: crear colores, estilos y plantillas y volver a usarlos más adelante

Prácticamente cualquier elemento del proyecto se puede convertir en un recurso. Un recurso es tan solo un objeto que se puede volver a usar en diferentes sitios de la aplicación. Por ejemplo, puede crear un color, convertirlo en un recurso y después usar ese color en varios objetos. Para cambiar el color de todos esos objetos, simplemente cambie el recurso de color.

89203705-cf66-46e0-b153-52a23cd744f7 6bff8b19-3cd5-41a0-bbf9-ff65532d5aae

Vea un vídeo corto: Configurar las características instaladas A brief touch on resources.

Ayúdenos a desarrollar nuestro contenido

Si ha descubierto un vídeo o un artículo que le haya ayudado a aplicar estilo a los objetos de Blend, compártalo con nosotros. Después de revisar el contenido, quizá lo agreguemos como vínculo para que otros puedan beneficiarse de su descubrimiento.

También nos gustaría que nos sugiriese nuevos vídeos. En caso de recibir solicitudes similares de otras personas, crearemos un vídeo si así nos lo permiten nuestro tiempo y prioridades.

Nadie conoce su negocio mejor que usted. Por lo tanto, díganos qué recursos le han ayudado a aplicar estilo a los objetos de Blend e indíquenos qué áreas necesitan explicarse mejor, tanto por nuestra parte como por parte de cualquier miembro de nuestra comunidad. De este modo, podremos perfeccionar el contenido para ayudarle.

Comparta sus sugerencias aquí.