Sunucu Tarafından Animasyonları Değiştirme (VB)
Christian Wenz tarafından
ASP.NET AJAX Denetim Araç Seti'ndeki Animasyon denetimi yalnızca bir denetim değil, bir denetime animasyon eklemek için bir çerçevenin tamamıdır. Animasyonlar sunucu tarafında da değiştirilebilir
Genel Bakış
ASP.NET AJAX Denetim Araç Seti'ndeki Animasyon denetimi yalnızca bir denetim değil, bir denetime animasyon eklemek için bir çerçevenin tamamıdır. Animasyonlar sunucu tarafında da değiştirilebilir
Adımlar
Her şeyden önce, sayfaya öğesini ScriptManager
ekleyin; ardından ASP.NET AJAX kitaplığı yüklenerek Denetim Araç Seti'nin kullanılması mümkün olur:
<asp:ScriptManager ID="asm" runat="server" />
Animasyon, aşağıdakine benzer bir metin paneline uygulanır:
<asp:Panel ID="panelShadow" runat="server" CssClass="panelClass">
ASP.NET AJAX is a free framework for quickly creating a new generation of more
efficient, more interactive and highly-personalized Web experiences that work
across all the most popular browsers.<br />
ASP.NET AJAX is a free framework for quickly creating a new generation of more
efficient, more interactive and highly-personalized Web experiences that work
across all the most popular browsers.<br />
ASP.NET AJAX is a free framework for quickly creating a new generation of more
efficient, more interactive and highly-personalized Web experiences that work
across all the most popular browsers.<br />
</asp:Panel>
Panelin ilişkili CSS sınıfında güzel bir arka plan rengi tanımlayın ve panel için sabit bir genişlik ayarlayın:
<style type="text/css">
.panelClass {background-color: lime; width: 300px;}
</style>
Kodun geri kalanı sunucu tarafında çalışır ve işaretleme kullanmaz; bunun yerine, denetimi oluşturmak AnimationExtender
için kod kullanır:
<script runat="server">
Sub Page_Load()
Dim ae As New AjaxControlToolkit.AnimationExtender()
ae.TargetControlID = "Panel1"
Ancak Denetim Araç Seti şu anda tek tek animasyonları oluşturmak için api erişimi sağlamamaktadır. Bununla birlikte, 's Animations özelliğini, animasyonları bildirimli olarak atarken kullanılan XML işaretlemesini içeren bir dizeye ayarlamak AnimationExtender
mümkündür. öğesini içermemesi <Animations>
gereken XML'yi oluşturmak için .NET Framework XML desteğini kullanabilir veya aşağıdaki kodda olduğu gibi dizeyi sağlamanız gerekir:
ae.Animations = "<OnLoad><Parallel><FadeOut Duration=""1.5""
Fps=""24"" /><Resize Width=""1000""
Height=""150"" Unit=""px"" /></Parallel></OnLoad>"
Son olarak, animasyonunun eklendiğinden AnimationExtender
ve çalıştığından emin olmak için denetimi öğenin içindeki <form runat="server">
geçerli sayfaya ekleyin:
form1.Controls.Add(ae)
End Sub
</script>
Animasyon sunucu tarafı C#/VB kodu kullanılarak oluşturulur (Tam boyutlu görüntüyü görüntülemek için tıklayın)