Evet arkadaşlar eminim ki girdiğiniz birçok sitede bu animasyonu görmüşünüzdür. Hazır blog kullanıyorsanız zaten bu eklentiler internette mevcut durumda ufak değişikliklerle kendi sayfanıza entegre edebiliyorsunuz. Ama kendi yapmış olduğunuz bir sayfa varsa ve bu yapıyı kendiniz kurmak istiyorsanız kaynak kod için doğru yerdesiniz. Lafı uzatmadan konuya gelelim :). Arakadaşlar bu işlem için elimizd ebir adet dll miz var öncelikle bu dll dosyasını indirip projenize referans olarak almanız lazım.
http://osmankurt.net/wpcumulus.rar adresinden dll dosyamızı indirebilirsiniz.
Bu dll dosyasını indirdikten sonra projenize sağ tıklayıp reference diyerek dll'i referans olarak projenize ekleyin. Sonra visual studio'nunuzun toolbax kısmına gelin ve sağ tıklayıp choose ıtems seçimini yapın. Gelen pencereden dll mizi bu kısmada yükledikten sonra toolbax penceremize gelen WPCumulus'ı sürükleyip sayfamıza bırakalım ve alt kısımda ki gibi kodlarımızı ayarlayalım.
<cc1:WPCumulus ID="WPCumulus1" runat="server" DataCountField="Count"
DataTextField="Text" DataUrlField="Link" Width="400" Height="400"
BackColor="#CCCCCC" HiColor="#66FF33" TagColor1="Red" TagColor2="Blue" Distr="True" />
Şimdi cs dosyamıza kod yazmaya başlayalım isterseniz.
Alt Kısım da yazan kodlar animasyonumuzun içeriğini doldurmaya yarayan kodlar siz bunları kendi isteklerinize göre doldurabilirsiniz. İsterseniz dinamik bir yapıya da sokabilirsiniz ve veritabanın dan kontrol edebilirisiniz.
WPCumulus1.DataSource = new[]
{
new {Text = "Osman KURT", Count = 10, Link="/Tags/Silverlight" },
new {Text = "Sadık VAROL", Count = 11, Link="http://iis.net" },
new {Text = "YusufKARAKAŞ ", Count = 12, Link="/Tags/IE8" },
new {Text = "Cenk KÖKER", Count = 13, Link="/Tags/C#" }
};
WPCumulus1.DataBind();
Not: Türkçe karekterleri desteklememektedir.
Sonraki yazımızda görüşmek üzere;
Osman KURT