Silverlight Merdivenli yazı uygulaması

Silverlight Merdivenli yazı uygulaması. Textbox a girilen yazı önce artan sonrada azalan şekilde listbox a yazdırılıyor.

Öncelikle ekrana bir tane textbox iki tane listbox ve bir tanede buton ekleriz.
MainPage.xaml dosyamızın kodu:

    <Grid x:Name="LayoutRoot" Background="White">
        <Canvas HorizontalAlignment="Left" Margin="14,16,0,12" Name="canvas1" Width="374">
            <TextBox Canvas.Left="24" Canvas.Top="15" Height="34" Name="textBox1" Width="258" />
            <ListBox Canvas.Left="16" Canvas.Top="64" Height="194" Name="liste" Width="124" />
            <Button Canvas.Left="287" Canvas.Top="20" Content="Button" Height="23" Name="button1" Width="75" Click="button1_Click" />
            <ListBox Canvas.Left="179" Canvas.Top="64" Height="194" Name="liste2" Width="124" />
        </Canvas>
    </Grid>

Daha sonra butona tıkladığımızda çalışması gereken MainPage.xaml.cs dosyasının kodu:

 private void button1_Click(object sender, RoutedEventArgs e)
 {
     string ad;
     ad = textBox1.Text;
     for (int i = 0; i <= ad.Length; i++) { liste.Items.Add(ad.Substring(0, i)); } for (int i = liste.Items.Count-1; i >= 0; i--)
     {
         liste2.Items.Add(liste.Items[i]);
     }
     
 }

Son olarak uygulamamızın ekran görüntüsü