WPF中ControlTemplate内ElementName无法绑定CommandParameter问题求助

ControlTemplate拥有独立的命名作用域，模板外部的元素（如你的RadioButton）无法直接访问模板内部的命名元素（ImageBrush1M），这就是ElementName绑定失效的核心原因。

将命令绑定移到ControlTemplate内部的元素上，利用模板内的命名作用域直接引用ImageBrush1M，修改后的代码如下：

<RadioButton Name="Astronaut"
             Tag="BlockInternet"
             Height="100" Width="100"
             Margin="0 0 20 30">
    <RadioButton.Template>
        <ControlTemplate TargetType="RadioButton">
            <Border Name="border"
                    BorderBrush="#2B1058" BorderThickness="2"
                    Height="{TemplateBinding Height}"
                    Width="{TemplateBinding Width}" 
                    CornerRadius="50"
                    Background="White">
                <!-- 将InputBindings移入模板内的Border -->
                <Border.InputBindings>
                    <MouseBinding Command="{Binding ImageSelectCommand}"
                                  CommandParameter="{Binding ElementName=ImageBrush1M}"
                                  MouseAction="LeftClick"/>
                </Border.InputBindings>
                <Ellipse>
                    <Ellipse.Fill>
                        <ImageBrush x:Name="ImageBrush1M" ImageSource="/Images/Avatar/astronaut.png"/>
                    </Ellipse.Fill>
                </Ellipse>
            </Border>
        </ControlTemplate>
    </RadioButton.Template>
</RadioButton>

如果遵循MVVM设计原则，不建议直接传递UI元素（如ImageBrush），可以改为传递图片标识（比如RadioButton的Tag值），再在ViewModel中处理逻辑，示例代码：

<RadioButton Name="Astronaut"
             Tag="astronaut"
             Command="{Binding ImageSelectCommand}"
             CommandParameter="{Binding Tag, RelativeSource={RelativeSource Self}}"
             Height="100" Width="100"
             Margin="0 0 20 30">
    <RadioButton.Template>
        <ControlTemplate TargetType="RadioButton">
            <Border Name="border"
                    BorderBrush="#2B1058" BorderThickness="2"
                    Height="{TemplateBinding Height}"
                    Width="{TemplateBinding Width}" 
                    CornerRadius="50"
                    Background="White">
                <Ellipse>
                    <Ellipse.Fill>
                        <ImageBrush ImageSource="/Images/Avatar/{Binding Tag, RelativeSource={RelativeSource TemplatedParent}}.png"/>
                    </Ellipse.Fill>
                </Ellipse>
            </Border>
        </ControlTemplate>
    </RadioButton.Template>
</RadioButton>

这种方式将UI与业务逻辑分离，ViewModel仅处理数据标识，而非具体UI元素，更符合MVVM的设计理念。

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