ASP.NET AJAX 컨트롤 도구 키트의 애니메이션 컨트롤은 컨트롤이 아니라 컨트롤에 애니메이션을 추가하는 전체 프레임워크입니다. 애니메이션은 서버 쪽에서도 변경될 수 있습니다.
개요
ASP.NET AJAX 컨트롤 도구 키트의 애니메이션 컨트롤은 컨트롤이 아니라 컨트롤에 애니메이션을 추가하는 전체 프레임워크입니다. 애니메이션은 서버 쪽에서도 변경될 수 있습니다.
단계
우선 페이지에 를 ScriptManager 포함합니다. 그런 다음 ASP.NET AJAX 라이브러리가 로드되어 Control Toolkit을 사용할 수 있습니다.
<asp:ScriptManager ID="asm" runat="server" />
애니메이션은 다음과 같은 텍스트 패널에 적용됩니다.
<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>
패널에 연결된 CSS 클래스에서 좋은 배경색을 정의하고 패널에 대해 고정 너비를 설정합니다.
<style type="text/css">
.panelClass {background-color: lime; width: 300px;}
</style>
나머지 코드는 서버 쪽에서 실행되며 태그를 사용하지 않습니다. 대신 코드를 사용하여 컨트롤을 만듭니다.AnimationExtender
<script runat="server">
void Page_Load()
{
AjaxControlToolkit.AnimationExtender ae = new AjaxControlToolkit.AnimationExtender();
ae.TargetControlID = "Panel1";
그러나 제어 도구 키트는 현재 개별 애니메이션을 만들기 위한 API 액세스를 제공하지 않습니다. 그러나 애니메이션을 선언적으로 할당할 때 사용되는 XML 태그가 포함된 문자열로 의 Animations 속성을 설정할 AnimationExtender수 있습니다. 요소를 포함하지 <Animations> 않아야 하는 XML을 만들려면 .NET Framework XML 지원을 사용하거나 다음 코드와 같이 문자열만 제공합니다.
ae.Animations = "<OnLoad><Parallel><FadeOut Duration=\"1.5\"
Fps=\"24\" /><Resize Width=\"1000\" Height=\"150\"
Unit=\"px\" /></Parallel></OnLoad>";
마지막으로 요소 내의 현재 페이지에 컨트롤을 <form runat="server"> 추가하여 AnimationExtender 애니메이션이 포함되고 실행되는지 확인합니다.
form1.Controls.Add(ae);
}
</script>
애니메이션은 서버 쪽 C#/VB 코드를 사용하여 만들어집니다(전체 크기 이미지를 보려면 클릭).
