Autocad.net利用Xaml建立Ribbon介面

OPTIMO發表於2020-08-15

0.Ribbon介面

Ribbon介面設計語言最早於Office 2007出現，後來逐漸被其他Windows系統元件採用，一些專業軟體也開始以Ribbon介面取代傳統選單欄設計。Ribbon設計語言顯著減少了滑鼠點選的平均次數，且更易於使使用者找到已存在的功能和發現新功能。

Autodesk AutoCAD從 2009 版開始，引入了 Ribbon 介面，並於2015版開始正式取代傳統的選單元件。一般建立Ribbon介面的方式是用c#新建一個RibbonTab物件，然後加入各種各樣的元件，最後附加到Ribbon中去。這種辦法不方便實現前後端分離的設計，我們可以仿照WPF的方式，用Xaml編寫前端，C#編寫後端。

1.準備工作

本文采用Visual Studio 2019和AutoCAD 2018。AutoCAD 2018需要的.Net Framework版本為≥4.6。

首先，因為需要用到WPF的Xaml模板，建立一個“WPF應用(.Net Framework)”，選擇版本”.Net Framework 4.6”。image

在專案屬性中，將輸出型別改為“類庫”，生成的目標平臺改為“x64”。

在“解決方案資源管理器”中，刪除“App.config”、“App.xaml”、“MainWindow.xaml”三項。

批註 2020-08-15 194651

增加“AutoCAD.Net”Nuget包，選擇2018對應的版本22.0.0。

在這個專案中增加一個“使用者控制元件”模板：

image

2.以Xaml方式建立介面

“MyRibbonTab.xaml”檔案中，將內容改為：

<windows:RibbonTab
    x:Class="MyAutoCADProject.MyRibbonTab"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:windows="clr-namespace:Autodesk.Windows;assembly=AdWindows">

</windows:RibbonTab>

“MyRibbonTab.xaml.cs”檔案中，將後臺程式碼改為：

using Autodesk.Windows;

namespace MyAutoCADProject
{
    public partial class MyRibbonTab : RibbonTab
    {
        public MyRibbonTab()
        {
            InitializeComponent();
        }
    }
}

我們建立的這個類繼承自Autodesk.Windows.RibbonTab。到這一步為止，自定義的RibbonTab已經建立出來了。接下來給這個MyRibbonTab增加元素。在前臺中，我們加個按鈕：

<windows:RibbonTab
    x:Class="MyAutoCADProject.MyRibbonTab"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:windows="clr-namespace:Autodesk.Windows;assembly=AdWindows">

    <windows:RibbonPanel>
        <windows:RibbonPanelSource Title="我的皮膚">
            <windows:RibbonButton
                Text="我的按鈕" ShowText="True">
            </windows:RibbonButton>
        </windows:RibbonPanelSource>
    </windows:RibbonPanel>
</windows:RibbonTab>

和用C#建立的方式是對應的，首先增加一個“RibbonPanel”，然後再這個“RibbonPanel”中新增“RibbonPanelSource”，這樣會在空白的“RibbonTab”增加一個皮膚。最後在“RibbonPanelSource”裡增加這個“RibbonButton”，可以按照WPF的方式，為其增加各種各樣的屬性。

3.載入Ribbon介面

接著增加一條命令，用於載入我們製作的RibbonTab，這裡是和用c#的方式建立是一樣的，建立方法和載入方法就不在贅述：

using Autodesk.AutoCAD.Runtime;
using Autodesk.Windows;

namespace MyAutoCADProject
{
    public class Commands
    {
        [CommandMethod("ShowMyRibbon")]
        public static void ShowMyRibbon()
        {
            var ribbon = ComponentManager.Ribbon;
            var tab = new MyRibbonTab();
            ribbon.Tabs.Add(tab);
        }
    }
}

最終的效果如下：

批註 2020-08-15 204121

4.總結與展望

到這裡，我們已經可以採用xaml的方式，仿照WPF的模板建立Ribbon介面，實現了前後臺分離。這裡僅涉及介面的建立，此外還有資料繫結等一系列高階的用法。

5.參考文獻

[0].AutoCAD .Net 建立Ribbon介面(一)

相關文章