7단계: 양식에 대화 상자 구성 요소 추가Step 7: Add dialog components to your form

이 단계에서, 그림 파일을 열고 배경색을 선택할 수 있도록 앱을 설정하려면 OpenFileDialog 구성 요소 및 ColorDialog 구성 요소를 양식에 추가합니다.To enable your app to open picture files and choose a background color, in this step, you add an OpenFileDialog component and a ColorDialog component to your form.

구성 요소는 몇 가지 점에서 컨트롤과 비슷합니다.A component is like a control in some ways. 도구 상자 를 사용하여 구성 요소를 폼에 추가하고 속성 창을 사용하여 구성 요소의 속성을 설정합니다.You use the Toolbox to add a component to your form, and you set its properties using the Properties window. 그러나 컨트롤과 달리 구성 요소를 폼에 추가할 때는 실제로 폼에 표시되는 항목이 추가되지 않습니다.But unlike a control, adding a component to your form doesn't add a visible item that the user can see on the form. 대신 코드를 사용하여 트리거할 수 있는 특정 동작이 제공됩니다.Instead, it provides certain behaviors that you can trigger with code. 예를 들어 파일 열기 대화 상자를 여는 것은 바로 구성 요소입니다.It's a component that opens an Open File dialog box.

폼에 대화 상자 구성 요소를 추가하려면To add dialog components to your form

  1. Windows Forms 디자이너(Form1.cs[디자인])을 선택하고 도구 상자 에서 대화 상자 그룹을 엽니다.Choose the Windows Forms Designer (Form1.cs [Design]), and then open the Dialogs group in the Toolbox.

    참고

    도구 상자대화 상자 그룹에는 파일을 열거나 닫고, 폴더를 찾아보고, 글꼴과 색을 선택하는 데 사용할 수 있는 많은 유용한 대화 상자를 여는 구성 요소가 있습니다.The Dialogs group in the Toolbox has components that open many useful dialog boxes for you, which can be used for opening and saving files, browsing folders, and choosing fonts and colors. 이 프로젝트에서는 OpenFileDialog 및 ColorDialog라는 두 개의 구성 요소를 사용합니다.You use two dialog components in this project: OpenFileDialog and ColorDialog.

  2. openFileDialog1 이라는 구성 요소를 폼에 추가하려면 OpenFileDialog 를 두 번 클릭합니다.To add a component called openFileDialog1 to your form, double-click OpenFileDialog. colorDialog1 이라는 구성 요소를 폼에 추가하려면 도구 상자 에서 ColorDialog 를 두 번 클릭합니다.To add a component called colorDialog1 to your form, double-click ColorDialog in the Toolbox. 다음 자습서 단계에서는 이 구성 요소가 사용됩니다. Windows Forms 디자이너 의 맨 아래(사진 뷰어 양식 바로 아래)에서 다음 이미지와 같이 두 대화 상자 구성 요소 각각에 대한 아이콘이 포함된 영역을 볼 수 있습니다.(You use that one in the next tutorial step.) You should see an area at the bottom of Windows Forms Designer (beneath the Picture Viewer form) that has an icon for each of the two dialog components that you added, as shown in the following image.

    대화 상자 구성 요소Dialog components
    대화 상자 구성 요소*Dialog _ _components

  3. Windows Forms 디자이너 아래쪽의 이 영역에서 openFileDialog1 아이콘을 선택합니다.Choose the openFileDialog1 icon in the area at the bottom of the Windows Forms Designer. 다음 두 가지 속성을 설정합니다.Set two properties:

    • 다음과 같이 필터 속성을 설정합니다(복사하여 붙여 넣을 수 있음).Set the Filter property to the following (you can copy and paste it):

      JPEG Files (*.jpg)|*.jpg|PNG Files (*.png)|*.png|BMP Files (*.bmp)|*.bmp|All files (*.*)|*.*
      
    • 제목 속성을 그림 파일 선택 으로 설정합니다.Set the Title property to the following: Select a picture file

      필터 속성 설정은 그림 선택 파일 대화 상자에 표시되는 파일 형식을 지정합니다.The Filter property settings specify the kinds of file types that will display in the Select a picture file dialog box.

    다른 애플리케이션에서 파일 열기 대화 상자의 예제를 보려면 메모장 이나 그림판 을 열고 메뉴 모음에서 파일 > 열기 를 선택합니다.To see an example of the Open File dialog box in a different application, open Notepad or Paint, and on the menu bar, choose File > Open. 파일 이름 옆에 파일 형식을 선택할 수 있는 드롭다운 목록이 있는지 확인합니다.Notice how there's a drop-down list next to the file name that lets you choose the file type.

    OpenFileDialog 구성 요소의 필터 속성을 사용하여 앱에서 이러한 값을 설정했습니다.You just used the Filter property in the OpenFileDialog component to set that up in your app. 또한 속성 창에서 굵게 표시된 제목필터 속성도 살펴봅니다.Also, notice how the Title and Filter properties are bold in the Properties window. IDE에서는 굵은 글꼴을 사용하여 기본값에서 변경된 속성을 표시합니다.The IDE does that to show you any properties that have been changed from their default values.

다음 단계Next steps

추가 정보See also