Visual Studio 2008을 사용한 Silverlight 개발(6)
사용자 인터페이스가 완성된 후에 현재 유용한 코드를 만듭니다. 예를 들어 단추에 현재 시간을 표시합니다.
Solution Explorse에서 Page를 두 번 클릭합니다.xaml.vb 파일, 코드 편집기에서 불러옵니다.
PageLoaded () 소절에서 다음과 같이 증가합니다.
:
Partial Public Class Page
Inherits Canvas
Public Sub Page_Loaded(ByVal o As Object, ByVal e As EventArgs)
'' Required to initialize variables
InitializeComponent()
Me.Timeline1.Duration = New Duration(New TimeSpan(0, 0, 1))
Me.Timeline1.Begin()
End Sub
코드에서 Timeline1은 초당 하나의 이벤트 (Completed 이벤트) 를 터치하고 Duration 대상 설정을 통해 설정합니다.Timeline 객체는 Windows 프로그래머에게 익숙한 Timer 컨트롤과 유사합니다.Begin () 메서드가 카운트다운을 시작하고 1초 후 Completed 이벤트가 트리거됩니다.
다음 단계는Completed 이벤트가 끝난 후에 무엇을 하는지입니다. 코드 편집기에서Timeline1 대상을 선택한 다음Completed 이벤트를 선택하십시오. 그림14 참조.
498)this.style.width=498;">
그림 14
다음 Completed 이벤트 코드를 작성합니다.
:
Private Sub Timeline1_Completed( _
ByVal sender As Object, _
ByVal e As System.EventArgs) _
Handles Timeline1.Completed
Dim textBlk As TextBlock = Me.btnTime.Children(1)
textBlk.Text = Now.ToString
Me.Timeline1.Begin()
End Sub
End Class
기본적으로, canvas (btnTime) 에 삽입된 TextBlock 컨트롤을 가져와서 현재 시간과 Text 속성을 설정합니다.Canvas에는 두 아이가 있습니다.
◆Children(0): Rectangle control ◆Children(1): TextBlock control
시간이 표시되면 Begin () 방법을 호출하여 카운트다운을 다시 시작합니다.
자, 완성됐습니다!VS2008에서 F5를 누르면 IE에 현재 Silverlight 프로그램이 표시됩니다.Firefox 브라우저에서 호출하면 효과도 마찬가지입니다.그림15.버튼은 1초에 한 번씩 시간을 업데이트합니다.
498)this.style.width=498;">
그림 15
변덕스럽다
이제 첫 번째 실버라이트 프로그램이 실행되고 있으니 애니메이션을 만들어 보세요.예를 들어, 그것을 회전시키고 갱신하는 시간을 수정합시다.
동일한 프로젝트를 사용하여 Expression Blend2에 XAML 파일에 새로운 Timeline을 추가합니다.새로운 Timeline이 추가되면 XAML 코드가 다음과 같이 표시됩니다.
:
Partial Public Class Page
Inherits Canvas
Public Sub Page_Loaded(ByVal o As Object, ByVal e As EventArgs)
'' Required to initialize variables
InitializeComponent()
Me.Timeline1.Duration = New Duration(New TimeSpan(0, 0, 1))
Me.Timeline1.Begin()
End Sub
Page에서.xaml.vb 파일에서 degrees라는 개인 구성원 변수를 설명합니다.
:
Partial Public Class Page
Inherits Canvas
Private degrees As Integer = 0
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.