Animasyon Sırasında Eylemleri Devre Dışı Bırakma (C#)

Christian Wenz tarafından

PDF’yi İndir

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. Ayrıca fare tıklamaları gibi eylemleri de destekler. Ancak bir fare tıklaması bir animasyon başlattığında, animasyon sırasında fare tıklamalarının devre dışı bırakılması tercih edilir.

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. Ayrıca fare tıklamaları gibi eylemleri de destekler. Ancak bir fare tıklaması bir animasyon başlattığında, animasyon sırasında fare tıklamalarının devre dışı bırakılması tercih edilir.

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ğıdaki gibi bir HTML düğmesine uygulanır:

<input type="button" ID="Button1" runat="server" Value="Launch Animation" />

Düğmenin geri gönderme oluşturmasını istemediğimiz için Web Denetimi yerine HTML Denetimi kullanıldığını unutmayın; bizim için yalnızca istemci tarafı animasyonunu başlatacaktır.

Ardından , özniteliğini ve zorunlu runat="server"olan öğesini sağlayarak TargetControlIDIDsayfasına ekleyinAnimationExtender:

<ajaxToolkit:AnimationExtender ID="ae" runat="server" TargetControlID="Button1">

Düğümün <Animations> içinde, <OnClick> fare tıklamasını işlemek için doğru öğedir. Ancak, animasyon sırasında düğmeye de tıklanabilir. <EnableAction> Öğe bunu halledebilir. Ayar Enabled="false" , düğmeyi animasyonun bir parçası olarak devre dışı bırakır. Birkaç ayrı animasyon (düğmeyi ve gerçek animasyonları devre dışı bırakarak) <Parallel> kullandığımız için, tek animasyonları birbirine yapıştırmak için öğesi gereklidir. için tam işaretleme AnimationExtenderaşağıdadır:

<ajaxToolkit:AnimationExtender ID="ae" runat="server" TargetControlID="Button1">
 <Animations>
 <OnClick>
 <Parallel>
 <EnableAction Enabled="false" />
 <FadeOut Duration="1.5" Fps="24" />
 <Resize Width="1000" Height="150" Unit="px" />
 </Parallel>
 </OnClick>
 </Animations>
</ajaxToolkit:AnimationExtender>

Ayrıca, listenin sonundaki aşağıdaki XML öğesini kullanarak animasyondan sonra düğmesini yeniden etkinleştirmek de mümkün olabilir:

<EnableAction Enabled="true" />

Ancak verilen senaryoda düğme kaybolur ve animasyonun sonunda görünmez olduğundan bu işe yaramaz.

Düğme, animasyon çalıştırılır çalıştırıldığında devre dışı bırakılır

Animasyon çalıştırıldığında düğme devre dışı bırakılır (Tam boyutlu görüntüyü görüntülemek için tıklayın)