Vista Gradientları XAML Kodları

XiLoNeN · 26-05-2008, 01:48

Ö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

HTML-Kodu:

<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ı

Hepinize kolay gelsin.

Kaynak: [Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]