Construire une ligne UserControl

Question

Est-il possible de construire un WPF UserControlSegmentControl, ayant des similitudes avec les coordonnées de forme de ligne (X1, Y1) et (X2, Y2)?

Je l'ai déjà construit une ligne personnalisée Shape, mais je besoin d'un UserControl, parce que je rajoute quelques éléments personnalisables supplémentaires, comme du texte et des balles à elle.

je construit un code, mais pense que je besoin d'aide:

<UserControl> 
<!-- internal Canvas; The UsrCtrl Parent is supposed to be a Canvas too --> 
    <Canvas> 
     <Line x:Name="line" Stroke="Black" StrokeThickness="1"></Line> 
     <Label x:Name="label" Content="Paris - Moscow"/> 
    </Canvas> 
</UserControl> 

* .cs

public partial class SegmentControl : UserControl 
{ 
    #region dependency properties 
    public static readonly DependencyProperty X1Property; 

... 
static void OnXYChanged(DependencyObject source, DependencyPropertyChangedEventArgs e) 
{ 
    SegmentControl s = source as SegmentControl; 
    UpdateControlPositionAndSize(s); 
} 

static void UpdateControlPositionAndSize(SegmentControl sc) 
{ 
    double left = Math.Min(sc.X1, sc.X2); 
    double top = Math.Min(sc.Y1, sc.Y2); 

    double width = sc.X2 - sc.X1; 
    double height = sc.Y2 - sc.Y1; 

    Canvas.SetLeft(sc, left); 
    Canvas.SetTop(sc, top); 
    sc.Width = width; 
    sc.Height = height; 

    sc.line.X1 = sc.X1; // ?? 
    sc.line.Y1 = sc.Y1; // ?? 
    sc.line.X2 = sc.X2; // ??  
    sc.line.Y2 = sc.Y2; // ?? 
} 

Answer 1

Qu'en est-il juste créer une coutume DependencyProperty sur le UserControl des points dont vous avez besoin, et la liaison votre position de ligne à elle?

Votre UserControl serait quelque chose comme ceci:

<UserControl> 
    <Canvas> 
     <Line x:Name="line" Stroke="Black" StrokeThickness="1" 
       X1="{Binding RelativeSource={RelativeSource AncestorType={x:Type my:SegmentControl}}, Path=StartPosition.X}" 
       Y1="{Binding RelativeSource={RelativeSource AncestorType={x:Type my:SegmentControl}}, Path=StartPosition.Y}" 
       X2="{Binding RelativeSource={RelativeSource AncestorType={x:Type my:SegmentControl}}, Path=EndPosition.X}" 
       Y2="{Binding RelativeSource={RelativeSource AncestorType={x:Type my:SegmentControl}}, Path=EndPosition.Y}" /> 

     <Label x:Name="label" 
       Content="{Binding={RelativeSource RelativeSource AncestorType={x:Type my:SegmentControl}}, Path=Text}"/> 
    </Canvas> 
</UserControl> 

On peut l'utiliser quelque chose comme ceci:

<my:SegmentControl 
    StartPosition="{Binding Path=StartPoint}" 
    EndPosition="{Binding Path=EndPoint}" 
    Text="{Binding Path=SegmentText}" />