如何在XAML中通过x:Bind将Vector3对象直接绑定到StackPanel

你要实现的是将Vector3类型值绑定到StackPanel的平移属性，这个场景对应UIElement.Translation属性（接收Vector3类型参数，X/Y对应二维平面平移，Z对应Z轴高程偏移，正好匹配你定义的elevation值），具体实现分两种情况：

方案1：绑定后置代码中定义的Vector3属性 #

方法内的局部变量无法直接作为XAML绑定源，你需要先把局部变量调整为当前页面/数据上下文的公开属性：

1. 在后置代码中定义公开属性，设置数据上下文

using System.Numerics;
using Microsoft.UI.Xaml.Controls; // UWP环境下替换为Windows.UI.Xaml.Controls

public sealed partial class MainPage : Page
{
    // 公开属性作为绑定源，若需要运行时动态修改请实现INotifyPropertyChanged接口
    public Vector3 PanelElevation { get; } = new Vector3(0, 0, 18);

    public MainPage()
    {
        InitializeComponent();
        DataContext = this; // 将当前页面实例设为绑定上下文
    }
}

2. 在XAML中给StackPanel绑定Translation属性，注意必须先给Translation设置初始值激活该属性，否则绑定不会生效：

<StackPanel Translation="0,0,0"
            Translation="{Binding PanelElevation}">
    <!-- 这里放置StackPanel的子元素 -->
</StackPanel>

方案2：直接在XAML中定义Vector3静态资源 #

如果不需要在C#代码中动态修改这个偏移值，可以直接在XAML资源中声明Vector3实例，不需要额外写后置代码属性：

1. 首先在XAML根节点添加System.Numerics的命名空间映射
2. 声明资源并直接引用即可

<Page
    x:Class="YourAppNamespace.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:numerics="using:System.Numerics">

    <Page.Resources>
        <numerics:Vector3 x:Key="StackPanelElevation" X="0" Y="0" Z="18"/>
    </Page.Resources>

    <StackPanel Translation="0,0,0"
                Translation="{StaticResource StackPanelElevation}">
        <!-- 子元素放置区域 -->
    </StackPanel>
</Page>

注意事项 #

• 如果你使用的是未内置Translation属性的旧版WPF，说明你要实现的是纯二维平移，此时应该用RenderTransform下的TranslateTransform；但你定义的Vector3带Z轴值，属于Fluent Design高程效果场景，上述方案可直接适用。
• 若需要运行时动态修改Vector3值触发UI同步更新，承载属性的类必须实现INotifyPropertyChanged接口，值变更时抛出PropertyChanged事件。

内容的提问来源于stack exchange，提问作者CosmicPredator