在设计窗口中调整大小时自定义控件的高度和宽度消失

Question

我创建了一个 WPF 自定义控件，我把它放在一个表单上，并给它一个高度和一个宽度 - 一切正常。我在控件中使用 TemplateBinding 引用高度和宽度，所以我需要设置这些。

如果我决定使用 gui 调整控件的大小，高度和宽度完全消失并且控件格式出错。

发生这种情况时如何获取控件的新高度和宽度并进行设置？

按要求发布代码：

<ResourceDictionary
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="clr-namespace:GraphControls">
<Style  TargetType="{x:Type local:ContourPlot}" >
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type local:ContourPlot}">
                <Border Background="{TemplateBinding Background}"
                        BorderBrush="{TemplateBinding BorderBrush}"
                        BorderThickness="{TemplateBinding BorderThickness}">
                    <Grid>
                        <Viewbox>
                            <Border BorderBrush="Black" BorderThickness="1">
                                <Canvas  x:Name="cvGraph" Width="{TemplateBinding Width}" Height="{TemplateBinding Height}" >
                                    <Rectangle Canvas.Left="40" Canvas.Top="31" Width="48" Height="41" Fill="AliceBlue"/>                                      
                                </Canvas>
                            </Border>
                        </Viewbox>
                        <Canvas Width="{TemplateBinding Width}" Height="{TemplateBinding Height}" >
                            <Label x:Name="lblTest" Canvas.Left="0" Canvas.Top="10" Content="Label" FontSize="12"  />
                        </Canvas>
                    </Grid>
                </Border>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

控件的使用形式如下：

<Window x:Class="GraphWrapper.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:gc="clr-namespace:GraphControls;assembly=GraphControls"
    Title="MainWindow" Height="350" Width="525">
<Grid>
    <gc:ContourPlot Background="#FFC3EAC3" Margin="65,42,128,118" Width="310" Height="150"/>   
</Grid>
</Window>

如前所述，当通过 gui 调整控件大小时，Width 和 Height 属性消失。

Answer 1

<Style  TargetType="{x:Type local:ContourPlot}" >
<Setter Property="Template">
    <Setter.Value>
        <ControlTemplate TargetType="{x:Type local:ContourPlot}">
            <Border Background="{TemplateBinding Background}"
                    BorderBrush="{TemplateBinding BorderBrush}"
                    BorderThickness="{TemplateBinding BorderThickness}" 
                    Width="{TemplateBinding Width}" 
                    Height="{TemplateBinding Height}">
                <Grid>
                    <Viewbox Width="{TemplateBinding Width}" 
                    Height="{TemplateBinding Height}">
                        <Border BorderBrush="Black" BorderThickness="1">
                            <Canvas  x:Name="cvGraph"  >
                                <Rectangle Canvas.Left="40" Canvas.Top="31" Width="48" Height="41" Fill="AliceBlue"/>                                      
                            </Canvas>
                        </Border>
                    </Viewbox>
                    <Canvas >
                        <Label x:Name="lblTest" Canvas.Left="0" Canvas.Top="10" Content="Label" FontSize="12"  />
                    </Canvas>
                </Grid>
            </Border>
        </ControlTemplate>
    </Setter.Value>
</Setter>

不建议在其控件模板内的多个控件中使用模板化的宽度和高度。在您的情况下，高度和宽度将与您在上面设置的相同。

此外，您已将ViewBox 和Canvas 放置在同一区域，因此它将以相同的宽度和高度重叠。问题可能出在Viewbox。