다음을 통해 공유

연습: 리본 디자이너를 사용하여 사용자 지정 탭 만들기

  • 아티클

리본 디자이너를 사용하여 사용자 지정 탭을 만들고 이 탭에 컨트롤을 추가 및 배치할 수 있습니다.

적용 대상: 이 항목의 정보는 Excel의 문서 수준 프로젝트에 적용됩니다. 자세한 내용은 Office 애플리케이션 및 프로젝트 형식에 따라 사용 가능한 기능을 참조하세요.

이 연습에서는 다음 작업을 수행합니다.

참고 항목

일부 Visual Studio 사용자 인터페이스 요소의 경우 다음 지침에 설명된 것과 다른 이름 또는 위치가 시스템에 표시될 수 있습니다. 이러한 요소는 사용하는 Visual Studio 버전 및 설정에 따라 결정됩니다. 자세한 내용은 Visual Studio IDE 개인 설정을 참조하세요.

필수 조건

이 연습을 완료하려면 다음과 같은 구성 요소가 필요합니다.

Excel 통합 문서 프로젝트 만들기

리본 디자이너를 사용하는 단계는 모든 Office 애플리케이션에서 거의 동일합니다. 이 예제에서는 Excel 통합 문서를 사용합니다.

Excel 통합 문서 프로젝트를 만들려면

  • MyExcelRibbon이라는 Excel 통합 문서 프로젝트를 만듭니다. 자세한 내용은 How to: Create Office Projects in Visual Studio을 참조하세요.

    Visual Studio의 디자이너에 새 통합 문서가 열리고 MyExcelRibbon 프로젝트가 솔루션 탐색기에 추가됩니다.

작업창 만들기

프로젝트에 두 개의 사용자 지정 작업 창을 추가합니다. 나중에 이러한 작업 창을 표시하거나 숨기는 단추를 사용자 지정 탭에 추가합니다.

작업 창을 만들려면

  1. 프로젝트 메뉴에서 새 항목 추가를 선택합니다.

  2. 새 항목 추가 대화 상자에서 ActionsPaneControl을 선택한 다음, 추가를 선택합니다.

    ActionsPaneControl1.cs 또는 ActionsPaneControl1.vb 파일이 디자이너에서 열립니다.

  3. 도구 상자의 공용 컨트롤 탭에서 디자이너 화면에 레이블을 추가합니다.

  4. 속성 창에서 label1의 Text 속성을 Actions Pane 1로 설정합니다.

  5. 1-5단계를 반복하여 두 번째 작업 창 및 레이블을 만듭니다. 두 번째 레이블의 Text 속성을 Actions Pane 2로 설정합니다.

사용자 지정 탭 만들기

Office 애플리케이션의 디자인 지침 중 하나는 사용자가 항상 Office 애플리케이션 UI를 제어할 수 있어야 한다는 것입니다. 작업 창에 대해 이 기능을 추가하려면 리본 메뉴의 사용자 지정 탭에서 각 작업 창을 표시하거나 숨기는 단추를 추가합니다. 사용자 지정 탭을 만들려면 프로젝트에 리본(비주얼 디자이너) 항목을 추가합니다. 이 디자이너는 컨트롤을 추가 및 배치하고, 컨트롤 속성을 설정하고, 컨트롤 이벤트를 처리하는 데 유용합니다.

사용자 지정 탭을 만들려면

  1. 프로젝트 메뉴에서 새 항목 추가를 선택합니다.

  2. 새 항목 추가 대화 상자에서 리본(비주얼 디자이너)을 선택합니다.

  3. 새 리본의 이름을 MyRibbon으로 변경하고 추가를 선택합니다.

    MyRibbon.cs 또는 MyRibbon.vb 파일이 리본 디자이너에서 열리고 기본 탭 및 그룹이 표시됩니다.

  4. 리본 디자이너에서 기본 탭을 선택합니다.

  5. 속성 창에서 ControlId 속성을 확장하고 ControlIdType 속성을 Custom으로 설정합니다.

  6. Label 속성을 My Custom Tab으로 설정합니다.

  7. 리본 디자이너에서 group1을 선택합니다.

  8. 속성 창에서 Label을 Actions Pane Manager로 설정합니다.

  9. 도구 상자의 Office 리본 컨트롤 탭에 있는 단추를 group1로 끌어옵니다.

  10. button1을 선택합니다.

  11. 속성 창에서 Label을 Show Actions Pane 1로 설정합니다.

  12. group1에 두 번째 단추를 추가하고 Label 속성을 Show Actions Pane 2로 설정합니다.

  13. 도구 상자의 Office 리본 컨트롤 탭에서 ToggleButton 컨트롤을 group1로 끌어옵니다.

  14. Label 속성을 Hide Actions Pane으로 설정합니다.

사용자 지정 탭의 단추를 사용하여 작업창 숨기기 및 표시

마지막 단계는 사용자에게 응답하는 코드를 추가하는 것입니다. 두 단추의 Click 이벤트와 설정/해제 단추의 Click 이벤트에 대한 이벤트 처리기를 추가합니다. 이러한 이벤트 처리기에 작업 창을 숨기거나 표시할 수 있는 코드를 추가합니다.

사용자 지정 탭의 단추를 사용하여 작업 창을 숨기거나 표시하려면

  1. 솔루션 탐색기에서 MyRibbon.cs 또는 MyRibbon.vb의 바로 가기 메뉴를 열고 코드 보기를 선택합니다.

  2. 다음 코드를 MyRibbon 클래스의 맨 위에 추가합니다. 이 코드는 두 개의 작업 창 개체를 만듭니다.

    ActionsPaneControl1 actionsPane1 = new ActionsPaneControl1();
ActionsPaneControl2 actionsPane2 = new ActionsPaneControl2();

  3. MyRibbon_Load 메서드를 다음 코드로 바꿉니다. 이 코드는 Controls 컬렉션에 작업 창 개체를 추가하고 뷰에서 해당 개체를 숨깁니다. 또한 Visual C# 코드는 여러 리본 컨트롤 이벤트에 대리자를 연결합니다.

    private void MyRibbon_Load(object sender, RibbonUIEventArgs e)
{
    Globals.ThisWorkbook.ActionsPane.Controls.Add(actionsPane1);
    Globals.ThisWorkbook.ActionsPane.Controls.Add(actionsPane2);
    actionsPane1.Hide();
    actionsPane2.Hide();
    Globals.ThisWorkbook.Application.DisplayDocumentActionTaskPane = false;

    this.button1.Click += new Microsoft.Office.Tools.Ribbon.RibbonControlEventHandler(
        this.button1_Click);
    this.button2.Click += new Microsoft.Office.Tools.Ribbon.RibbonControlEventHandler(
        this.button2_Click);
    this.toggleButton1.Click += new Microsoft.Office.Tools.Ribbon.RibbonControlEventHandler(
        this.toggleButton1_Click);


}

  4. MyRibbon 클래스에 다음 세 개의 이벤트 처리기 메서드를 추가합니다. 이러한 메서드는 두 단추의 Click 이벤트와 설정/해제 단추의 Click 이벤트를 처리합니다. button1 및 button2에 대한 이벤트 처리기는 대체 작업 창을 표시합니다. toggleButton1에 대한 이벤트 처리기는 활성 작업 창을 표시하거나 숨깁니다.

    private void button1_Click(object sender, RibbonControlEventArgs e)
{
    Globals.ThisWorkbook.Application.DisplayDocumentActionTaskPane = true;
    actionsPane2.Hide();
    actionsPane1.Show();
    toggleButton1.Checked = false;
}

private void button2_Click(object sender, RibbonControlEventArgs e)
{
    Globals.ThisWorkbook.Application.DisplayDocumentActionTaskPane = true;
    actionsPane1.Hide();
    actionsPane2.Show();
    toggleButton1.Checked = false;

}

private void toggleButton1_Click(object sender, RibbonControlEventArgs e)
{
    if (toggleButton1.Checked == true)
    {
        Globals.ThisWorkbook.Application.DisplayDocumentActionTaskPane = false;
    }
    else
    {
        Globals.ThisWorkbook.Application.DisplayDocumentActionTaskPane = true;
    }

}

사용자 지정 탭 테스트

프로젝트를 실행하면 Excel이 시작되고 리본에 내 사용자 지정 탭이 표시됩니다. 내 사용자 지정 탭의 단추를 선택하여 작업창을 표시하거나 숨깁니다.

사용자 지정 탭을 테스트하려면

  1. F5 키를 눌러 프로젝트를 실행합니다.

  2. 내 사용자 지정 탭을 선택합니다.

  3. 사용자 지정 작업창 관리자 그룹에서 작업창 1 표시를 선택합니다.

    작업창이 나타나고 작업창 1이라는 레이블이 표시됩니다.

  4. 작업창 2 표시를 선택합니다.

    작업창이 나타나고 작업창 2라는 레이블이 표시됩니다.

  5. 작업창 숨기기를 선택합니다.

    작업 창이 더 이상 표시되지 않습니다.

다음 단계

다음 항목에서는 Office UI를 사용자 지정하는 방법에 대해 더 자세히 설명합니다.

  • 문서 수준 사용자 지정에 컨텍스트 기반 UI를 추가합니다. 자세한 내용은 작업 창 개요를 참조하세요.

  • 표준 또는 사용자 지정 Microsoft Office Outlook 양식을 확장합니다. 자세한 내용은 연습: Outlook 양식 영역 디자인을 참조하세요.

관련 콘텐츠