Expression Blend 썸네일형 리스트형 [Expression Blend WPF강좌] 버튼을 만들어보자 - 2 저번시간까지는 버튼을 만드는 디자인을 했습니다. 그래서, 이번에는 버튼을 클릭했을때와 클릭하지 않았을때 달라지는 이벤트를 강의하겠습니다. 1) 버튼을 선택한 상태에서 오른쪽 버튼 클릭-> 컨트롤 구성요소 편집을 클릭합니다. 그러면 밑의 사진과 같이 인터렉션 패널이 바뀌고 보이지 않던 트리거 및 이벤트가 보이게 됩니다. 맨 처음 버튼을 만들었던 사각형들이 보이시죠? :) 메인화면에서 버튼속성으로 들어왔습니다. IsFocused = True 일때 : 클릭하고 난 뒤의 이벤트가 발생한다. (내가 이 버튼을 눌렀었는지, 안 눌렀었는지 구분되게) IsDefaulted = True 일때 : 최초 설정값 설정이 발생한다. IsMouseOver = True 일때 : 마우스 오버될 때 이벤트가 발생한다 IsPressed.. 더보기 [Expression Blend WPF강좌] 버튼을 만들어보자 - 1 이제 직접 블랜드에서 활용할 수 있는 버튼 만들기 강좌를 시작하겠습니다 사실 개념정리 및 툴 사용법은 너무 지루해서, 이렇게 활용하면서 배워야 제일 와닿는 것 같아요. (저는) 더보기 [Expression Blend WPF강좌] 제일 많이 쓰는 Layout Panel [Canvas] 알고 사용하기 저번강의에서는 Grid 패널을 배웠습니다. 제 생각에 그리드 패널을 잘 숙지 하시면 나머지 레이아웃 패널들은 손 쉽게 넘어가시리라 생각하며 :0 이번에는 Canvas 패널입니다. 다른 패널처럼 레이어 자체가 영향을 많이 주는 패널이 아니기 때문에 쓰기에 제일 편합니다. :) 위치를 지정할 때 좌표값을 이용, 캔버스 왼쪽 위 꼭지점에서 Left와 Top으로 지정합니다. 위치 지정된 것은 오른쪽 속성에서 확인할 수 있습니다. 플래쉬에서도 이런 기능은 있었는데요. 대략 이런 느낌이라고 생각하시라고 첨부합니다. :) 캔버스를 한마디로 하면, 좌표로 위치를 설정하는 투명 레이어그룹! 이라고 생각하시면 될 것 입니다. 캔버스 패널은 그리드 패널 처럼 이미지를 배치하는데 있어서 영향을 많이 받는 것이 아니기 때문에,.. 더보기 [Expression Blend WPF강좌] 제일 많이 쓰는 Layout Panel [Grid] 알고 사용하기 블랜드의 툴바를 보시면 디자인 하시는 분들은 대충 이 툴이 뭘 하는지 가늠하실 수 있을 거에요. (포토샵이나 플래쉬에서 썼던 툴과 다 비슷하니까요.) 화살표같이 생긴건 선택할 수 있는 툴이고, 돋보기는 확대 축소, 스포이드는 색을 찍는 것, 펜 툴, 도형 툴, T 글씨 쓸 수 있는 툴 등... 더보기 [Expression Blend WPF강좌] UserControl은 어떻게 활용할까? 저번시간에는 새항목을 알아봄으로 어떤 페이지를 자신이 만들 수 있는지 알아보았습니다. 이번에는 활용하는 의미로 새항목 중에 UserControl을 사용해 보도록 하겠습니다. 1) 원을 하나 그려줍니다, 원의 색이나 크기는 창 -> Properties에서 조절 가능합니다. 저는 스마일을 만들거에요. :) 2) 원을 자유자재로 변형시키기 위해서는 패스로 만들어주어야 합니다. 원을 오른쪽 클릭 > Path > Convert to Path 하시면 별로 변한 거 없어 보이지만 단축키 A 버튼을 누르면 꼭지점을 클릭할 수 있습니다. (단축키는 포토샵과 거의 동일해서 디자이너분들은 빨리 적응하실거에요) 3) 위의 꼭지점을 내려주면 그 꼭지점 혼자만 내려가는게 보이실겁니다, 쟈쟝~ 웃고 있는 입 완성 :) 눈은 간단하.. 더보기 [Expression Blend WPF강좌] 새항목 (Window, Usercontrol, Page, ResourceDictionary) 알고 지나가기 파일 > 새프로젝트 > WPF 응용프로그램으로 파일을 엽니다. [ 블랜드 시작하기 전에 ] 라는 글을 통해 알려드렸듯이, 웹에서 열리는 silverlight가 아닌 .exe로 출력하는 WPF프로그램으로 강좌를 진행합니다. 새 프로젝트의 이름을 주고 확인 버튼을 누릅니다. 오늘 설명할 것은 실버라이트에서는 보이지 않는 WPF만의 창의 종류를 설명하려 합니다. HTML 파일을 여러개 만들어 페이지를 만들듯이, 새 페이지를 추가 시킬 때 밑의 방법으로 추가 시키는데요. 1) 창 >프로젝트 창을 활성화 한 후 솔루션 프로젝트(초록색아이콘같은) 를 오른쪽 클릭하고 새 항목 추가를 클릭합니다. 클릭하면 새 항목의 종류가 여러가지 보이게 됩니다. (실버라이트 프로젝트 파일로 열었을 시에는 UserControl만 보이.. 더보기 [Expression Blend WPF강좌] Expression Blend를 시작하기 전에 :) 블랜드 프로그램 강좌를 시작하기 전에, 정식으로 프로그램을 배우기 위한 디자이너에 꼭, 맞는 책도 없고; 툴은 배워야 겠고.. 빨리 적응하기 위해서 이해가 되도록 나름대로의 정의를 내리면서 배웠습니다. :) 그래서 강좌가 들어가기 전에 이 점 유의를 하시고 강좌를 봐주셨으면 하는 마음입니다. 정~말 순수하게 디자이너의 관점을 보고 시작한 것이기 때문에, 반대로 디자인을 배우려는 개발자분들이 보시기에는 너무 쉬운것 아니야? 내지, 이렇게 해야 이해가 가능해? 라고 생각하실 수 있으신데요. 하지만 아무것도 모르는 디자이너가 블랜드를 처음 보면 플래쉬, 드림위버를 비교하기 때문에 예제를 든다거나 비교설명할 때 그런 부분이 나올 수 있음을 이해해 주시고 봐주셨으면 하는 바람입니다. 처음 블랜드 프로그램을 열고나.. 더보기 이전 1 2 3 4 5 다음
