ResourceDictionary’leri stil dosyalarimiz icin bir kaynak kutuphane gorevindedir. WPF projelerimizde birden fazla stil dosyalarimizin oldugunu dusunun bu stil dosyalarini tek tek her bir dosyaya baglamaktansa hepsini tek bir kaynakta toplayip sadece kaynagi stil uygulayacagimiz WPF nesnesine tanitmak daha mantikli ve pratik olacaktir

ResourceDictionary kullanmak icin oncelikle projemize eklememiz gereklidir. Visual Studio ortaminda projemize sag tiklayarak Add -> Resource Dictionary  secenegini secelim. Karsimiza cikan ekranda ResourceDictionary’mize bir isim verelim. Ben “DenemeStili.xaml” yazdim.

Åžimdi tum projemizde rahatca referans alabilmek icin ResourceDictionary dosyamizi (DenemeStili.xaml) Application icerisinde (App.xaml) tanitmamiz gerekiyor ki istedigimiz zaman kullanalim.  Bunun icin App.xaml dosyamizin icerisinde bulunan <Application.Resources> etiketinin icersine <ResourceDictionary Source=”DenemeStili.xaml” /> yazmamiz gerekiyor. Asagidaki gibi.

<Application.Resources>
     <ResourceDictionary Source="DenemeStili.xaml" />
</Application.Resources>

Burada DenemeStili.xaml eger bir klasor icerisinde olsaydi o zaman asagidaki gibi yazmamiz gerekecekti.

<Application.Resources>
    <ResourceDictionary Source="KlasorAdi/DenemeStili.xaml" />
</Application.Resources>

Peki projemize birden fazla ResourceDictionary eklersek bunu nasil tanitacagiz? App.xaml icerisine soyle yazarak:

<Application.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="DenemeStili.xaml" />
                <ResourceDictionary Source="BaskaBirKaynak.xaml" />
                <ResourceDictionary Source="ButonlaraOzel.xaml" />
                <ResourceDictionary Source="MetinKutulari.xaml" />
                <ResourceDictionary Source="AcilirMenulerIcin.xaml" />                
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </Application.Resources>

Åžimdilik nasil kullanacagimizi anlatan basit bir ornek yapalim.

Asagidaki kodlari kopyalayip/yazip, projemize daha once ekledigimiz ResourceDictionary’miz olan DenemeStili.xaml dosyasini acip icine yapistiriyoruz.

<LinearGradientBrush x:Key="SiyahDugme" StartPoint="0,0" EndPoint="0,1">
        <LinearGradientBrush.GradientStops>
            <GradientStop Offset="0" Color="#999"/>
            <GradientStop Offset="0.4" Color="#333"/>
            <GradientStop Offset="0.4" Color="#000"/>
            <GradientStop Offset="1.0" Color="#666"/>
        </LinearGradientBrush.GradientStops>
    </LinearGradientBrush>

    <LinearGradientBrush x:Key="TuruncuDugme" StartPoint="0,0" EndPoint="0,1">
        <LinearGradientBrush.GradientStops>
            <GradientStop Offset="0" Color="#FED8AA"/>
            <GradientStop Offset="0.4" Color="#FBB565"/>
            <GradientStop Offset="0.4" Color="#FA9D34"/>
            <GradientStop Offset="1.0" Color="#FDEEAA"/>
        </LinearGradientBrush.GradientStops>
    </LinearGradientBrush>

    <SolidColorBrush x:Key="Beyaz" Color="White" />

Stillerimizdeki renkleri gradient (gecisli) olacak sekilde yaptik ve gecis yapilacak renk duraklarini GradientStop etiketleri ile belirledik ve ResourceDictionary’miz olan DenemeStili.xaml icerisine kopyaladik/yazdik.

Åžimdi Window alanina asagidaki XAML kodlarini kullanarak bir buton ekleyelim.

<Button Content="Guzel Buton"  
Background="{DynamicResource ResourceKey=TuruncuDugme}"
VerticalAlignment="Top" 
Width="152" 
Height="34"/>

Ve butonumuz karsinizda.  Butonumuz arkaplan rengini ResourceDictionary’miz olan DenemeStili.xaml dosyasi icerisinden daha once olusturdugumuz ve adini “TuruncuDugme” verdigimiz gecisli (gradient) rengini aliyor.

Diger butonumuzu olusturalim.

<Button Content="Guzel Buton" 
Background="{DynamicResource ResourceKey=SiyahDugme}" 
Foreground="{DynamicResource Beyaz}" 
VerticalAlignment="Top" 
Width="152" 
Height="34"/>

Ve siyah butonumuzda hazir. Burada ek olarak Foreground ozelligi ile yazinin rengini yine DenemeStili.xaml icerisine ekledigimiz ve adini “Beyaz” olarak belirledigimiz renkte yaptik.

Baska bir yazida gorusmek uzere…