Merhaba Arkadaşlar yeni bir makale ile karşınızdayım.Bugünkü yazımda Silverlight 2.0 ‘nın XAML kısmında bize gerekli olan Silverlight kontrollerinin kod yardımı ile nasıl oluşturulduğunu ve düzenlendiğini inceliyeceğiz.
BUTON OLUŞTURMA
Aşağıdaki kod dizisi ile standart bi kare buton oluştururuz .
<Button Content=”Tıkla”
Height=”50”
Width=”150” />
Fakat daha görsel olması için yazı tiplerini değiştirebiliriz, arkaplan rengisi vb. bunları yapabilmek için aşağıdaki kodları kullanabilirz.
<Button Content="Tıkla"
Height="50" Width="150"
FontFamily=" Trebuchet"
FontSize="24" FontWeight="Bold"
FontStyle="Italic" Foreground="Red" Background="Blue"/>
TAKVİM OLUŞTURMA
<Calendar FirstDayOfWeek=”Monday”IsTodayHighlighted=”True”
AreDatesInPastSelectable=”True”Height=”200” Width=”200”/>
CHECKBOX
<CheckBox Content=”İşaretle” Height=”50” Width=”100” IsChecked=”True” /> Bu Checkbox ‘ı daha görsel yapabilirz.
<CheckBox Height="50" Width="100"
IsChecked="True">
<CheckBox.Content>
<Image Source="image.jpg"
Height="50" Width="75" />
</CheckBox.Content>
</CheckBox>
HYPERLINKBUTTON
<HyperlinkButton Content="Silverlight Link"
NavigateUri="http://www.silverlight.net"
Height="50" Width="150" FontSize="20"
Margin="0,0,0,0"/>
<HyperlinkButton Content="MicroSoft Link"
NavigateUri="http://www.microsoft.com"
Height="50" Width="150" FontSize="20"
Margin="00,50,0,0" />
RESİM OLUŞTURMA
<Image Source="image2.jpg"
Height="100" Width="100"
Margin="10,0,0,0" HorizontalAlignment="Left"/>
<Image Source="image2.jpg"
Stretch="Fill"
Height="100" Width="100"
Margin="120,0,0,0" HorizontalAlignment="Left"/>
<Image Source="image2.jpg"
Stretch="Uniform"
Height="100" Width="100"
Margin="230,0,0,0" HorizontalAlignment="Left"/>
<Image Source="image2.jpg"
Stretch="UniformToFill"
Height="100" Width="100"
Margin="340,0,0,0" HorizontalAlignment="Left"/>
LİSTBOX OLUŞTURMA
<ListBox Width="100">
<ListBoxItem Content="Option 1" />
<ListBoxItem Content="Option 2" />
<ListBoxItem Content="Option 3" />
<ListBoxItem Content="Option 4" />
</ListBox>
Şuan Sadece Listbox oluşturduk şimdi veri girelim ve görselliği biraz değiştirelim.
<ListBox Width="200" Height="120">
<ListBoxItem Height="30"
Content="Asp"/>
<ListBoxItem Height="30">
<TextBlock Text="Asp.Net"/>
</ListBoxItem>
<ListBoxItem>
<StackPanel Orientation="Horizontal">
<Image Height="30" Width="50" Source="i3.jpg" />
<TextBlock Text="Silverlight"/>
</StackPanel>
</ListBoxItem>
</ListBox>
VİDEO YAYINLAMA
<MediaElement Source="video.wmv"
AutoPlay="True"
AudioStreamIndex="2"
Volume="10" Balance="-2"
Height="200" Width="300" />
SLIDER
<Slider Value="25"
Orientation="Horizontal"
Minimum="1" Maximum="100"
Height="30" Width="300"
Cursor="Hand">
</Slider>
TEXTBLOCK
<TextBlock TextWrapping="Wrap"
HorizontalAlignment="Center"
TextAlignment="Right">
<Run FontFamily="Comic Sans MS"
FontSize="20" FontWeight="Bold"
Foreground="DarkBlue"
Text="Düşünüyorum.O halde varım"/>
<LineBreak />
<Run FontFamily="Ariel"
FontSize="10" FontStyle="Italic"
Foreground="LightBlue"
Text="-Rene Descartes"/>
</TextBlock>
TOGGLEBUTTON
<ToggleButton Content="ON/OFF"
Height="40" Width="100" IsChecked="True" />
Evet Arkadaşlar Silverlight Kontrollerinin XAML kısmında nasıl oluşturulduğu gördük.Aslında bunları biz Blend 2 ile kod yazmadan yapabiliyoruz,fakat arka planda neler dönüyo,bu kontroller nasıl oluşuyor yada kullanılıyor ,bunu her yazılımcının bilmesi gerekiyor.Bir sonraki yazımda görüşmek üzere...