WPF控件的XAML與C++代碼分離策略

在WPF中，我們通常使用XAML來定義界面布局和樣式，而C++代碼主要負責處理業務邏輯和與界面相關的事件處理

1. 創建一個新的WPF項目，并將其命名為MyWpfApp。

2. 在項目中創建一個新的C++類庫項目，并將其命名為MyWpfApp.Core。這個項目將包含所有的業務邏輯和數據模型。

3. 在MyWpfApp.Core項目中創建一個新的C++類，例如MyViewModel。這個類將作為視圖模型，用于處理業務邏輯和數據綁定。

4. 在MyWpfApp項目中，打開MainWindow.xaml文件。在這里，你可以定義界面布局和樣式。例如：

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:MyWpfApp"
        mc:Ignorable="d"
        Title="My WPF App" Height="450" Width="800">
    <Grid>
        <TextBlock Text="{Binding MyText}" />
    </Grid>
</Window>

5. 在MainWindow.xaml.cpp文件中，設置視圖模型。例如：

#include "pch.h"
#include "MainWindow.xaml.h"
#include "MyViewModel.h"

using namespace MyWpfApp;

MainWindow::MainWindow()
{
    InitializeComponent();
    auto viewModel = ref new MyViewModel();
    this->DataContext = viewModel;
}

6. 在MyViewModel類中，添加屬性和方法來處理業務邏輯。例如：

#pragma once

#include "MyViewModel.g.h"

namespace MyWpfApp {
    [Windows::UI::Xaml::Data::Bindable]
    public ref class MyViewModel sealed
    {
    private:
        Platform::String^ _myText;

    public:
        MyViewModel();

        property Platform::String^ MyText
        {
            Platform::String^ get() { return _myText; }
            void set(Platform::String^ value) { _myText = value; }
        }
    };
}

7. 在MyViewModel.cpp文件中，實現構造函數和其他方法。例如：

#include "pch.h"
#include "MyViewModel.h"

using namespace MyWpfApp;

MyViewModel::MyViewModel()
{
    _myText = "Hello, World!";
}

通過這種方式，你可以將XAML和C++代碼分離，使得界面布局和業務邏輯更加清晰和易于維護。