Este documento describe cómo reutilizar recursos y estilos en una aplicación WPF. Explica los diferentes tipos de recursos como recursos binarios, lógicos, estáticos y dinámicos. También cubre cómo crear y aplicar estilos a elementos de la interfaz de usuario para lograr una presentación uniforme.

1. Reutilizando recursos y
estilos en una aplicación
WPF
D A N A E A G U I L A R G U Z M Á N .
M C T , M C P , M C T S
D A N A E A G U I L A R @ G M A I L . C O M

2. Contenido del Módulo
Lección 1. Recursos Reutilizables
Lección 2. Estilos

3. Lección 1. Recursos
Reutilizables
1. Recursos binarios y recursos lógicos
2. Recursos estáticos y dinámicos
3. Diccionarios de recursos

4. Recursos binarios y recursos
lógicos
1. Recursos binarios
◦ Son archivos
◦ Pueden estar incluidos en al assembly compilado
2. Recursos lógicos
◦ Son objetos .NET
◦ Normalmente definidos en XAML

5. Definiendo recursos binarios
1. Agregar el archivo al projecto 2. Fijar el valor de Build Action en
Resource

6. Utilizando recursos binarios
3. Acceder al recurso mediante el URI
4. En C# usar el Pack URI:
<Image Source="Penguins.jpg" />
Image imagen = new Image();
imagen.Source =
new BitmapImage(new Uri("pack://application:,,,/Penguins.jpg"));

7. Pack URIs
pack://<Authority>/<Folder>/<FileName>
<Authority> puede ser uno de los siguientes
valores:
◦ application:,,,
◦ siteOfOrigin:,,,
Ejemplo:
<Image Source="pack://application:,,,/Imagenes/Penguins.jpg"/>

8. Pack URIs
Accediendo a recursos en otros assemblies
Ejemplo:
<Image Source="pack://application:,,,/WpfApplication1;component/Imagenes/Penguins.jpg"/>
pack://application:,,,/<AssemblyName>;component/<Folder>/<FileName>

9. Definiendo recursos lógicos
1. Agregar la propiedad Resoures
2. Dentro Resources
agregar los recursos que quieres usar
después.
3. Cada recurso debe
tener una llave única x:Key
<Window x:Class="WpfApplication1.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/pre
sentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
<Window.Resources>
<SolidColorBrush x:Key="myBrush"
Color="Chocolate" />
</Window.Resources>
</Window>

10. Utilizando recursos lógicos
3. Acceder al recurso mediante su x:key
* También se puede usar:
<Grid>
<Button Background="{StaticResource myBrush}"
Width="100" Height="30">Clickeame!</Button>
</Grid>
{DynamicResource myBrush}

11. Utilizando recursos lógicos
3.1. Acceder al recurso usando FindResource
3.2. Acceder directamente la colección Resources
3.3. Asignar un objeto al recurso
SolidColorBrush brush = (SolidColorBrush)button1.FindResource("myBrush");
SolidColorBrush brush = (SolidColorBrush)this.Resources["myBrush"];
SolidColorBrush brush = new SolidColorBrush(Colors.Green);
this.Resources["myBrush"] = brush;

12. Recursos estáticos y dinámicos
El valor se lee una sola vez
Es mas eficiente
Preferentemente usado
Si el recurso cambia no será
actualizado
Si las propiedades del recurso
cambian pueden ser actualizadas
(Change Notification)
El valor se lee cada vez que
se lo usa
Implica mas procesamiento
Si el recurso cambia será
actualizado
StaticResource DynamicResource

13. Diccionarios de recursos
1. Agregar Resource Distionary al
proyecto
2. Agregar recursos al diccionario
<ResourceDictionary
xmlns="http://schemas.microsoft.com/winfx/2
006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx
/2006/xaml">
<SolidColorBrush x:Key="brushChoco"
Color="Chocolate" />
</ResourceDictionary>

14. Diccionarios de recursos
3. Hacer un merge que incluya al diccionario junto a
recursos accesibles por ejemplo en Window:
<Window.Resources>
<ResourceDictionary>
<ResourceDictionary.MergedDictionaries>
<ResourceDictionary Source="Dictionary1.xaml" />
</ResourceDictionary.MergedDictionaries>
<SolidColorBrush x:Key="otroBrush" Color="Orange" />
</ResourceDictionary>
</Window.Resources>

15. Lección 2. Estilos
1. Creando y aplicando estilos

16. Creando y aplicando estilos
1. Agregar Style como recurso y asignarle un x:Key
2. Asignar el recurso a la propiedad Style
<Window.Resources>
<Style x:Key="estiloBoton">
<Setter Property="Button.FontSize" Value="22"/>
<Setter Property="Button.Background" Value="Yellow"/>
<Setter Property="Button.Foreground" Value="Blue"/>
</Style>
</Window.Resources>
<StackPanel>
<Button Style="{StaticResource estiloBoton}">A</Button>
<Button Style="{StaticResource estiloBoton}">B</Button>
<Button Style="{StaticResource estiloBoton}">C</Button>
</StackPanel>

17. Creando y aplicando estilos
1. ó especificar TargetType con el tipo de elemento
2. En este caso el estilo se aplicará automáticamente
<StackPanel>
<Button>A</Button>
<Button>B</Button>
<Button>C</Button>
</StackPanel>
<Window.Resources>
<Style TargetType="Button">
<Setter Property="Button.FontSize" Value="22"/>
<Setter Property="Button.Background" Value="Yellow"/>
<Setter Property="Button.Foreground" Value="Blue"/>
</Style>
</Window.Resources>