wpf根据孩子缩放画布宽度答案

【问题标题】：wpf scale canvas width based on childrenwpf根据孩子缩放画布宽度
【发布时间】：2018-09-24 13:27:57
【问题描述】：

我在Grid 内有一个Canvas，在宽度为Auto 的columndefinition 上。 Canvas 不会自动放大以容纳其元素。它的宽度始终保持zero。我必须手动硬编码宽度。

<Grid Height="35"
      HorizontalAlignment="Right"
      MouseEnter="floater_MouseEnter"
      MouseLeave="floater_MouseLeave"
      >
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="Auto" />
        <ColumnDefinition Width="Auto" />
    </Grid.ColumnDefinitions>

    <Canvas Grid.Column="1"
            Background="White"
            Height="32.7"
            VerticalAlignment="Top"
            Visibility="Visible"
            >
        <TextBlock Text="asdfsdf" FontSize="23"/>
    </Canvas>
</Grid>

我希望画布的宽度根据元素进行缩放。我该怎么办？

【问题讨论】：

这是在选择 Canvas 而不是 Grid 时可以预料到的。 Canvas 用于绝对定位，它不会随其子级增长或收缩。简单的解决方法是用 Grid 替换它。

标签： c# wpf windows

【解决方案1】：

Canvas 不会以这种方式工作。来自MSDN

Canvas 是唯一没有固有布局的面板元素特征。画布具有默认的高度和宽度属性零，除非它是自动调整大小的元素的子元素它的子元素。 Canvas 的子元素永远不会调整大小，它们只是定位在他们指定的坐标。这提供了在固有尺寸限制或不需要或不需要对齐。对于您想要孩子的情况要自动调整大小和对齐的内容，通常最好使用 Grid 元素。

如果您出于某种原因仍想使用Canvas。您可以绑定到TextBox 的Width。喜欢，

<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="Auto" />
        <ColumnDefinition Width="Auto" />
    </Grid.ColumnDefinitions>
    <Canvas Grid.Column="1" Background="Green" Width="{Binding Path=ActualWidth, ElementName=text}">
        <TextBlock Text="asdfsdf" FontSize="23" x:Name="text"/>
    </Canvas>
</Grid>

【讨论】：