Bản vẽ WPF trải dài mà không kéo dài Pen

Question

Tôi cần vẽ một số dòng đơn giản trong một điều khiển Biên giới (hoặc tương tự) luôn kéo dài đến các đường viền của Đường viền. Có cách nào để kéo dài dòng nhưng không phải là bút của nó? Mà không liên quan đến rất nhiều C#?

Trong phiên bản này các đường căng:

<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> 

Giải pháp tốt nhất mà tôi đã đưa ra là thế này:

<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> 

Nhưng không phải là có một giải pháp tốt hơn? Điều đó không liên quan đến lưới điện thêm?

Answer 1

tôi đã thực hiện điều này bằng cách mở rộng quy mô dữ liệu của một con đường, không phải là thành phần thị giác.

1. Đặt đường dẫn trong Canvas.
2. Đặt đường dẫn.Data thành Hình học đại diện cho dữ liệu của bạn dưới dạng phần trăm của phạm vi lôgic.
3. Đặt đường dẫn.Data.Transform thành ScaleTransform với ScaleX và ScaleY được ràng buộc với chiều rộng và chiều cao thực tế.

Answer 2

Không ai mà tôi biết. Nhưng trừ khi bạn đang làm một cái gì đó thực sự ngông cuồng, nó thực sự không phải là rất nhiều nỗ lực để ghi đè OnRender và vẽ nó tự hỏi:

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)); 
    } 
} 

Kết quả:

Answer 3

Trong một dòng, bạn có thể liên kết chiều rộng (hoặc chiều cao, tùy thuộc vào cách bạn đang vẽ đường thẳng) đến vị trí của vùng chứa chính để đạt được những gì bạn muốn.

<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> 

Edit: Đây là một cách khác mà không sử dụng ràng buộc

<Border BorderBrush="Black" BorderThickness="1" > 
    <Path Stroke="Red" StrokeThickness="1" Data="M0,0 1,0Z" Stretch="Fill" /> 
</Border>