WPF’de stil kullanimi siradan bir tabirle HTML sayfalarinda kullandigimiz CSS’e (Cascading Style Sheets) yapisina benzetebiliriz. WPF stilleri arayuzde kullandigimiz kontroller ve bazi nesneler uzerinde bir cok gorsel ozelliklere mudahale edebilecegimiz bir yapidir. Ornegin; butonlarin arkaplan rengi su olsun, yazitipleri bu olsun, metin kutularinin cercevesi su renk olsun,  gibi seyler nasil acikladim ama degil mi? :)

Åžimdi basit stil ornekleri ile baslayip kaynaklar (Resources) ve stil kaynaklarini kullanarak devam edecegiz. Asagida mavi ve turuncu renklerde iki farkli buton gormektesiniz. Åžimdi bu butonlari olusturan WPF stillerinin XAML kodlarini inceleyelim.

<Window.Resources>
        <Style x:Key="maviDortgenButon" TargetType="Button">
            <Setter Property="Background" Value="Blue" />
            <Setter Property="FontFamily" Value="Arial" />
            <Setter Property="Width" Value="270" />
            <Setter Property="Height" Value="75" />
            <Setter Property="FontSize" Value="14" />
            <Setter Property="Foreground" Value="White" />            
        </Style>

        <Style x:Key="maviTuruncuButonum" TargetType="Button">
            <Setter Property="Background" Value="Orange" />
            <Setter Property="FontFamily" Value="Arial" />
            <Setter Property="Width" Value="270" />
            <Setter Property="Height" Value="75" />
            <Setter Property="FontSize" Value="14" />
            <Setter Property="Foreground" Value="White" />
        </Style>
    </Window.Resources>

    <Grid>
        <Button Style="{StaticResource maviDortgenButon}" Content="Ben Maviyim" Width="170"/>
        <Button Style="{StaticResource ResourceKey=maviTuruncuButonum}" Content="Ben Turuncuyum"  Width="170"/>
    </Grid>
</Window>

<Window.Resources>
Stillerimizi  tanimlarken bir Resources (kaynak-lar) icerisinde tanimlamak zorundayiz boylece kontrollerimizde stil kullanirken bicimlendirme bilgilerini bir resource’dan yani kaynaktan alabilelim isin mantiksal tarafi boyle. Resources’lar Window, Application, Grid, Page yapilari icerisinde tanimlanabilir.

WPF’de Resources’lari belirtirken dikkat etmemiz gereken sey Resources’larin etki bolgeleridir. Ornegin <Grid.Resources> seklinde bir kullanimda stil bilgilerini sadece grid icerisinde kullanabiliriz eger tum Window alaninda kullanmak istiyorsak <Window.Resources> seklinde bir tanimlama yapmamiz gereklidir, tum uygulama tarafindan ulasilmak isteniyorsa proje icerisindeki App.xaml dosyasi icerisinde stiller tanimlanmalidir.  Biz burada Window icerisinde tanimladik.

<Style x:Key=”maviDortgenButon” TargetType=”Button”>
Bu kod satirini tumuyle aciklama geregi duydum. <Style> etiketi ile stil alanini actigimizi ve bu alana stil bilgilerinin girilecegini belirtiyoruz. x:Key ile, ilgili stili kullanirken cagiracagimiz adi belirliyoruz. Key kullanimini CSS, ASP.NET veya HTML’deki id kullanimina benzetebiliriz.  TargetType ile hangi WPF kontrolune bu stilleri atayacagimizi belirliyoruz.

<Setter Property=”Background” Value=”Blue” />
WPF’de stil atamalari <Setter> etiketi ile yapilir.  Property ile stil uyguladigimiz kontrolun ozeligini seceriz. Burada Background ile arkaplani secmis oluyoruz. Value ile deger atiyoruz.

<Setter Property=”Foreground” Value=”White” /> 
Bu kod satirinda ise Property olarak Foreground yani yazi rengini degistiriyoruz Value ile White diyoruz boylece buton uzerindeki yazilar artik beyaz olacak. Diger Setter satirlarini aciklama geregi duymuyorum malum ayni yapi sadece Property’ler farkli.

<Button Style=”{StaticResource maviDortgenButon}” Content=”Ben Maviyim” Width=”170″/>
<Button etiketi ile butonlarimizi olusturacak elementi aciyoruz. Style ile butonumuza hangi stil uygulanacak seciyoruz. Burada farkli bir tanimlama goruyoruz cift tirnak icerisinde {StaticResource maviDortgenButon} tanimi.

Once resource’lar hakkinda bir seyler soylemek istiyorum. Kullandigimiz  StaticResource ve DynamicResource yapilari vardir. StaticResource’lar onceden belirlenmis resourcelardir ve uygulama yuklenirken bir defa yuklenirler ve calisma aninda bir daha degistirilemezler. DynamicResource ise calisma aninda degistirilebilir yapidaki kaynaklardir. StaticResource’lar bir defa yuklendigi ve uygulandigi icin daha performanslidirlar fakat farkli stil dosyalarini organize ettigimiz ve ResourceDictionary kullandigimiz projelerde DynamicResource kullaniriz.

maviDortgenButon ise x:Key ile belirledigimiz stilin cagirma anahtaridir. Baska bir tabirle burada maviDortgenButon isimli stilin uygulanmasini istiyoruz.  Diger butonda ise ayni tanimlama farkli sekilde yapilmistir. {StaticResource ResourceKey=maviTuruncuButonum} tanimlamasida ayni seyi ifade eder. ResourceKey= yazmasakta bir sorun olmaz.

Bunlar guzelde Ahmet iki farkli Width tanimlamasi var.
Stil icerisindeki buton tanimlamalarinda butonun Width yani en degeri 270 verilmis fakat bunun ustune <Button> etiketi icerisinde buton tanimlanirken Width degeri 170 olarak atanmis. Peki bu durumda ne olur? Hata vermez mi? Hangisini dikkate alacak?
Boyle bir durumda hata almazsiniz, bir sorunda yok zaten. Resource’larda ayni ozelliklere yapilan farkli tanimlamalarda her zaman lokal olan baz alinir. Yani bu durumda <Button> etiketi icerisinde Width’in degeri baz alinacaktir. Peki <Button> icerisinde degilde <Grid> icerisinde Width tanimlasaydik? Bu seferde Grid icerisindeki degeri baz alacakti cunku <Grid> Window’dan daha lokal bir yapida  oldugundandir. Kisaca Resource’larda ayni ozellige yapilan farkli deger atamalarinda hiyerarside en buyugun degil en kucugun sozu gecerlidir :)

WPF’de resources’lar ile ilgili bir kac makale daha yazmayi dusunuyorum. Bunlarla birlikte stil yapilari icinde ornek uygulamalar yapmayi planliyorum.

Onumuzdeki gunlerde gorusmek uzere.