Мне нужно рисовать линии в контейнере, используя элемент управления ListBox WPF. Причина использования элемента управления Listbox заключается в том, что у меня есть коллекция объектов, которые в основном представляют собой настраиваемые объекты Line, отображающие точки x1, y1 и x2, y2. Итак, как только линия будет нарисована, она будет добавлена в коллекцию, чтобы ее можно было отображать одновременно.
Код, который я использую для рисования строк в списке:
<ListBox Grid.Row="0" Grid.Column="0" VerticalContentAlignment="Stretch" HorizontalContentAlignment="Stretch" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Grid.ColumnSpan="4" Grid.RowSpan="4" Name="listBoxLines" Visibility="{Binding ElementName=RadioCaliperOn, Path=IsChecked, Converter={StaticResource booleanToVisibilityConverter}}" Style="{x:Null}" Background="Transparent" BorderThickness="0" ScrollViewer.HorizontalScrollBarVisibility="Disabled" ScrollViewer.VerticalScrollBarVisibility="Disabled" ItemsSource="{Binding Path=Calipers}" >
<ListBox.ItemsPanel>
<ItemsPanelTemplate>
<Canvas HorizontalAlignment="Stretch" VerticalAlignment="Stretch"></Canvas>
<!--<Grid HorizontalAlignment="Stretch" VerticalAlignment="Stretch"></Grid>-->
</ItemsPanelTemplate>
</ListBox.ItemsPanel>
<ListBox.Resources>
<Style TargetType="ListBoxItem">
<Style.Resources>
<!-- Background of selected item when focussed -->
<SolidColorBrush x:Key="{x:Static SystemColors.HighlightBrushKey}" Color="Transparent" />
<!-- Background of selected item when not focussed -->
<SolidColorBrush x:Key="{x:Static SystemColors.ControlBrushKey}" Color="Transparent" />
</Style.Resources>
<Style.Setters>
<!--<Setter Property="Background" Value="{StaticResource Brush_CZBscanImagePinkBorder}"/>-->
<Setter Property="Background" Value="Transparent"/>
<Setter Property="Foreground" Value="Transparent"/>
<Setter Property="BorderThickness" Value="0"/>
<Setter Property="Margin" Value="0"/>
<Setter Property="Padding" Value="0" />
<Setter Property="HorizontalContentAlignment" Value="Stretch"/>
<Setter Property="VerticalContentAlignment" Value="Stretch"/>
<Setter Property="MinHeight" Value="1"/>
<Setter Property="MinWidth" Value="1"/>
<Setter Property="Height" Value="Auto"/>
<Setter Property="Width" Value="Auto"/>
</Style.Setters>
<Style.Triggers>
<Trigger Property="IsSelected" Value="true">
<Setter Property="Background" Value="{StaticResource BrushTransparent}"/>
<Setter Property="Foreground" Value="{StaticResource BrushTransparent}"/>
</Trigger>
</Style.Triggers>
</Style>
<Style TargetType="ListBox">
<Style.Setters>
<Setter Property="ListBox.BorderThickness" Value="0"></Setter>
</Style.Setters>
</Style>
<Style TargetType="ScrollViewer">
<Style.Setters>
<Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Disabled"></Setter>
<Setter Property="ScrollViewer.VerticalScrollBarVisibility" Value="Disabled"></Setter>
</Style.Setters>
</Style>
</ListBox.Resources>
<ListBox.ItemTemplate>
<DataTemplate>
<Line Cursor="Hand" X1="{Binding Converter={StaticResource caliperToLineConverter}, ConverterParameter=X1}" Y1="{Binding Converter={StaticResource caliperToLineConverter}, ConverterParameter=Y1}" X2="{Binding Converter={StaticResource caliperToLineConverter}, ConverterParameter=X2}" Y2="{Binding Converter={StaticResource caliperToLineConverter}, ConverterParameter=Y2}" Stroke="{Binding Converter={StaticResource selectedCalliperColorConverter},RelativeSource={RelativeSource Mode=FindAncestor,AncestorType={x:Type ListBoxItem}}, Path=IsSelected}" StrokeThickness="2" Height="Auto" Margin="0,0,0,0" Stretch="Fill"/>
</DataTemplate>
</ListBox.ItemTemplate>
</ListBox>
Проблема, с которой я сталкиваюсь, заключается в том, что если в коллекции есть какие-либо существующие строки, то, когда я просто щелкаю мышью по своему контейнеру, чтобы нарисовать линию, выбирается существующий элемент списка, и, в свою очередь, я не могу нарисовать любую линию. Пожалуйста, дайте мне знать точный способ или подход, с помощью которого я могу легко рисовать линии, каждая из которых является элементом списка. Спасибо.