Merhaba Arkadaşlar ;

   Bu yazımda sizlerle Silverlight 3.0 ile gelen bana göre  en önemli özelliklerden biri  Offline çalışmasıdır.Yani Silverlight uygulamamızı localda çalıştırmamızı sağlıyor.Gelin birlikte bakalım..

    Bu özelliği test etmek için ister yeni bi proje yapın, isterseniz mevcut Silverlight 3.0 projenizi düzenleyin. Ben hazır bi uygulamanın üzerinde bu özelliği test edeceğim.

   Öncelikle projemizi açalım ve Solution Explorer penceresinden  AppManifest.xml dosyasına çift tıklayalım.

 

ben

 

İlk olarak AppManifest.xml içeriği aşağıdaki gibidir.Sarı renkle işaretlediğim yerleri silmemiz gerekiyor.

 

off

 

Aşağıda resimde görüldüğü gibi uygulamamız için gerekli tanımlamaları kendimize göre girelim.

 

2

 

Şimdide projemize ikonlar ekleyelim.

 

 

 3

Uygulamamız bu kadar şimdi test edelim..Uygulamazı çalıştıralım ve Sağ tıklayarak indirelim..

 aa

 

Evet Arkadaşlar gördüğünüz gibi artık uygulamaları indirip localdede çalıştırabileceğiz. Uygulama geliştircileri için; Sağ tıklayıp indirmek yerine bir buton veya link koyarak indirmek için ilgili yere

App.Current.Install() ;   yazmamız yeterli olacaktır..

Uygulamayı aşağıdan indirebilirsiniz…

 off.rar (489,12 kb)

Merhaba Arkadaşlar;

   Bugünkü yazımda Silverlight 3.0 yeniliklerinde biri olan Network sınıfına değineceğiz. System.Net.NetworkInformation uzayında NetworkInterface ve NetworkChange isimli 2 sınıf geldi. NetworkInterface boolean tipinde değer döndürür ve o andaki network durumunu bize true veya false şeklinde geri döndürür. NetworkChange sınıfı ise network durumu değiştiği an çalışır. Şimdi örnekle açıklayalım;

  Öncelikle yeni bir Silverlight 3.0 projesi açalım ve Kod bölümüne  System.Net.NetworkInformation uzayını projemize ekleyelim.Eğer uzayı eklediğimiz halde sınıflara ulaşamıyorsak Solution Explorer bölümünden referans olarak System.Net ekleyerek sorunumuz çözülür.

   Xaml kısmında durumu yansıtabileciğimiz bir tasarım oluşturalım;
<UserControl
      xmlns=”http://schemas.microsoft.com/winfx/2006/xaml/presentation”
      xmlns:x=”http://schemas.microsoft.com/winfx/2006/xaml”
      x:Class=”Network.MainControl”
      Width=”640″ Height=”480″>
 
      <Grid x:Name=”LayoutRoot” Background=”White”>
            <Ellipse x:Name=”yesil”  Stroke=”#FF000000″ Height=”40″ HorizontalAlignment=”Left” Margin=”152,176,0,0″ VerticalAlignment=”Top” Width=”40″/>
            <Ellipse x:Name=”kirmizi”  Stroke=”#FF000000″ Height=”40″ HorizontalAlignment=”Left” Margin=”224,176,0,0″ VerticalAlignment=”Top” Width=”40″/>
            <TextBlock Height=”16″ HorizontalAlignment=”Left” Margin=”176,136,0,0″ VerticalAlignment=”Top” Width=”56″ Text=”Bağlantım : “ TextWrapping=”Wrap”/>
      </Grid>
</UserControl>
  net3
 
Şimdi kod bölümüne gelelim ve durumu kontrol edeceğimiz metotu yazalım;
       private void kontrol()
          {
            if (NetworkInterface.GetIsNetworkAvailable())
 
                yesil.Fill = new SolidColorBrush(Colors.Green);
           
            else
 
                kirmizi.Fill = new SolidColorBrush(Colors.Red);
          }
 
  
  Şimdide ilk çalıştığında ve durumda değişiklik olduğunda durumu gösterebilceğimiz Eventları oluşturalım. 
 
   public MainControl()
            {
                 
    InitializeComponent();
    NetworkChange.NetworkAddressChanged += new NetworkAddressChangedEventHandler(NetworkChange_NetworkAddressChanged);
            this.Loaded += new RoutedEventHandler(MainControl_Loaded);
          
 
            }
 
  void MainControl_Loaded(object sender, RoutedEventArgs e)
        {
            kontrol();
        }
 
  void NetworkChange_NetworkAddressChanged(object sender, EventArgs e)
        {
            kontrol();
        }

  

 Network durum kontrolu bu kadar şimdi uygulamamızı test edelim.

 net net2

Bir sonraki yazımda görüşmek üzere..

Uygulamayı aşağıdaki linkten indirebilirsiniz…

Network.rar (42,03 kb)

Merhaba Arkadaşlar yeni bir makale ile karşınızdayım.Bugünkü yazımda  Silverlight ‘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  ile kod yazmadan yapabiliyoruz,fakat arka planda neler dönüyor,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…

© 2010 bilyaz.com , Programlama Makaleleri, Yazılım Makaleleri , Örnek Kodlar , Eğitim Videoları , C#,ASP.NET,SQL,PHP Suffusion WordPress theme by Sayontan Sinha