Nis
1
2013

Silverlight ToolTip Kullanımı

Merhaba Arkadaşlar,

Bu gunkü yazımda Wpf ve Silverlight olan ToolTip özelliğini inceliyor olacağız. Çok fazla ayrıntıya girmeden basit bir şekilde anlatmaya çalışacağım zaten çok ayrıntıya girilebilecek bir konuda değil.

ToolTip amaçı yaptığımız kontrollerin ne işe yaradığını ne gibi işlevlerinin bulunduğunu son kullanıcıyı  bilgilendirmektir.     Bir programın güzel ve kullanışlı bir program olabilmesi  son kullanıcının programı anlaması ve zorluk çekmeden kullanabilmesine bağlıdır.

Silverlight  <ToolTipService.ToolTip>  tagları arasına bilgilendirme mesajlarımızı yazarız.

Küçük bir örnek ile anlamaya çalışalım. İki sayıyı toplayan bir butonun üzerine geldiğinde bu buton iki sayıyı toplar diye kullanıcıya bir mesaj verelim.

New Project ->SilverlightApplication seçerek silverlight projemizi oluşturalım.

MainPage.xaml üzerine  2 adet textbox ve bir adet buton sürütleyi  bırakıyoruz ve aşağıdaki kodları yazıyoruz.

<TextBox Height="23" HorizontalAlignment="Left" Margin="179,85,0,0" Name="textBox2" VerticalAlignment="Top" Width="120" />
            <TextBox Height="23" HorizontalAlignment="Left" Margin="179,122,0,0" Name="textBox1" VerticalAlignment="Top" Width="120" />
            <Button Content="Topla" Height="23" HorizontalAlignment="Left" Margin="179,174,0,0" Name="button1" VerticalAlignment="Top" Width="75">
                <ToolTipService.ToolTip>
                    <ToolTip Content="Bu buton iki sayıyı toplar"></ToolTip>
                </ToolTipService.ToolTip>
            </Button>

 

silverlightToolTip

 

Açıklama için <ToolTipService.ToolTip> içine image kontrolüde eklene bilir.

 

<Button Content="Topla" Height="23" HorizontalAlignment="Left" Margin="179,174,0,0" Name="button1" VerticalAlignment="Top" Width="75">
                <ToolTipService.ToolTip>
                    <Image Source="http://www.temizkod.com/wp-content/uploads/2013/03/Logo_1.png" ></Image>
                </ToolTipService.ToolTip>
     </Button>

Silverlight ToolTip İmage

 

İmage nesnelerinin üzerlerine açıklama yaparak onları tanımlayabiliriz.

 

 <StackPanel Height="150" Width="150" Orientation="Vertical" >
                <Image Width="65" Source="image/sabri.jpg" x:Name="sabri" Height="90">

                <ToolTipService.ToolTip>

                    <ToolTip Content="Sabri SarıOğlu" Background="Blue"></ToolTip>

                </ToolTipService.ToolTip>

            </Image>
            <Image Height="50" Source="image/temizkod.png" x:Name="temizkod"  >

                <ToolTipService.ToolTip>

                    <ToolTip Content="Temizkod"></ToolTip>

                </ToolTipService.ToolTip>

            </Image>

</StackPanel>

silverlightToolTip İmage

Burda Background değiştirdik. Sizde kontrolün içindeki bilgilendirme ekranın tasarımında değişlik yapabilirsiniz.
Umarım işinize yarar bilgiler vermişimdir.

Herkeze Kolay Gelsin.

Yazar Hakkında

Harun Balta 63 adet yazısı bulunuyor..

Bilgisayar Mühendisliği Üzerine çalıştığım konular: C# , .Net , Silverlight , WPF , Entity Framework ,MVVM, Oracle ,Pl/Sql

Print Friendly