Silverlight 썸네일형 리스트형 [Expression Blend 강좌] Resource Dictionary 사용하는 방법에 대하여 알아보자. -2 안녕하세요, 정진희입니다. 이어서 진행하도록 하겠습니다. 이어서 진행하려니 시간이 많이 흘렀네요...:-) 저번시간에는 사전을 만든 후 버튼을 리소스 사전에 저장하고 어떻게 편집하는지에 대해서 알아보았습니다. 저번시간에는 리소스사전을 생성하고, 리소스를 만드는 것을 알아보았습니다. 이번시간에는 다른 프로젝트에 리소스를 활용하는 방법에 대하여 알아보도록 하겠습니다. 7) 새롭게 프로젝트를 생성합니다. 1)번과 같은 방식입니다. 8) 프로젝트 우클릭 > 기존항목 추가를 클릭합니다. 기존항목 추가는 이미 존재하는 파일을 불러들이는데요. 자신이 만들었던 리소스 사전의 위치를 찾아가서 추가를 시키도록 합니다. 리소스 사전이 추가 되었습니다. 9) 다른 페이지에서 한번 버튼을 만들어보고 스타일을 씌워보도록 하겠습니.. 더보기 [Blend Study] 4/13일 Blend Team Layout Homework 입니다. Team Name : OB 상단에는 날짜를 선택, 하단에는 장소를 선택하여 어떤 신발을 신어야 할지 보여주는 어플리케이션입니다. OB팀의 레이아웃 적용 후 발표를 한 사진입니다. 다들 보자마자 헉 하는 소리와 함께 높은 퀄리티에 놀랐었는데요. 스케치플로우에서 디테일하게 잡혀져 있지 않아서 어떻게 화면을 구성할까 약간의 우려가 있었습니다만, 모두를 놀래키는 반전의 서스펜스를 보여주셨습니다 -_-)/ 그리고 애니메이션까지 코드로 직접 작성하셔서 움직이는 동작까지 보여주셔서 한주동안 얼마나 노력을 해주셨는지 엿보였습니다. Team Name : 젊은 피 북마크 어플리케이션을 WPF와 Silverlight를 동시에 진행하는 팀인데요, 이번주는 Silverlight 팀만 발표를 하셨습니다. 젊은 피 팀의 WPF버전.. 더보기 [Expression Blend 3] Resource Dictionary 사용하는 방법에 대하여 알아보자. -1 안녕하세요, 정진희입니다. 이번 강좌는 리소스 사전 (Resource Dictionary) 를 사용하는 방법에 대하여 알아보도록 하겠습니다. Expression Blend에서 만들 수 있는 WPF와 실버라이트 프로젝트 둘 다 해당되는 내용입니다 지난 버전에는 실버라이트가 리소스 사전이 없었는데 이번에 생겼네요. 들어가기 전에 리소스 사전이란 무엇일까요? 디자이너는 Blend 프로그램을 가지고 컨트롤, 모양, 색상 등을 성심성의껏 만듭니다. 그런데 이렇게 어렵게 만든 컨트롤들을 다른 곳에서도, 혹은 저장을 따로 해놔서 일러스트 파일이나 포토샵 파일처럼 저장해서 갖다 쓰고 싶은 경우가 있을텐데요. 이럴때 쓰는 것이 바로 리소스 사전입니다. 1) 이번 강좌는 WPF이든 Silverlight이든 둘 다 상관은 .. 더보기 [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] 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 -> 해당 이미.. 더보기 [Silverlight 3] Visual State Group으로 사진 갤러리 만들기 - 1 안녕하세요? 정진희 입니다. 이번 시간에는 정~말 오랫만에 실버라이트로 제작을 할까 하는데요. Visual StateGroup의 기능으로 실버라이트 사진슬라이드 갤러리를 만드는 시간을 가져보도록 하겠습니다. 먼저 예제를 보시고 시작하시길 바랍니다. 1. 포토샵에서 Psd 파일을 만듭니다. 저는 다음과 같이 사진갤러리에 쓸 4장의 사진을 layer에 추가하였습니다. (사이즈는 640x300정도) 그리고 이름을 각각 page1,2,3,4로 지정하고 page라는 이름으로 save하였습니다. 2. Expression 블랜드에서 다음과 같이 실버라이트로 프로젝트를 생성합니다. 이름을 그림과 같이 설정하여 줍니다. 그리고 Usercontrol 을 선택하면 기본적으로 640x480으로 사이즈가 설정되어있는 것을 높이.. 더보기 이전 1 다음
