34. 이제 Main.xaml로 갑니다. 가면 아래와 같이 usercontrol 에 ! 모양이되어 있을 것입니다.
Project > Build Project 하도록  합니다. 

빌드 하는 이유가 궁금하신 분들은  http://www.whitecoco.net/entry/예제로-배우는-Expression-Blend-Chapter-4-웨이브-효과-2-유저컨트롤-사용하기  를 참고 하시면 좋아요 ..

35. 작업화면의 Usercontrol에서 마우스 우클릭 > Group Into > StackPanel을 하여 StackPanel에 담습니다.       





36. StackPanel을 선택하고 다음 그림과 같이 Layout 속성을 변경합니다.
(Set to Auto)버튼을 누르면 Auto로 바뀝니다.





37. 이제  StackPanel안의 UserControl1을 선택하고 Ctrl+C합니다.




38. StackPanel을 선택한 채로 Ctrl+V를 합니다. 일단 한 15개정도 붙여넣기를 합니다.
그림과 같이 StackPanel안에 꽉 차게 하면 됩니다.  (캡쳐하려니 너무 커서 잘 보이게 할려고 잠시 50%로 했습니다.)





39. 이제 UserControl1.xaml.cs파일을 엽니다. 그리고 다음 그림과 같이 코드를 넣어줍니다.
간략하게 설명을 달을게요~

①번은 "double형의 Interval이라는 이름의 값을 외부에서 받겠다!!" 라는 뜻입니다.   ②번은 아까 만들었지요? UserControl이 Load되면 들어오는 부분이요~ 그 부분에 밖에서 받은 Interval을  TimeSpan.FromSeconds()안에 넣어서 스토리보드를 실행시키는 시간을 주는겁니다.  이해가 안 될 수도 있지만~ 끝까지 해보면 아하~ 이런거구나! 하고 응용할게 많겠구나~ 라고 생각하실 거에요. *^^*

40. 자! 여기까지 하고 저장하고~ 일단 F5 눌러봅시다. ~~
커졌다 작아졌다 하지요? 그런데 모두 똑같이 움직이니까 너무 재미가 없잖아요?
그런데 우리가 Interval을 받을수 있게 만들어 뒀잖아요? 이제 그부분을 제어하러 가볼까요?~



41. Page.xaml로 이동합니다. 막 움직이지요?
다음 그림과 같이 StackPanel을 열고 UserControl1하나를 찍고 Properties패널의 맨 아래에 있는 Miscellaneous를 열어보세요
Interval이 보이죠??





42. 이제 순서대로 Interval에 시간을 입력해 주면 됩니다.
다음 그림과 같이 첫번째 UserControl1을 선택하고 Interval을 0.05로 줍니다.





43. 다음 그림과 같이 두번째 UserControl1을 선택하고 Interval을 0.1로 줍니다.






44. 다음 그림과 같이 세번째 UserControl1을 선택하고 Interval을 0.15로 줍니다.






45. 그렇게 마지막까지 0.05씩 증가시켜줍니다. 저는 0.8까지 되었네요





46. 이제 F5를 눌러 실행합니다. 성공하셨나요?? 축하합니다 *^^*




시작을 0.05부터 하니.. 좀 빨리 시작되죠?? 그래서 저는 다시 1.05부터 1.8로 바꿨어요 ㅋ

하나 하나 바꿀려니 좀 귀찮고 힘드시죠??
사실 더 좋고 간단한 방법도 회사에 같이 다니는 홍철의 씨가 알려 주셨지만 그 부분은 제가 혼자 못할거 같아서...
제가 혼자 할수 있는 수준으로 만들려고 그냥 이렇게 썼습니다. 철의씨 감사합니다 ㅋ

이해가 안되는 부분이 있으면 언제라도 댓글 달아주세요.
파일을 첨부합니다.





[응용예제]





응용 예제도 잘 만들어 보세요.

안녕히 계세요~~