본문 바로가기

Programming/Windows Phone30

커스텀 컨트롤에 시각적 상태 추가하기 지난 시간에 이어 이번에는 컨트롤 템플릿을 업데이트 해서 버튼이 포커스를 가질 때 아웃라인을 보여줄 수 있고 페이지에서 버튼이 눌러졌을 때 그 위치를 옮길 수 있는 다른 시각적 상태를 추가할 것이다. 1. [Objects and Timeline] 패널에서, [Border] 컨트롤을 선택한다. 2. 이제 [States] 패널로 전환해 해당 버튼 컨트롤에 대해 사용할 수 있는 시각적 상태를 검토해보자. [그림 57] 상태 패널은 선택된 Base를 보여준다 [States] 패널은 해당 컨트롤의 모든 시각적 상태를 표시한다. [Base] 상태는 모든 상태에 공통으로 존재하는 요소를 정의한다.이 상태에서 해당 컨트롤의 기본 모양을 정의하는 템플릿을 조정할 수 있다. 그 다음 다른 상태의 각각에 대해, 해당 상태의.. 2011. 1. 12.
익스프레션 블렌드에서 Hello Windows Phone 커스텀 버튼 만들기 대개 실버라이트 컨트롤은 템플릿을 사용해 시각적 모양과 로직을 분리한다. ControlTemplate은 컨트롤의 시각적 구조와 동작을 지정한다. 기본 ControlTemplate 설정을 수정해 컨트롤의 모양을 조정할 수 있다. 이것을 사용하면 컨트롤의 기능을 변경하지 않고도 모양을 변경할 수 있다. 예를 들면 애플리케이션에서 버튼을 기본 사각형 모양이 아니라 모서리를 둥글게 처리할 수 있지만, 이 버튼은 여전히 Click 이벤트를 일으킨다. 이번 시간에는 익스프레션 블렌드에서 이전에 작업한 비주얼 스튜디오 프로젝트를 열어서 버튼의 ControlTemplate을 대체해 룩앤필을 수정한다. XAML에서 ControlTemplate을 생성하기 때문에 코드를 작성할 필요 없이 컨트롤의 모양을 변경할 수 있다. .. 2011. 1. 10.
HelloPhone 빌드와 실행 이번 시간에는 만든 애플리케이션을 빌드, 배포하고 윈도우 폰 에뮬레이터에서 실행해서 제대로 동작하는지 시험한다. 그리고 중단점을 설정해, 디버거를 사용해 소스코드를 단계별 진행하면서 변수의 값을 검사하는 과정을 통해 비주얼 스튜디오를 사용해 에뮬레이터에서 실행하는 애플리케이션을 디버깅하는 짧은 경험을 해본다. 1. [솔루션 탐색기]에서 MainPage.xaml 파일을 오른 클릭해서 [View Code]를 선택해 코드 숨김 파일을 열자. 2. “Click Me”버튼에 대한 이벤트 처리기에서 실행을 중지하도록 중단점을 정의한다. 중단점은 소스 파일의 ClickMeButton_Click 메서드의 첫 번째 줄을 찾아서 편집창의 왼편에 위치한 회색 영역을 클릭한다. 붉은색으로 채워진 원이 삽입된 중단점을 가리킨다.. 2011. 1. 6.
HelloPhone 사용자 인터페이스에서 이벤트 처리하기 이번에는 버튼 클릭 이벤트와 같은 사용자 인터페이스의 동작에 응답하는 이벤트 핸들러를 정의한다.해당 페이지의 코드 숨김 파일에서 코드로 이벤트 핸들러를 정의한다. 1. 디자이너의 모드가 "Design"으로 설정되었는지를 확인한다. 그렇지 않다면 디자이너 윈도우의 오른쪽 끄트머리의 디자인 탭을 더블클릭한다. 마우스 커서를 각 탭에 올려보면 툴팁으로 이름을 식별하도록 도와준다. 2. 디자이너 영역에서 "Clieck Me"라는 버튼을 클릭하고나서 F4를 눌러 [속성] 창을 연다. 3. 속성 창에서 [이벤트] 탭을 클릭해 현재 사용가능한 이벤트의 목록을 가진 창을 표시한다. 해당 목록에서 Click 이벤트를 찾아 이 이벤트 옆에 위치한 텍스트 상자에서 "ClickMeButton_Click"라고 입력한다. [엔터.. 2011. 1. 4.

티스토리툴바