共用方式為


操作指南:使用 MFC 建立功能區應用程式

本逐步解說示範如何使用 MFC 應用程式精靈 來建立具有預設功能區的應用程式。 接著,您可以透過新增一個具有[我的最愛] 功能區面板的[自定義] 功能區類別來展開功能區,然後將一些常用命令新增至面板。

先決條件

本逐步解說假設您已將Visual Studio設定為使用 一般開發設定。 如果您使用不同的設定,可能無法顯示下列指示中所參考的一些使用者介面 (UI) 元素。

建立具有功能區介面的 MFC 應用程式

  1. 使用 MFC 應用程式精靈 建立具有功能區的 MFC 應用程式。 請參閱《使用新的 MFC Shell 控制項逐步解說》中有關如何開啟您版本的 Visual Studio 精靈的指示。

  2. MFC 應用程式精靈中設定下列選項:

    1. 在 [應用程式類型] 區段的 [視覺效果樣式和色彩] 下,選取 [Office 2007][藍色主題]。

    2. 在 [ 複合文件支援] 區段中,確定已選取 [無 ]。

    3. 在 [ 文件範本屬性 ] 區段中的 [ 擴展名 ] 方塊中,輸入此應用程式所建立檔的擴展名,例如 mfcrbnapp

    4. 在 [ 資料庫支援 ] 區段中(僅限 Visual Studio 2015),確定已選取 [無 ]。

    5. 在 [ 使用者介面功能] 區段中,確定已選取 [使用功能區 ]。

    6. 根據預設, MFC 應用程式精靈 會增加對數個停駐窗格的支援。 由於本教學操作指南專注於功能介面區域,因此您可以從應用程式中移除這些選項。 在 [ 進階功能] 區段中,清除所有選項。

  3. 按兩下 [完成 ] 以建立 MFC 應用程式。

  4. 若要確認已成功建立應用程式,請建置並執行它。 若要建置應用程式,請在 [ 置] 功能表上,按兩下 [ 建置方案]。 如果應用程式建置成功,請在 [偵錯] 功能表上按一下 [開始偵錯] 以執行它。

    精靈會自動建立功能區,其具有一個名為 Home 的功能區類別。 這個功能區包含三個功能區面板,名為 [ 剪貼簿]、[ 檢視] 和 [視窗]。

將類別和面板新增至功能區

  1. 若要開啟精靈建立的功能區資源,請在 [ 檢視 ] 功能表上指向 [其他 Windows ],然後按兩下 [ 資源檢視]。 在 [資源檢視] 中,按一下 [功能區],然後再次按兩下 [IDR_RIBBON]

  2. 首先,按兩下 [工具箱] 中的 [類別],將自定義類別新增至功能區。

    名為 Category1 的類別已建立。 根據預設,類別包含一個面板。

    以滑鼠右鍵按兩下 [Category1 ],然後按下 [ 屬性]。 在 [屬性] 視窗中,將 [標題 ] 變更為 [自定義]。

    [大型影像] 和 [小型影像] 屬性會指定位圖,做為此類別中功能區元素的圖示。 由於建立自定義位圖超出本逐步解說的範圍,因此只要重複使用精靈所建立的位圖即可。 小型點圖為 16 像素 x 16 像素。 針對小型影像,請使用資源標識碼所存取的 IDB_FILESMALL 點陣圖。 大型點陣圖為 32 像素 x 32 圖元。 針對大型影像,請使用由資源標識碼存取的 IDB_FILELARGE 點陣圖。

    備註

    在每英吋的高點 (HDPI) 顯示器上,會自動使用影像的 HDPI 版本。

  3. 接下來,自定義面板。 面板可用來將邏輯上彼此相關的專案分組。 例如,在此應用程式的 [首頁] 標籤上,[剪下]、[複製] 和 [貼上] 命令都在 [剪貼簿] 面板上。 若要自定義面板,請以滑鼠右鍵按兩下 Panel1 ,然後按下 [ 屬性]。 在 [屬性] 視窗中,將 [標題] 變更為 [我的最愛]。

    您可以指定面板的 影像索引 。 這個數位會指定如果功能區面板新增至 [快速存取工具列] 時所顯示的圖示。 圖示不會顯示在功能區面板本身上。

  4. 若要確認已成功建立功能區類別和面板,請預覽功能區控件。 在 功能區編輯器工具列上,按兩下 [ 測試功能區 ] 按鈕。 『自訂』 索引標籤和 『我的最愛』 面板應該會顯示在功能區上。

將元素新增至功能區面板

  1. 若要將元素新增至您在上一個程式中建立的面板,請將控件從 [工具箱] 的功能區編輯器區段拖曳至設計檢視中的面板。

  2. 首先,新增 [列印] 按鈕。 [ 列印 ] 按鈕會有一個子功能表,其中包含使用預設印表機列印的 快速列印 命令。 這兩個命令都已經為此應用程式定義。 它們位於應用程式功能表上。

    若要建立 [列印] 按鈕,請將 [按鈕] 工具拖曳至面板。

    [屬性 ] 視窗中,將 ID 屬性變更為 ID_FILE_PRINT,這應該已經定義。 將 [標題 ] 變更為 [列印]。 將 影像索引 變更為 4

    若要建立 [ 快速列印] 按鈕,請按兩下 [功能表項] 旁的屬性值數據行,然後按下省略號 (...)。在 [項目編輯器] 中,按下未標記的 [ 新增 ] 按鈕以建立功能表項。 在 [ 屬性] 視窗中,將 [標題 ] 變更為 [快速列印]、將 [ 標識符 ] 變更為 [ID_FILE_PRINT_DIRECT],並將 [影像 ] 變更為 5。 image 屬性會指定位圖資源中的IDB_FILESMALL圖示。

  3. 若要確認按鈕已新增至功能區面板,請建置應用程式並加以執行。 若要建置應用程式,請在 [ 置] 功能表上,按兩下 [ 建置方案]。 如果應用程式建置成功,請在 [偵錯] 功能表中點選 [開始偵錯] 來執行應用程式。 功能區上的 [自定義] 索引標籤裡 [我的最愛] 面板應顯示 [列印] 按鈕和下拉式清單。

後續步驟

如何:自定義快速存取工具列

如何:自定義應用程式按鈕

如需端對端範例,請參閱範例(MFC Feature Pack)。

另請參閱

逐步解說
範例 (MFC 功能套件)