屬性頁使 ActiveX 控制元件使用者得以檢視和更改 ActiveX 控制元件屬性。可通過呼叫控制元件屬性對話方塊訪問這些屬性。該對話方塊包含一個或多個屬性頁，這些屬性頁提供自定義的圖形介面用於檢視和編輯控制元件屬性。

使用預設屬性頁

建立ActiveX控制元件專案後，系統就自動為我們添加了一個屬性頁類，這裡就是Cactivexdemo1PropPage。同時在對話方塊資源裡也會有一個屬性頁對話方塊資源，這裡就是IDD_PROPPAGE_ACTIVEXDEMO1。

在ActiveX控制元件測試容器中點選工具欄上的屬性按鈕，就會看到這個屬性頁對話方塊。

比如就像下圖這樣。當然這個上面什麼還沒有。

如果是在使用控制元件開發時，則在選中控制元件後，在屬性視窗中點選屬性頁按鈕可以開啟這個屬性頁，開發人員可以在這個彈出的屬性頁視窗中設定控制元件的屬性。

如果要通過屬性頁修改控制元件屬性，那麼就要通過在屬性頁上放置一些控制元件給使用者來修改屬性值。比如我們上面添加了一個Caption屬性，我們要在屬性頁上提供修改這個屬性的功能一般就是要用一個文字輸入框。這樣我們在屬性頁的對話方塊上放置一個Edit控制元件，設id為IDC_EDIT_CAPTION。然後為這個Edit控制元件繫結一個變數。用右鍵點這個Edit控制元件，學則新增變數，開啟

在新增成員變數嚮導中新增一個新變數，設為m_caption，這裡注意要把型別設為Value，由於屬性是個字串，所以這個地方變數型別也使用CString。

然後我們來看一下屬性頁類中的一個DoDataExchange函式。這個函式是由系統自動呼叫的，用來將控制元件與成員變數進行資料交換。由於我們剛把Edit控制元件綁定了m_caption變數，在DoDataExchange已經給我們寫入了這麼一句DDX_Text(pDX, IDC_EDIT_CAPTION, m_caption);，就是這一句實現了m_caption與Edit控制元件之間的資料交換。但此時控制元件Caption屬性還不能自動從Edit控制元件中填寫的值獲得，還需要一個操作，即DDP_Text(pDX, IDC_EDIT_CAPTION, m_caption, _T(”Caption”));，這樣就把Caption屬性與與屬性頁中的m_caption變數繫結，這樣每當我們在修改了屬性頁視窗中的Edit控制元件內容後，就能修改控制元件的Caption。

那麼完整的DoDataExchange函式就應該像下面這樣。

void Cactivexdemo1PropPage::DoDataExchange(CDataExchange* pDX)

{

DDX_Text(pDX, IDC_EDIT_CAPTION, m_caption);

DDP_Text(pDX, IDC_EDIT_CAPTION, m_caption, _T(”Caption”));

DDP_PostProcessing(pDX);

}

另外注意這個地方DDP_PostProcessing是系統自動生成的程式碼，這句話一定要放在DDX_Text和DDP_Text的後面，否則不能實現控制元件屬性與屬性頁上控制元件的繫結。至此，我們就可以在設計時通過這個屬性頁來修改Caption屬性，而不必通過程式程式碼來修改了。

新增其他自定義屬性頁

預設情況下只有一個屬性頁，如果需要設定的屬性太多就需要另外新增自定義屬性頁。

新新增屬性頁的方法是這樣的，開啟VS的資源檢視，新增一個新的Dialog資源。

在這裡我們選擇IDD_OLE_PROPPAGE_SMALL，當然也可以選和Large。給這個新資源ID指定為IDD_OLE_PROPPAGE_SMALL。

然後需要給這個資源新建一個關聯類。這個關聯類應當是MFC類，設類名為CPropPage1，基類應當是COlePropertyPage，對話方塊ID選擇我們新新增的這個對話方塊資源ID。

然後，開啟控制元件類Cactivexdemo1Ctrl的cpp檔案，找到屬性頁的巨集宣告部分。

BEGIN_PROPPAGEIDS(Cactivexdemo1Ctrl, 1)

PROPPAGEID(Cactivexdemo1PropPage::guid)

END_PROPPAGEIDS(Cactivexdemo1Ctrl)

把我們新建的這個屬性頁新增進去，並將屬性頁計數加一。

// TODO: 按需要新增更多屬性頁。請記住增加計數!

BEGIN_PROPPAGEIDS(Cactivexdemo1Ctrl, 2)

PROPPAGEID(Cactivexdemo1PropPage::guid)

PROPPAGEID(CPropPage1::guid)

END_PROPPAGEIDS(Cactivexdemo1Ctrl)

這樣就把新新增的這個屬性頁附加到控制元件中去了，再開啟控制元件的屬性頁就會看到多了一個屬性頁了。

常用屬性頁

除了可以根據需要自定義屬性頁外，系統還提供給開發人員一些預製的常用屬性頁，如顏色、字型等屬性頁。MFC 提供了三個與 ActiveX 控制元件一起使用的常用屬性頁：CLSID_CColorPropPage、CLSID_CFontPropPage  和 CLSID_CPicturePropPage。這些頁分別顯示常用顏色、字型和圖片屬性的使用者介面。

要將這些屬性頁合併到控制元件中，只需要請將它們的 ID 新增到初始化控制元件的屬性頁 ID 陣列的程式碼。也就是在類控制元件Cactivexdemo1Ctrl的cpp檔案中的PROPPAGEIDS宣告處修改成如下形式。與自定義屬性頁中相同，也需要增加屬性頁計數。

// TODO: 按需要新增更多屬性頁。請記住增加計數!

BEGIN_PROPPAGEIDS(Cactivexdemo1Ctrl, 3)

PROPPAGEID(Cactivexdemo1PropPage::guid)

PROPPAGEID(CPropPage1::guid)

PROPPAGEID( CLSID_CColorPropPage )

END_PROPPAGEIDS(Cactivexdemo1Ctrl)

這樣就在屬性頁裡添加了一個顏色屬性頁，但要想使用這個屬性頁還需要新增幾個常用屬性，比如說我們希望能通過這個屬性頁設定BackColor和ForeColor屬性，就參照常用屬性一節中的方法新增一個BackColor和一個ForeColor屬性，編譯生成控制元件後在ActiveX控制元件測試容器中點選工具欄中的屬性。

在彈出的屬性視窗中就能看到有關這兩個屬性的設定了。

若要使用顏色屬性，則需要呼叫COleControl::TranslateColor成員函式。此函式的引數為顏色屬性值和可選的調色盤控制代碼。返回值為 COLORREF 值，可以將它傳遞給 GDI 函式，如 SetTextColor 和 CreateSolidBrush。下例說明如何在繪製控制元件時使用這兩個顏色屬性。

CBrush bkBrush(TranslateColor(GetBackColor()));

COLORREF clrFore = TranslateColor(GetForeColor());

pdc->FillRect( rcBounds, &bkbrush );

pdc->SetTextColor( clrFore );

pdc->DrawText( InternalGetText(), -1, rcBounds, DT_SINGLELINE | DT_CENTER | DT_VCENTER );