Silverlight DevExpress Book Nesnesi


Silverlight DevExpress Book Nesnesi, hiç şüphesiz iyi tasarlandığında mükemmel bir araç. Örneğimizin ana temeli Devexpress’in how to makalelerinden geliyor. O yüzden önce oraya bakabilirsiniz: How to: Create the DXBook Control

Upuzuun bir XAML’ımız olduğundan ben işin o boyutlarına girmeden, direk TextBlock ve Image nesnelerini sürekli değişecek şekilde ayarladıktan sonra Border’ları değiştirip kullanmaya başladım. O yüzden işin sadece o  kısmına girecek ve projeyi .ZIP olarak göndereceğim. Söz konusu kısım:

  <StackPanel Orientation="Vertical">
           <Border Background="#FF6F8BDE" Height="20">
           <TextBlock Foreground="White" Text="{Binding header1}" />
            </Border>
            <TextBlock x:Name="txt1" FontSize="16" Text="{Binding baslik}" FontFamily="Tahoma" 
HorizontalAlignment="Left" Margin="4">
               <TextBlock.Triggers>
                   <EventTrigger RoutedEvent="Canvas.Loaded">
                       <BeginStoryboard>
                           <Storyboard>
                               <DoubleAnimation Storyboard.TargetName="txt1" Storyboard.TargetProperty="Opacity" 
RepeatBehavior="Forever" From="1" To="0" Duration="0:0:1" AutoReverse="True" />
                           </Storyboard>
                       </BeginStoryboard>

                   </EventTrigger>
               </TextBlock.Triggers>
                 <TextBlock.Foreground>
                             <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                            <GradientStop Color="White" Offset="0" />
                            <GradientStop Color="#FF4493D4" Offset="1" />
                            <GradientStop Color="#FF3076AA" Offset="0.738" />
                        </LinearGradientBrush>
                 </TextBlock.Foreground>

                    <TextBlock.Effect>
                   <DropShadowEffect Color="#FFADBFF5" Direction="280" BlurRadius="9" />
                </TextBlock.Effect></TextBlock>

                        <Image x:Name="imgmr" Source="{Binding img1}"/>
</StackPanel>

Burada kodlar kısaca şöyle: mavi bir borderın içinde bir textblock var ve header1 adında bir değişkene bağlı. Aynı şekilde bir başka TextBlock daha var ve o da baslik değişkenine bağlı. imgmr isimli image nesnesi de img1’e bağlı. Arka taraftaki bağlantı şöyle olmalı:

  public class BookSource
        {
            public string header1 { get; set; }
            public string baslik { get; set; }
            public ImageSource img1 { get; set; }
        }
 List<BookSource> _bookSC = new List<BookSource>();
         
          _bookSC.Add(new BookSource()
          {
          header1="Mehmet KAPLAN",
          baslik="Yanar döner",
          img1 = new BitmapImage(new Uri("https://mehmetkaplan.files.wordpress.com/2010/07/mehmet-kaplan.jpg", UriKind.Absolute))
          });

          _bookSC.Add(new BookSource()
          {
              header1 = "Mehmet KAPLANN",
              baslik = "Uçar kaçar",
              img1 = new BitmapImage(new Uri("https://mehmetkaplan.files.wordpress.com/2010/07/img_1571.jpg", UriKind.Absolute))
          });

          _bookSC.Add(new BookSource()
          {
              header1 = "Suuper Mario",
              baslik = "Kaçar Uçar",
             img1 = new BitmapImage(new Uri("http://www.oyun-34.com/site_media/game_screenshots/super_mario_1.jpg", UriKind.Absolute))
          });

          book.DataSource = _bookSC ;

Tüm bunların ekran görüntüsü aşağıdaki gibi olacaktır:

Projenin kaynak kodları:

http://www.2shared.com/file/KudrpJUZ/DevExpress_Silverlight_Book_Co.html

 

 

Hakkında Mehmet KAPLAN
mehmet.kaplan@hotmail.com.tr https://mehmetkaplan.wordpress.com/mehmetkaplan/

Bir Cevap Yazın

Aşağıya bilgilerinizi girin veya oturum açmak için bir simgeye tıklayın:

WordPress.com Logosu

WordPress.com hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Twitter resmi

Twitter hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Facebook fotoğrafı

Facebook hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Google+ fotoğrafı

Google+ hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Connecting to %s

%d blogcu bunu beğendi: