image

요번에는 Image Class를 사용해서 이미지의 움직임을 만들어봤다.
기본적으로 두가지 방법으로 코드가 가능한다. XAML(쟈멜)과 C#에서 바로 코드를 작성할 수 있다. 현재는 초보 수준이므로 두가지를 동시에 사용하고 있다. 이전 만들어봤던 Rectangle Movementd 에서 Image Class로 바꿔 코딩만 했다.

source download

Image Class를 읽어 보면 ImageSource Class를 상속 받고 있으며, BitmapImage Class를 생성이 된다는 것을 확인 할 수 있다. 아직 내가 margin을 사용하는 법을 정확히 몰라 요번 것은 Canvas Class를 사용하여 객체 네임을 참조하여 이동하게 하였다.

이전 코드와 비슷하기 때문에 변경된 XAML 코드만 적어두겠다.

1
2
3
4
5
6

<!-- Canvas에서 자유롭게 이동할 Image 객체를 그려둔다. (좌,상단 좌표 0,0) -->
<Canvas x:Name="myImg" Width="80" Height="80">
        <Image  Source="/silverlight/ver3/images/jinuiny.jpg" 
                    Stretch="None"
         />
</Canvas>

다음에는 C# 코드만을 사용해서 작성해 봐야 겠다.