7단계: 폼에 대화 상자 구성 요소 추가Step 7: Add Dialog Components to Your Form

이 단계에서, 그림 파일을 열고 배경색을 선택할 수 있도록 프로그램을 설정하려면 OpenFileDialog 구성 요소 및 ColorDialog 구성 요소를 폼에 추가합니다.To enable your program 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.

비디오 링크이 항목의 비디오 버전을 보려면 자습서 1: Visual Basic에서 사진 뷰어 만들기 - 비디오 3 또는 자습서 1: C#에서 사진 뷰어 만들기 - 비디오 3을 참조하세요.link to videoFor a video version of this topic, see Tutorial 1: Create a Picture Viewer in Visual Basic - Video 3 or Tutorial 1: Create a Picture Viewer in C# - Video 3. 이러한 비디오에서는 이전 버전의 Visual Studio를 사용하므로 일부 메뉴 명령과 기타 사용자 인터페이스 요소가 약간 다를 수 있습니다.These videos use an earlier version of Visual Studio, so there are slight differences in some menu commands and other user interface elements. 그러나 개념 및 절차는 Visual Studio의 현재 버전에서 비슷하게 작동합니다.However, the concepts and procedures work similarly in the current version of Visual Studio.

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

  1. Windows Forms 디자이너(Form1.cs[디자인] 또는 Form1.vb[디자인])를 선택하고 도구 상자에서 대화 상자 그룹을 엽니다.Choose the Windows Forms Designer (Form1.cs [Design] or Form1.vb [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. 이 프로젝트에서는 OpenFileDialogColorDialog라는 두 개의 구성 요소를 사용합니다.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 picture.

    대화 상자 구성 요소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 Files of type drop-down list at the bottom. 이러한 값은 단순히 OpenFileDialog 구성 요소의 필터 속성을 사용하여 설정했습니다.You just used the Filter property in the OpenFileDialog component to set that up. 또한 속성 창에서 굵게 표시된 제목필터 속성도 살펴봅니다.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.

계속하거나 검토하려면To continue or review