从外部按名称绑定到内容模板的子元素

Question

我怎样才能从外部ConnectingLine（绑定到FrameworkElements 并用一条线连接它们的自定义控件）到名为“Top”和“Bottom”的内部TextBlocks 的绑定工作?请注意，我想要整个FrameworkElements 来获取位置信息。

<Grid>
    <ConnectingLine From="{Binding ElementName=Button1.Top}" To="{Binding ElementName=Button2.Top}" />
    <ConnectingLine From="{Binding ElementName=Button1.Bottom}" To="{Binding ElementName=Button2.Bottom}" />
    <ToggleButton x:Name="Button1">
        <ToggleButton.Template>
            <ControlTemplate>
                <Grid>
                    <Rectangle x:Name="Top" />
                    <Rectangle x:Name="Bottom" />
                </Grid>
            </ControlTemplate>
        </ToggleButton.Template>
    </ToggleButton>
    <ToggleButton x:Name="Button2">
        <ToggleButton.Template>
            <ControlTemplate>
                <Grid>
                    <Rectangle x:Name="Top" />
                    <Rectangle x:Name="Bottom" />
                </Grid>
            </ControlTemplate>
        </ToggleButton.Template>
    </ToggleButton>
</Grid>

我的目标是能够从 XAML 中进行绑定。理想情况下没有多余的绒毛，但涉及自定义绑定运算符或附加属性的解决方案可能是可以接受的。

编辑： 我希望如何输出：

每个不同颜色的列都是模板化的ToggleButtons 之一，在顶部和底部元素之间已经有一个虚线ConnectingLine。水平实线是我感兴趣的。目前我正在通过代码隐藏实现我想要的。

Answer 1

<ToggleButton x:Name="Button">
    <ToggleButton.Template>
        <ControlTemplate>
            <Grid>
               <CheckBox x:Name="FindMe" IsChecked="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=IsChecked}"/>
            </Grid>
        </ControlTemplate>
    </ToggleButton.Template>
</ToggleButton>

让我知道它是否有效。