2008/04/15 22:17 Expression Blend
1. Expression Blend_Button 만들기
버튼 을 하나 만들어 보겠습니다. 저는 정말 쉽지 않았습니다. ㅜ,ㅜ
새로운 프로젝트를 만듭니다. ^^
Normal State (평소) MouseOver State (마우스오버)
Pressed State (다운) Disabled State (버튼의 활성화여부)
이러한 Storyboard 의 key 값이 들어가 있습니다.
(Storyboard는 이벤트나 모션을 지정한 것을 말하고요, key값은 MouseOver...같은 Storyboard를 가진것의 이름입니다.)
자, 그럼 Expression Design 이나 Illustrator에서 버튼 모양을 하나 만듭니다.
저는 위와같은 저질버튼 하나를 만들었습니다. 이것을 복사를 하고 Blend로 가져옵니다. 자, 그런데 한가지 문제가 있습니다. 저 버튼의 역할은 스타일로 정의 되어 쓰여질 막중한 임무가 있습니다. 후에 개발단에서 쉽게 사용하기 위해선 Grid로 묶어야 하는데요, 버튼은 보시는 바와 같이 백터 기반의 이미지로 초록색원, 검정색화살표, 빛, 이렇게 나눠져 있는데 각자의 width값과 margin값 등을 가지고 있습니다. 생각하지 않고 걍 수정에 들어가다간 ....
일단, Expression Design에서 가져온 저질버튼을 Grid로 한번 그룹핑 해줍니다.
1.Ctrl + G 를 이용하여 Grid로 묶고,
2.이하 Ellipse와 Path들을 선택하고
3.오른쪽버튼>Auto Size>Both선택
각자의 위치값과 사이즈를 초기화
해줍니다.
4.그 후 Layout을 이용하여 나누고
도형을 맟춥니다.
(하늘색라인에 마우스를 갖다대면 생겨납니다.)
이제야 비로소 스타일로 등록할 준비를 하였군요, (으아, 어렵당 ㅜ,ㅜ)
오늘은 여기까정 하겠습니다. ^^
다음엔 Storyboard를 이용하여, 마우스 이벤트를 만들겁니다.
크기와 색상들이 자연스럽게 변하게 하는 작업등을 할 것입니다.
후에 Visual Studio를 이용하여 버튼스타일 등록을 합니다. ㅋㅋ "초큼 복잡합니까~?"
