Vista Gradientları XAML Kodları

0 dakikada yazıldı

8621 defa okundu

Düzenle

Ö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.