WPF 画布填充答案

【问题标题】：WPF Canvas FillWPF 画布填充
【发布时间】：2020-02-22 01:13:14
【问题描述】：

我目前有一个画布为 600 x 400 的 WPF 窗口。是否可以缩放或自动放大以使线条尽可能多地占用 600x600？

   <Border>
          <Canvas x:Name="cMap" Width="600" Height="400">
                 <Line X1="5" Y1="5" X2 ="10" Y2="10" StrokeThickness="2" Stroke="Black"/>
                 <Line X1="10" Y1="10" X2 ="15" Y2="25" StrokeThickness="2" Stroke="Black"/>
          </Canvas>
   </Border>

我的意图是通过代码而不是 XAML 以编程方式添加行。

谢谢。

【问题讨论】：

标签： c# wpf canvas

【解决方案1】：

不确定您的确切用例是什么，但使用ViewBox 可能会让您受益：

<Border>
    <Viewbox Stretch="Uniform">
        <Canvas x:Name="cMap" Width="15" Height="25">
            <Canvas.LayoutTransform>
                <ScaleTransform />
            </Canvas.LayoutTransform>
            <Line X1="5" Y1="5" X2 ="10" Y2="10" StrokeThickness="2" Stroke="Black"/>
            <Line X1="10" Y1="10" X2 ="15" Y2="25" StrokeThickness="2" Stroke="Black"/>
        </Canvas>
    </Viewbox>
</Border>

【讨论】：

【解决方案2】：

希望对您有所帮助！

要在代码中画线，你应该这样做：

Line line = new Line();
    Thickness thickness = new Thickness(101,-11,362,250);
    line.Margin = thickness;
    line.Visibility = System.Windows.Visibility.Visible;
    line.StrokeThickness = 4;
    line.Stroke = System.Windows.Media.Brushes.Black;
    line.X1 = 10;
    line.X2 = 40;
    line.Y1 = 70;
    line.Y2 = 70;

别忘了补充：

myCanvas.Children.Add(line);

把这些线放在某个地方

来自：Drawing lines in code using C# and WPF

要调整画布大小，请read this:

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

因此，作为一种解决方案，您可以在 GRID 内或使用以下代码：

public class CanvasAutoSize : Canvas
{
protected override System.Windows.Size MeasureOverride(System.Windows.Size constraint)
{
    base.MeasureOverride(constraint);
    double width = base
        .InternalChildren
        .OfType<UIElement>()
        .Max(i => i.DesiredSize.Width + (double)i.GetValue(Canvas.LeftProperty));

    double height = base
        .InternalChildren
        .OfType<UIElement>()
        .Max(i => i.DesiredSize.Height + (double)i.GetValue(Canvas.TopProperty));

    return new Size(width, height);
}
}

在您的 XAML 中：

 <local:CanvasAutoSize VerticalAlignment="Top" HorizontalAlignment="Left"></local:CanvasAutoSize>

来自：WPF: How to make canvas auto-resize?

【讨论】：