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

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

시스템 컨트롤 그리기

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

    Dd185511.alert_tip(KO-KR,Expression.30).gif팁:

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

    Dd185511.72fa303a-da86-4aed-8920-1b116769024a(KO-KR,Expression.30).png

    Dd185511.alert_tip(KO-KR,Expression.30).gif팁:

    사용 가능한 컨트롤을 모두 보려면 도구 패널에서 자산Dd185511.0d8b8d29-1af9-418f-8741-be3097d76eab(KO-KR,Expression.30).png을 클릭합니다. 자산 패널에서 도구를 선택하면 도구 패널에서 자산 단추 아래에 나타납니다.

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

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

      Dd185511.9a094de5-242d-4a64-9541-5d1babf34d17(KO-KR,Expression.30).png

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

      [!참고]

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

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

      Dd185511.7018bff7-57de-4616-8908-4dbc9be4721b(KO-KR,Expression.30).png

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

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

다음 단계

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

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

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

참조

작업

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