블로그 이미지
내게 능력 주시는 자 안에서 내가 모든것을 할수 있느니라 - 빌립보서 4 : 13 - happydong

카테고리

Happydong (1363)
프로그래밍 (156)
MUSIC (16)
인물 (3)
Utility (10)
세미나 소식&내용 (22)
IT뉴스 (18)
운동 (830)
CAFE (10)
Life (282)
Total
Today
Yesterday



주의 : 해당 내용은 실버라이트 1.1버전을 내용을 작성된 내용입니다. 현재 나와 있는 버전과 차이가 있어 버그가 있을수 있습니다. 참고하세요!!


[무한도전] Silverlight 메뉴바 만들기 (2)


이제 슬슬 하나 만들어 볼까요..^^
VS2008에서 실버라이트 프로젝트를 생성합니다.(한글버전)파일 >>새로만들기 >>프로젝트 선택합니다. 그럼 아래 그림과 같이 나타나실거예요. 그럼 왼쪽에 Silverlight 선택하고 Silverlight Project 선택을 하고 원하는 프로젝트 이름을 작성합니다. 저는 "MenubarTest" 라고 했습니다.


사용자 삽입 이미지


이렇게 프로젝트를 생성하면 아래그림과 같이 프로젝트파일들이 생성이 됩니다.


사용자 삽입 이미지


그럼 이제 프로젝트를 생성했으니 Expression Blend에서 한번 프로젝트를 열어 보도록 하겠습니다.자~Blend를 실행하면 아래 그림과 같이 나타납니다. Projects >> Open Project... 를 클릭해서 프로젝트가 생성된 위치에서 프로젝트를 선택합니다.


사용자 삽입 이미지


프로젝트를 선택을 해서 실행을 하게되면 아래와 같은 그림이 나타날것입니다.


사용자 삽입 이미지


이제는 대충 모양을 만들어 봐야겠지요. 그 내용은 [무한도전] Silverlight 메뉴바 만들기 (3)에서 다루도록 하겠습니다. 여기까지 읽어 주셔서 감사합니다~^^

Posted by happydong
, |



주의 : 해당 내용은 실버라이트 1.1버전을 내용을 작성된 내용입니다. 현재 나와 있는 버전과 차이가 있어 버그가 있을수 있습니다. 참고하세요!!

[무한도전] Silverlight 메뉴바 만들기 (1)



오늘 처음으로 Silverlight를 이용한 메뉴바를 만들어 보았습니다. 나름 삽질도 하고...내가 직접 생각해서 하려고 하니깐 쉽지 않더라고요. 또한 제가 C#를 공부한지가 얼마 되지도 않아서 그런지...조금 익숙해지데 조금 시간이 걸렸습니다. 메뉴바 나름 완전하는데....한 5시간 정도 걸린것 같습니다. 너무 오래 걸렸죠..ㅋㅋ그런데 만들면서 조금씩 너무 재미있고 신기 했습니다. 저 같은 초보자들도 이렇게 만들수 있구나 하는 생각에 아주 약간의 희망을 받았습니다~^^ 비록 대단한거는 아니지만 한번 어떻게 만들었는지 내용을 올려보려 합니다.
일단 제가 만든 메뉴바가 어떻게 움직이는지 아래 그림들을 보면서 알아 보도록 하겠습니다.

1. 메뉴바 - Maine

사용자 삽입 이미지


위 그림은 처음에 보여기는 Maine Menu 입니다. 마우스를 위로 올렸을때 어떻게 애니메이션이 일어나는지 아래 그림들을 보면 아실수 있을 것입니다.

2. 메뉴바 Animation 01

사용자 삽입 이미지

3. 메뉴바 Animation 02

사용자 삽입 이미지

4. 메뉴바 Animation 03

사용자 삽입 이미지

위 그림들을 보시면서 대충 어떤 Animation 효과 인지 짐작 하셨을 것 같습니다. 아주 간단합니다. 아주 간단해서 별로 흥미롭지 않으시죠.ㅋ^^;;; 하지만 저는 초보라는거...제가 처음으로 이렇게 만들수 있다는 희망을 얻었습니다~! 비록 간단한 구현이지만 열심히 파보겠습니다. "도와주십시오~!"(웃찾사 - 서울나들이 버전")
저기 SubMenu에도 링크까지 걸어 놨어요..클릭하면 해당 싸이트로 이동해요...ㅋㅋ아래 그림처럼요~^^

사용자 삽입 이미지

 이제 그럼 어떻게 만들었는지 하나하나 보면서 설명해 보겠습니다. 이 다음([무한도전]Silverlight 메뉴바 만들기 (2) )부터 소스와 함께 보도록 하겠습니다. 혹시 처음 Silverlight를 접하시는 분들에게 조금이나마 도움이 되었으면 좋겠군요~^^ 홧팅~^^
Posted by happydong
, |