Compartir a través de


Cómo crear y aplicar un recurso

Los estilos y las plantillas para elementos se almacenan en entidades reutilizables denominadas recursos. Los estilos permiten establecer las propiedades de los elementos y volver a usar esos valores para que varios elementos tengan un aspecto coherente. Una propiedad ControlTemplate define la apariencia de un control y también puede aplicarse como un recurso. Para obtener más información, consulta Inicio rápido: diseñar controles e Inicio rápido: plantillas de control.

Siempre que creas un recurso a partir de una propiedad existente, Style o ControlTemplate, el cuadro de diálogo Crear recurso permite definir el recurso en el nivel de aplicación, nivel de documento o nivel de elemento. Estos niveles determinan dónde se puede usar el recurso. Por ejemplo, si defines el recurso en el nivel del elemento, solo se podrá aplicar el recurso al elemento en el que se ha creado. También puedes almacenar el recurso en un diccionario de recursos: un archivo independiente que puede volver a usar en otro proyecto.

Para crear un recurso nuevo

  1. Con un archivo XAML abierto en el diseñador XAML, crea un elemento o selecciona un elemento en la ventana Esquema del documento.

  2. En la ventana Propiedades, haz clic en el marcador de propiedad a la derecha de un valor de propiedad, que aparece como símbolo de cuadro y haz clic en Convertir en nuevo recurso. Un símbolo de cuadro blanco indica que el valor es predeterminado y un símbolo de cuadro negro indica por lo general que se ha aplicado un recurso local

    Aparece el cuadro de diálogo correspondiente para crear un recurso. Este cuadro de diálogo aparece cuando se crea un recurso a partir de un pincel:

    Cuadro de diálogo Crear recurso

  3. En el cuadro Nombre (clave), escribe un nombre para la clave. Este es el nombre que puedes usar cuando desees que otros elementos hagan referencia al recurso.

  4. En Definir en, haz clic en la opción que especifique dónde deseas definir el recurso:

    • Para que el recurso esté disponible para cualquier documento de la aplicación, haz clic en Aplicación.

    • Para que el recurso esté disponible únicamente para el documento actual, haz clic en Este documento.

    • Para hacer que el recurso solo esté disponible para el elemento a partir del cual creaste el recurso o sus elementos secundarios, haz clic en Este documento y, en la lista desplegable, selecciona element: name.

    • Para definir el recurso en un archivo de diccionario de recursos que se pueda volver a usar en otros proyectos, haz clic en Diccionario de recursos y selecciona un archivo de diccionario de recursos existente, como por ejemplo, StandardStyles.xaml, en la lista desplegable.

  5. Haz clic en Aceptar para crear el recurso y aplicarlo al elemento a partir del cual se creó.

Para aplicar un recurso a un elemento o propiedad

  1. En la ventana Esquema del documento, selecciona el elemento al que deseas aplicar un recurso.

  2. Realiza alguno de los siguientes procedimientos:

    • Aplica un recurso a una propiedad. En la ventana Propiedades, haz clic en el marcador de propiedad junto al valor de propiedad, selecciona Recurso local o Recurso del sistema y, a continuación, haz clic en un recurso disponible en la lista que aparece.

      Si no ves un recurso que esperabas ver, es posible que sea porque el tipo del recurso no coincide con el tipo de la propiedad.

    • Aplica un estilo o recurso de plantilla de control a un control. Haz clic con el botón secundario en un control en la ventana Esquema del documento, selecciona Editar plantilla o Editar plantillas adicionales, selecciona Aplicar recurso y, después, haz clic en el nombre de la plantilla de control en la lista que aparece.

      NotaNota

      Editar plantilla se usa para aplicar plantillas de control. Editar plantillas adicionales se usa para aplicar otros tipos de plantilla.

    Los recursos pueden aplicarse siempre que sean compatibles. Por ejemplo, un recurso de pincel puede aplicarse a la propiedad Foreground de un control TextBox.

Para editar un recurso

  1. Selecciona un elemento en la mesa de trabajo o en la ventana Esquema del documento.

  2. Haz clic en el marcador de propiedad predeterminado o local a la derecha de la propiedad en la ventana Propiedades y, a continuación, haz clic en Editar recurso para abrir el cuadro de diálogo Editar recurso.

  3. Modifica las opciones para el recurso.

Vea también

Conceptos

Tutorial: Crear una UI usando el Diseñador XAML