VSTO | 零基礎開發個人專屬PPT導航插件教程

hello,大家好，我是似最初

一名不着調的PPTer

談起PPT插件，幾乎現在已經被@隻為設計巨佬開發到天花闆了

是以作為小白，隻能簡單和大家共同探讨一下如何做一款獨屬的PPT導航插件。

諸如下面這款（注：非本人開發）

20211120aa32t

廢話不多數，直接進入主題。

01、部署開發環境

VSTO插件的擷取，網絡搜尋Visual Studio 2022或點選

https://visualstudio.microsoft.com/zh-hans/downloads/

進行下載下傳，目前最新版本為2022.選擇下載下傳免費社群版，下載下傳完成後，進入下一步進行安裝。

20211120eytnk

由于VSTO的全套包安裝大概有40多G，是以在安裝時按照自己需求選擇安裝即可，下面借用@隻為設計的一張安裝圖，我們選擇office/sharepoint開發，至于開發語言，可以選擇VB或C#，這裡我們選擇VB。

20211120wwp82

安裝完成後後，打開大概是這個樣子的。

20211120y57pq

開發軟體：Visual Studio 2022

調試對象：MS office(PPT)

開發語言：VB/C#

02、建立PPT外接程式

完成第一步，我們就具備了開發一個插件的環境基礎，接下來就是建立外接程式。

第一步：選擇建立新項目。

20211120z1141

第二步：建立PPT外接程式

如下圖所示，選擇開發語言為VB(如果有c#開發經驗也可選擇C#)，開發平台為Windows,項目類型為office，這樣友善我們快速找到 powerpoint Vsto外接程式 ,點選建立。

202111208ekj4

第三步：配置新項目

配置新項目資訊，主要為項目名稱，如下圖的PPTdesk,檔案存儲位置，以及架構，記得勾選将解決方案和項目放在同一目錄，便于後期管理。

20211120k7d1y

第四步：認識開發界面

建立完成後，即可看到如下的開發界面，上面菜單欄不做介紹，簡單說下左邊導航欄，主要用到工具欄裡面的控件以及快速打開最近通路檔案，右邊為方案結構，右下為窗體及控件的屬性欄，這裡比較常用。

20211120zjtmq

第五步：建立功能區（可視化設計）

如圖，點選項目名稱，右鍵添加項目，選擇建立項目，找到功能區(可視化)，點選添加。

20211120wxa0p

20211120pgrwr

來到可視化功能設計界面，可以看到Ribbon、Tab、Group,它們分别對應office裡面的菜單容器、菜單組、功能區，其中我們主要在Group裡面添加功能，也就是我們後面要說的控件。

2021112095wet

我們将滑鼠放到上圖中tabaddin即可在右下角屬性頁裡面看到上面的屬性值，其中label即是名稱，如下圖，将滑鼠放到上面即可在下方彈出說明，我們修改為@似最初 然後發現可視化功能區的名稱已經發生改變。

202111206fevn

同理，點選Group1.即可在屬性頁裡面修改Group1的label值，這裡我修改為了商用素材。

第六步：添加全局代碼

建立子產品，同上，右鍵，添加建立項，選擇子產品，添加，進入Module1.vb裡面，添加如下代碼：

Module Module1

Public app As PowerPoint.Application = Globals.ThisAddIn.Application

End Module

這句代碼的大意是将此附加元件定義為PPT附加元件，并指派給app這個全局變量，app可以修改，比如自己改為xpp也行，至于PowerPoint.Application，如果是excel或word，改為相應的應用名稱即可。

20211120gc1do

20211120oxqis

20211120oun24

第七步：添加控件按鈕

回到可視化功能區設定界面，點選左上角的工具箱，可以發現裡面有很多控件，可以将滑鼠放到名稱上，即可看到說明，這裡我們先使用button按鈕進行測試。将button 按鈕拖到Group1中，同樣點選button1即可在右下角屬性中修改其内容，這裡我改為彈出對話框。

20211120aa5ja

輕按兩下剛才的按鈕，即可進入代碼編輯區，這段代碼的意思是點選button1的觸發效果，在其包裹的sub裡面輸入msgbox (“測試内容”)，這句代碼很簡單，就是彈出“測試内容”這麼一個提示框。

2021112025uuz

第八步：初步測試

上面步驟完成後，就可以檢測是否已經連接配接到PPT了，我們點選菜單欄中的啟動進行調試，記得選擇為debug模式。

20211120oz7we

打開PPT，發現剛才的tab和測試按鈕已經在PPT菜單欄當中，我們點選彈出對話框，已經可以得到想要的效果。

20211120vf60p

第九步：建立網址導航

終于來到最簡單的一步了，下面我們要做的就是添加自己的網址導航按鈕了，為了說明幾個控件的使用，我要重新建立一個group。

回到可視化功能區，點選工具箱，找到groub控件，拖拽到tab裡面，并改名lable為資源庫,同理，拖動button控件至資源庫裡面，改名為PP導航，如果想要下拉效果，可以先放置menu控件，再往裡面放按鈕即可，其他控件效果自行嘗試。

20211120ig208

輕按兩下剛才建立的PP導航按鈕，進入代碼頁面，添加代碼：System.Diagnostics.Process.Start("https://ppask.cn")

這句代碼的意思是打開網址：

https://ppask.cn

。

到這裡，我們想要實作的導航效果已經可以了，再次打開調試，就會發現現在已經能夠打開網站。

2021112092kbm

第十步：按鈕美化

這步，主要是為我們的按鈕添加圖示，回到可視化設計頁面，單擊按鈕，找到屬性中外觀一類，選擇ContorSize即可為按鈕設定圖示尺寸，這裡主要有大小兩種，效果請自行檢視PPT菜單欄。

20211120c5b2e

選擇Image右邊的三個點，即可進入添加圖示，根據自己需要導入圖檔即可。

20211120a7z87

到這裡，大家就可以完全做一個屬于自己的導航插件了，隻需要重複九、十步驟，添加自己喜歡的網址即可，我們看一下效果。

20211120ewbq7

最後一步，就是釋出，如果我們要将插件給其他人使用，隻要把debug改為release，然後點選生成菜單中的釋出即可得到VSTO安裝包，将安裝包發給别人就能使用了。

20211120nceh4