프로젝트에서 컨트롤 그리기

단추(Button) 및 텍스트 상자(TextBox) 같은 사용자 인터페이스 컨트롤을 사용하여 응용 프로그램이 사용자 입력에 응답하도록 할 수 있습니다.

시스템 컨트롤 그리기

1. 도구 패널에서 컨트롤을 선택합니다.

   팁

   도구 컨테이너에서 모든 도구를 보려면 도구 패널에 표시된 도구를 마우스 오른쪽 단추로 클릭합니다.

   

   팁

   사용 가능한 모든 컨트롤을 보려면 도구 패널에서 자산을 클릭합니다.자산 패널에서 도구를 선택하면 도구 패널의 자산 단추 아래에 나타납니다.

2. 아트보드에서 마우스로 끌어 놓는 방식으로 컨트롤을 그립니다. 결과는 그리는 컨트롤 형식에 따라 달라집니다.

   • 텍스트 컨트롤을 그리면 결과 개체가 텍스트 편집 모드로 들어가므로 개체에 표시된 콘텐츠를 변경할 수 있습니다.

     

     텍스트 편집 모드를 끝내려면 Esc 키를 누르십시오. 텍스트 편집 모드를 끝내면 개체에 대해 비율 크기 조정, 회전, 이동 또는 기타 작업을 수행할 수 있게 해 주는 좌표 이동 핸들이 나타납니다. 텍스트 편집 모드를 다시 시작하려면 선택 도구 를 사용하여 개체를 선택한 다음 F2 키를 누릅니다.

     참고

     텍스트 서식을 지정하는 방법에 대한 자세한 내용은 Blend에서 텍스트 서식 지정을 참조하십시오.

   • 텍스트가 아닌 컨트롤을 그리면 결과 개체 주위에 좌표 이동 핸들이 나타납니다. 좌표 이동 핸들을 사용하여 비율 크기 조정, 회전, 이동, 기울이기 및 기타 작업을 수행할 수 있습니다. 마우스 포인터가 다음과 같이 변경되어 사용자가 수행할 수 있는 작업을 나타냅니다.

     

     컨트롤에 Button 컨트롤 또는 CheckBox 컨트롤의 콘텐츠 같은 텍스트가 표시되는 경우 F2 키를 눌러 텍스트 편집 모드를 시작하여 텍스트를 빠르게 변경할 수 있습니다. 텍스트 편집 모드를 끝내려면 Esc 키를 누르십시오.

3. 작업 내용을 저장합니다(Ctrl+S).

프로젝트에 컨트롤을 추가한 다음에 다음 단계를 수행할 수 있습니다:

• 방금 그린 시스템 컨트롤에 적용된 템플릿을 수정하여 시스템 컨트롤의 모양을 사용자 지정할 수 있습니다. 컨트롤은 해당 상태에 따라 다르게 보일 수 있습니다. 예를 들어 단추 위로 포인터를 가져갈 때 단추의 색이 약간 바뀔 수 있습니다. "MouseOver"는 사용자 지정할 수 있는 상태입니다. 자세한 내용은 Blend에서 다양한 상태의 시스템 컨트롤 모양 수정을 참조하십시오.

• 컨트롤 상태 간 전환에 걸리는 시간을 연장할 수 있습니다. 자세한 내용은 사용자 정의 컨트롤의 다양한 시각적 상태 및 전환 시간 정의을 참조하십시오.

• 컨트롤의 상태 전환에 애니메이션을 더 추가할 수 있습니다. 자세한 내용은 Blend에서 상태 변경 후 재생될 애니메이션 추가을 참조하십시오.

참고 항목

작업

프로젝트에서 새 사용자 정의 컨트롤 만들기