ASP.NET
Network Akademi

Met Hostimg

“Bilgi paylaşıldıkça artar” sloganı ile .NET Platformuna ilişkin birikimlerin paylaşıldığı ASP.NET.TR Topluluğunda sizde “YAZAR” olmak için ; info@asp.net.tr e-mail adresine kendinizi anlatan bir e-mail göndererek başvuruda bulunabilirsiniz.

Vista Gradientları XAML Kodları

Daron YÖNDEM
WPF
10.03.2010 17:05:37
Hit : 7028

Özellikle "developer" tabanlı olanlar için hazırlanan bir uygulamanın görsel arayüzünü süslemek hem bir "çin işkencesi" oluyor hem de ortaya zaten güzel bir ürün de çıkmıyor. Bu gibi durumlarda eğer projelerinizde bir tasarımcı ile çalışma şansınız da yoksa en azından internetteki hazır renk şemalarından faydalanabilir, birbiri ile uyumlu renkler üreten web sitelerinden faydalanabilirsiniz.

Veya daha da pratik bir yol var, bir yerlerde beğendiğiniz renkleri "ödünç" alabilirsiniz :) Peki nerden? Hemen önünüzde Windows Vista duruyor, tasarımı da hiç fena sayılmaz :)

<Canvas

  xmlns="http://schemas.microsoft.com/client/2007"

  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

  Width="640" Height="375.082"

  Background="White"

  x:Name="Page">

  <Rectangle Width="572.131" Height="78.885" Canvas.Left="31.148" Canvas.Top="8" Stroke="#FF000000">

    <Rectangle.Fill>

      <LinearGradientBrush StartPoint="0.5,1" EndPoint="0.5,0">

        <LinearGradientBrush.GradientStops>

          <GradientStop Color="#FF000000" Offset="0"/>

          <GradientStop Color="#FF9AC6CF" Offset="0.0494537"/>

          <GradientStop Color="#FF54A1AA" Offset="0.0714264"/>

          <GradientStop Color="#FF146478" Offset="0.5"/>

          <GradientStop Color="#FF408C9A" Offset="0.505493"/>

          <GradientStop Color="#FF87B6C0" Offset="0.928574"/>

          <GradientStop Color="#FFBCCDD7" Offset="0.950546"/>

          <GradientStop Color="#FFAEBFCA" Offset="0.983521"/>

          <GradientStop Color="#FFAEBFCA" Offset="1"/>

        </LinearGradientBrush.GradientStops>

      </LinearGradientBrush>

    </Rectangle.Fill>

  </Rectangle>

  <Rectangle Width="572.131" Height="78.885" Canvas.Left="31.148" Canvas.Top="99.784" Stroke="#FF000000">

    <Rectangle.Fill>

      <LinearGradientBrush StartPoint="0.5,1" EndPoint="0.5,0">

        <LinearGradientBrush.GradientStops>

          <GradientStop Color="#FF000104" Offset="0"/>

          <GradientStop Color="#FF02070B" Offset="0.494507"/>

          <GradientStop Color="#FF33373D" Offset="0.494507"/>

          <GradientStop Color="#FF757A7C" Offset="0.917587"/>

          <GradientStop Color="#FFA0A1A3" Offset="0.956039"/>

          <GradientStop Color="#FF48494A" Offset="1"/>

        </LinearGradientBrush.GradientStops>

      </LinearGradientBrush>

    </Rectangle.Fill>

  </Rectangle>

  <Rectangle Width="572.131" Height="78.885" Canvas.Left="31.148" Canvas.Top="189.929" Stroke="#FF000000">

    <Rectangle.Fill>

      <LinearGradientBrush StartPoint="0.5,1" EndPoint="0.5,0">

        <LinearGradientBrush.GradientStops>

          <GradientStop Color="#FFD4D4D4" Offset="0"/>

          <GradientStop Color="#FFF0F2F4" Offset="0.0659332"/>

          <GradientStop Color="#FFF6F5F8" Offset="0.598907"/>

          <GradientStop Color="#FFFFFFFF" Offset="0.609894"/>

          <GradientStop Color="#FFFFFFFF" Offset="0.978027"/>

          <GradientStop Color="#FFC7C7C7" Offset="0.994507"/>

          <GradientStop Color="#FFC7C7C7" Offset="1"/>

        </LinearGradientBrush.GradientStops>

      </LinearGradientBrush>

    </Rectangle.Fill>

  </Rectangle>

  <Rectangle Width="572.131" Height="78.885" Canvas.Left="31.148" Canvas.Top="281.713" Stroke="#FF000000">

    <Rectangle.Fill>

      <LinearGradientBrush StartPoint="0.5,1" EndPoint="0.5,0">

        <LinearGradientBrush.GradientStops>

          <GradientStop Color="#FFDFE4F4" Offset="0"/>

          <GradientStop Color="#FFB8BCC2" Offset="0.0439606"/>

          <GradientStop Color="#FFE0E6F4" Offset="0.0769196"/>

          <GradientStop Color="#FFD4DBE8" Offset="0.648346"/>

          <GradientStop Color="#FFE8ECF4" Offset="0.714279"/>

          <GradientStop Color="#FFFFFFFF" Offset="1"/>

        </LinearGradientBrush.GradientStops>

      </LinearGradientBrush>

    </Rectangle.Fill>

  </Rectangle>

</Canvas>

İşte size Vista'daki gradientların Silverlight veya WPF ile kullanılabilecek XAML kodları. Yukarıdaki örnek Silverlight 1.0 uygulamasında dört farklı gradientı gösterebilmek için dört adet dikdörtgen kullandım.

Vista Gradientları
Vista Gradientları

Hepinize kolay gelsin.




BU İÇERİĞE YORUMDA BULUNUN


Bu MAKALE'ye yorum yapabilmek için Üye olmalısınız ...!


BU İÇERİĞE YAPILAN YORUMLAR