본문 바로가기

Silverlight 3

[Silverlight 3] Projection 값을 이용하여 원근감있는 메뉴를 만들어보자 - 2 이어서 진행하도록 하겠습니다. 저번 강좌까지 했던 작업은 메뉴버튼 클릭 시 접혀있던 서브메뉴가 나오도록 하기 위한 형태를 만들었고요. 이번시간에는 State 설정에 Projection 애니메이션을 추가하여 메뉴가 움직이도록 진행해 보겠습니다. 1) 저번시간까지 준비한 작업을 가지고 옵니다. ① 상태에서 그룹 State를 클릭하여 그룹을 만들고 ② 다시 폴더 모양을 클릭하여 그룹안에 State를 두개를 추가합니다 ③ 두가지의 상태를 만들어줍니다. 하나는 Menu로 돌아오기 위한 애니메이션과 SubMenu로 가기 위한 애니메이션입니다. 그룹이름은 자신이 임의로 지정해주어도 됩니다. 저는 MenuGroup으로 했습니다. 2) ① SubMenu State을 클릭하고 ② 움직일 대상 Stack Panel을 선택한.. 더보기
[Silverlight 3] Projection 값을 이용하여 원근감있는 메뉴를 만들어보자 - 1 안녕하세요, 정진희입니다. 요새는 계속 실버라이트에 대한 강좌를 쓰고있는데요. 같은 익스프레션 블랜드로 작성하지만 WPF랑 실버라이트가 보이는 메뉴얼이 좀 다르다보니 왔다갔다 하니 헷갈리기도 하네요, ㅎㅎ 오늘은 실버라이트에서만 작업할 수 있는 3D 원근감처럼 보이기 위한 속성, Projection 속성을 가지고 원근감 있는 실버라이트 메뉴를 만들어보도록 하겠습니다. at First, What's mean perspective 3D? 중학교 시절 미술시간에 이런 것 많이 그려봤을 텐데요. 원근감 있는 사각형, 혹은 물체를 그리기 위해 1점 투시, 2점투시, 3점 투시로 하여 밑의 그림처럼 그립니다. 전 이런 거 디자인 제도 할 때 했었는데요, 제품을 입체적으로 보이기 위해서 이렇게 그리곤 했었습니다. (.. 더보기
[Silverlight 3] 음악 플레이어를 만들어보자 ! 안녕하세요? 정진희 입니다. 홈페이지를 만들다보면 배경음악 깔고 싶을때가 있는데요. html에서는 embed를 이용해서 간단하게 했었는데, 실버라이트에서는 어떻게 해야할까요? 디자이너분들은 많이 궁금해 하실 것 같은데요. (저만그런가요?-_-a) 이번시간에는 버튼 on/off를 이용하여 on버튼이 클릭이 되었을 때 실행되고 off를 클릭했을 때 실행이 멈추도록 만들어보겠습니다. 1) 익스프레션 블랜드에서 실버라이트 프로젝트로 파일을 하나 만듭니다. 이름은 임의로 정해줍니다. 2. 프로젝트가 생성이 되었습니다. Usercontrol의 사이즈를 좀 작게 줄여보도록 하겠습니다. 저는 300x200으로 하겠습니다. 3. 그리드 레이아웃의 백그라운드를 조금 다르게 바꿔보겠습니다. 그라데이션 브러쉬를 선택하시고 그.. 더보기
[Silverlight 3] Visual State Group으로 사진 갤러리 만들기 - 2 이어서 진행하도록 하겠습니다. 1. State를 4개 추가한 상태에서 ① 첫번째 상태를 클릭하여 녹화상태로 합니다. 이미지를 ②처럼 전체 선택 하신다음 Width ③ 값을 0으로 줍니다. 2. 이렇게 이미지 4장 모두 width값을 0을 주었는데요. gotopage1을 클릭할 때 나타나는 이미지는 다시 원래 사이즈로 640 을 입력해 줍니다. 3. 나머지 state에도 같은 방법으로 적용시켜줍니다. gotoPage2 선택-> 전체 이미지 width사이즈 0 -> 해당 이미지 사이즈(Page2) 다시 640으로 설정 gotoPage3 선택-> 전체 이미지 width사이즈 0 -> 해당 이미지 사이즈(Page3) 다시 640으로 설정 gotoPage4 선택-> 전체 이미지 width사이즈 0 -> 해당 이미.. 더보기