[Expression Blend WPF강좌] UserControl은 어떻게 활용할까?
Epxression Blend/WPF / Silverlight 2008/12/27 18:19 |저번시간에는 새항목을 알아봄으로 어떤 페이지를 자신이 만들 수 있는지 알아보았습니다.
이번에는 활용하는 의미로 새항목 중에 UserControl을 사용해 보도록 하겠습니다.
1) 원을 하나 그려줍니다, 원의 색이나 크기는 창 -> Properties에서 조절 가능합니다. 저는 스마일을 만들거에요. :)
2) 원을 자유자재로 변형시키기 위해서는 패스로 만들어주어야 합니다.
원을 오른쪽 클릭 > Path > Convert to Path 하시면 별로 변한 거 없어 보이지만 단축키 A 버튼을 누르면 꼭지점을 클릭할 수 있습니다.
(단축키는 포토샵과 거의 동일해서 디자이너분들은 빨리 적응하실거에요)
3) 위의 꼭지점을 내려주면 그 꼭지점 혼자만 내려가는게 보이실겁니다, 쟈쟝~ 웃고 있는 입 완성 :)
눈은 간단하게 원 두개로 처리 해 줍니다.
요로코롬, 까만 원 두개, 큰 원 하나 뒤에 깔아주면 웃고있는 얼굴 완성~
4) 전체를 드래그 해서 얼굴을 전부 선택합니다 (단축키 Ctrl+A) 그리고 오른쪽 버튼을 눌러 Make Control로 만들어줍니다.
위에 창에 Tool > Make Control로 선택해도 됩니다.
아니면 위에서 설명한 것과 같이 새 항목 추가 > UserControl을 미리 만들고 해도 상관 없으시고요~
5) 새 창이 하나 나옵니다. 유저컨트롤의 이름을 정해주는 것입니다. 밑에 체크하는 항목은 원본은 그대로 냅두고 복사해서 만들기인데요,
전 그냥 편하게 복사본으로 해서 만들어 놓는편이에요.
OK를 누르시면 프로젝트에 파일이 하나 만들어지면서 새롭게 창이 만들어집니다. 이로써 유저컨트롤 만들기 끝,!
6) 툴 바에서 확인해 봐도 유저컨트롤이 보이지 않는데요.
프로젝트 가셔서 빌드 하시고 다시 보시면 나옵니다. (Ctrl+Shift+B를 하시면 됩니다)
7) 드래그 하시면 아까 만들었던 유저컨트롤이 똑같이 도장처럼 만들어집니다. :)
아까 만들었던 스마일이랑 비교해보면 오브젝트 창에서 레이어가 달리 보일 것입니다.
원래는 원 세개에 path가 하나 있었는데, 유저컨트롤을 이용하면 레이어가 하나로 합쳐서 나온다는 걸 확인했습니다.
* 하나의 만들어진 객체를 여러번 사용하시는 경우, 유저컨트롤로 만드셔서 쓰시면 레이어 갯수도 줄일 수 있고 좋은 방법이겠지요?

댓글을 달아 주세요
잘 보고 갑니다 ㅋㅋ
처음 접하면서 차근차근 보고 있어여..너무 감사합니다.
근데 user control 을 만들었는데..그걸 어떻게 캔버스에 갖고 와야하나요??
유저컨트롤을 만드시고 작업하신던 곳에 가져오고 싶으시다는거죠? 일단 먼저 다시 빌드(Shift+Ctrl+B) 하신다음에 Asset패널에서 Project에서 확인해보시면 유저컨트롤 네임이 보입니다. 더블클릭하시면 되십니다 ^^
웃는 얼굴 그려서 다른 창에 갖고오는것까진 성공했는데요..
첨에 만든 얼굴로 안들어와져요.
창에 가로로 꽉차게 들어와져서 손봐야해요..
복사해서 축소했더니 입은 안작아져요..- - 왜그럴까요...?>?>/.
유저컨트롤을 생성하면 자동으로 그리드로 묶여서 제작됩니다. 사이즈가 정해져 있으면 유저컨트롤을 묶고 있는 그리드 패널을 캔버스 패널로 바꿔주시면 됩니다~
감사합니다~^^