Sunucu Tarafından Animasyonları Değiştirme (C#)

Christian Wenz tarafından

PDF’yi İndir

ASP.NET AJAX Denetim Araç Seti'ndeki Animasyon denetimi yalnızca bir denetim değil, 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, denetime animasyon eklemek için bir çerçevenin tamamıdır. Animasyonlar sunucu tarafında da değiştirilebilir

Adımlar

Her şeyden önce, sayfasına öğesini ScriptManager ekleyin; ardından ASP.NET AJAX kitaplığı yüklenerek Denetim Araç Seti'nin kullanılmasını mümkün hale getirir:

<asp:ScriptManager ID="asm" runat="server" />

Animasyon, aşağıdaki gibi görünen 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 ayrıca 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">
void Page_Load()
{
 AjaxControlToolkit.AnimationExtender ae = new AjaxControlToolkit.AnimationExtender();
 ae.TargetControlID = "Panel1";

Ancak, Denetim Araç Seti şu anda tek tek animasyonları oluşturmak için bir API erişimi sağlamaz. Bununla birlikte, 's Animations özelliğini, animasyonları bildirimli olarak atarken kullanılan XML işaretlemesini içeren bir dizeye ayarlamak AnimationExtendermü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 öğesinin içindeki <form runat="server"> geçerli sayfaya ekleyin:

form1.Controls.Add(ae);
}
</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)

ÖncekiSonraki