如何将 C++ 函数绑定到 xaml 文本文本块属性

Question

我必须学习在 UWP 上编码（这是我使用 Windows 10 和 VS 的第一步），所以我尝试做一些非常基本的事情：从某个 C++ 函数更改文本块。

从技术上讲，我的项目非常简单：我打开了一个新的 Visual C++ > Windows > 通用 > 空白应用程序 我向 MainPage.xaml 添加了一个文本块：

<Page
    x:Class="App4.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:App4"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">

    <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
        <TextBlock x:Name="textBlock" HorizontalAlignment="Left" Margin="49,46,0,0" TextWrapping="Wrap" Text="WHAT I WANT TO BIND" VerticalAlignment="Top"/>

    </Grid>
</Page>

我试图弄清楚如何绑定文本块。我尝试了几种方法，都失败了。例如，我添加一个类 TestBindMe ：

TestBindMe.h

#pragma once
namespace App4
{

ref class TestBindMe sealed
{
public:
    TestBindMe();
    property Platform::String^ MySuperString
    {
        Platform::String^ get() {
            return this->mySuperString_;
        }
    }

private:
    Platform::String^ mySuperString_;
};

};

TestBindMe.cpp

#include "pch.h"
#include "TestBindMe.h"

namespace App4
{

TestBindMe::TestBindMe()
{
}

};

我在为Text={x:Bind TestBindMe.get} 编辑Text="WHAT I WANT TO BIND" 后尝试构建它

我得到了那个输出：

1>------ Build started: Project: App4, Configuration: Debug Win32 ------
1>  App.xaml.cpp
1>  MainPage.xaml.cpp
1>  TestBindMe.cpp
1>c:\users\user\documents\visual studio 2015\projects\app4\app4\testbindme.cpp(1): fatal error C1010: unexpected end of file while looking for precompiled header. Did you forget to add '#include "pch.h"' to your source?
========== Build: 0 succeeded, 1 failed, 0 up-to-date, 0 skipped ==========
========== Deploy: 0 succeeded, 0 failed, 0 skipped ==========

Answer 1

正如 Clemens 所说，{x:Bind} 使用页面或用户控件本身作为默认源。

它将在您的页面或用户控件的代码隐藏中查找属性、字段和方法。要将您的视图模型公开给 {x:Bind}，您通常需要为页面或用户控件的代码添加新字段或属性。属性路径中的步骤由点 (.) 分隔，您可以包含多个分隔符以遍历连续的子属性。无论用于实现被绑定对象的编程语言如何，都使用点分隔符。

所以我们可以在MainPage 的代码隐藏中为{x:Bind} 添加一个属性。请注意，

对于 C++/CX，{x:Bind} 无法绑定到页面或数据模型中的私有字段和属性 - 您需要有一个公共属性才能使其可绑定。 p>

更多信息，请查看{x:Bind} markup extension。

所以我改变了你的 TestBindMe.h 如下

namespace App4
{
    public ref class TestBindMe sealed
    {
    public:
        TestBindMe();
        property Platform::String^ MySuperString
        {
            Platform::String^ get() {
                return this->mySuperString_;
            }
        }
    private:
        Platform::String^ mySuperString_ = "My Bind Test";
    };
}

在MainPage.xaml.h中，添加一个名为“ViewModel”的公共属性，其类型为TestBindMe：

#include "MainPage.g.h"
#include "TestBindMe.h"

namespace App4
{
    /// <summary>
    /// An empty page that can be used on its own or navigated to within a Frame.
    /// </summary>
    public ref class MainPage sealed
    {
    public:
        MainPage();
        property App4::TestBindMe^ ViewModel;
    };
}

然后在MainPage.xaml.cpp中，初始化ViewModel:

MainPage::MainPage()
{
    InitializeComponent();
    ViewModel = ref new TestBindMe();
}

在这之后，我们可以像Text="{x:Bind ViewModel.MySuperString}"一样在XAML中使用{x:Bind}

这是一个简单的示例，你可以在 GitHub 上找到官方的x:Bind sample。