2 新增一個控制元件

在主視窗的檔案上方按此順序新增這兩個檔案。

MyControl.xaml

<UserControl
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             mc:Ignorable="d" Height="50" Width="150">
    <Canvas Background="LightGreen">
        <Button Name="btnMyTest" Content="My Test" Canvas.Left="10" Canvas.Top="10" Height="28" Width="106"/>
    </Canvas>
</UserControl>

MyControl.xaml.fs

namespace FirstDemo

type MyControlXaml = FsXaml.XAML<"MyControl.xaml">

type MyControl() =
    inherit MyControlXaml()

該生成操作的 MyControl.xaml 必須設定為資源。

你當然需要在 MyControl 的宣告中新增 as this，就像對主視窗一樣。

在檔案 MainWindow.xaml.fs 中，在 MainWindow 的類中，新增此行

let myControl = MyControl()

並在主視窗類的 do -section 中新增這兩行。

    this.mainCanvas.Children.Add myControl |> ignore
    myControl.btnMyTest.Content <- "We're in business!"

一個類中可以有多個 do- section，並且在編寫大量程式碼隱藏程式碼時可能需要它。

該控制元件具有淺綠色背景色，因此你可以輕鬆檢視它的位置。

請注意，控制元件將阻止主視窗的按鈕進行檢視。一般來說，教你 WPF 超出了這些例子的範圍，所以我們不會在這裡修復它。