6

我需要在边框控件（或类似控件）中绘制一些简单的线条，这些线条始终延伸到边框的边界。有没有办法只拉伸线条而不是它的笔？不涉及大量 C#？

在这个版本中，线条延伸：

<Border>
   <Border.Background>
      <DrawingBrush>
         <DrawingBrush.Drawing>
            <DrawingGroup>
               <GeometryDrawing Brush="Red">
                  <GeometryDrawing.Geometry>
                     <GeometryGroup>
                        <RectangleGeometry Rect="0,0 100,1000" />
                        <LineGeometry  StartPoint="0,0" EndPoint="100,1000"/>
                        <LineGeometry  StartPoint="100,0" EndPoint="0,1000"/>
                     </GeometryGroup>
                  </GeometryDrawing.Geometry>
                  <GeometryDrawing.Pen>
                     <Pen Thickness="20" Brush="Black"/>
                  </GeometryDrawing.Pen>
               </GeometryDrawing>
            </DrawingGroup>
         </DrawingBrush.Drawing>
      </DrawingBrush>
   </Border.Background>
</Border>

我想出的最佳解决方案是：

<Border>
   <Grid>
      <Path Stretch="Fill" Fill="Red" Stroke="Black" StrokeThickness="4"  Data="M0,0 L100,0 100,1000 0,1000 z" />
      <Path Stretch="Fill" Stroke="Black" StrokeThickness="4"  Data="M 0,0 L0,0 100,1000" />
      <Path Stretch="Fill" Stroke="Black" StrokeThickness="4"  Data="M 100,0 L100,0 0,1000" />
   </Grid>
</Border>

但是没有更好的解决方案吗？这不涉及额外的网格？

4

3 回答 3

5

我通过缩放路径的数据而不是可视组件来做到这一点。

  1. 在画布中放置路径。
  2. 将 path.Data 设置为 Geometry，将您的数据表示为逻辑范围的百分比。
  3. 将 path.Data.Transform 设置为 ScaleTransform，ScaleX 和 ScaleY 绑定到实际宽度和高度。
于 2010-12-06T22:14:03.167 回答
4

在一条线上，您可以将宽度（或高度，取决于您绘制线的方式）绑定到父容器的宽度（或高度，取决于您绘制线的方式）以实现您想要的。

    <Grid x:Name="Grid" Margin="10">
        <Border BorderBrush="Black" BorderThickness="1"  />
        <Line X1="0" X2="{Binding ElementName=Grid, Path=ActualWidth}" Y1="1" Y2="1" Stroke="Red" Margin="0,10,0,0" />
        <Line X1="0" X2="{Binding ElementName=Grid, Path=ActualWidth}" Y1="1" Y2="1" Stroke="Green" Margin="0,30,0,0" />
        <Line X1="0" X2="{Binding ElementName=Grid, Path=ActualWidth}" Y1="1" Y2="1" Stroke="Blue" Margin="0,50,0,0" />
    </Grid>

编辑：这是另一种不使用绑定的方法

<Border BorderBrush="Black" BorderThickness="1" >
    <Path Stroke="Red" StrokeThickness="1" Data="M0,0 1,0Z" Stretch="Fill" />
</Border>
于 2009-08-26T21:33:23.177 回答
1

据我所知没有。但是除非你在做一些非常奢侈的事情，OnRender否则自己重写和绘制它真的不是很多努力：

public class CustomBorder : Border
{
    protected override void OnRender(DrawingContext dc)
    {
        base.OnRender(dc);

        dc.DrawLine(new Pen(BorderBrush, BorderThickness.Top), new Point(0, 0), new Point(ActualWidth, ActualHeight));
    }
}

结果：

在此处输入图像描述

于 2009-08-26T21:25:00.370 回答