Handling ListBoxItem DoubleTap on whole area

[mysteryx93]

I'm struggling to handle DoubleTap event on ListBox items. If I set the event on the Item, you need to click exactly on the text or it won't register, making it hard to click on a short item like "a". If I set it on the ListBox, then it handles the whole areas, including when double-tapping below any item.

I tried various approaches and couldn't get the double-tap area to cover the whole item area. How can I do this?

[maxkatz6]

#7047 (comment)

[mysteryx93]

I did try playing with background among other things. The issue is that I couldn't get the ListBoxItem to stretch to fill the area. So even if I set the background, it doesn't enlarge the control.

[maxkatz6]

Set ListBoxItem.HorizontalContentAlignment to Stretch using styles

[mysteryx93]

OK Got it thanks

<ListBox.Styles>
    <Style Selector="ListBoxItem">
        <Setter Property="Padding" Value="0" />
        <Setter Property="HorizontalContentAlignment" Value="Stretch" />
    </Style>
</ListBox.Styles>
<ListBox.ItemTemplate>
    <DataTemplate>
        <TextBlock Text="{Binding Name}" Padding="14" Background="Transparent">
            <i:Interaction.Behaviors>
                <ia:EventTriggerBehavior EventName="DoubleTapped">
                    <ia:InvokeCommandAction
                        Command="{Binding ViewModel.PlayListCommand, RelativeSource={RelativeSource AncestorType={x:Type Window}}}" />
                </ia:EventTriggerBehavior>
            </i:Interaction.Behaviors>
        </TextBlock>
    </DataTemplate>
</ListBox.ItemTemplate>

[alexhelms]

I know this has been answered but I discovered a better solution that makes the entire ListBoxItem container work for doupled tapped and not just the TextBlock as shown in the marked answer.

<ListBox>
  <ListBox.Styles>
    <Style Selector="ListBoxItem">
      <Setter Property="Interaction.Behaviors">
        <BehaviorCollection>
          <EventTriggerBehavior EventName="DoubleTapped">
            <InvokeCommandAction Command="{Binding $parent[ListBox].((local:MyViewModel)DataContext).SomeCommand}" />
          </EventTriggerBehavior>
        </BehaviorCollection>
      </Setter>
    </Style>
  </ListBox.Styles>
</ListBox>

[alexhelms]

Actually I take that back. I just tried to add more than one item to the ListBox and it throws. Seems this was discussed at #2735 but was closed for lack of information. I believe this is a good use case for x:Shared -- having behaviors in styles.

System.InvalidOperationException: An instance of a behavior cannot be attached to more than one object at a time.
   at Avalonia.Xaml.Interactivity.BehaviorCollection.Attach(AvaloniaObject associatedObject) in /_/src/Xaml.Behaviors.Interactivity/Collections/BehaviorCollection.cs:line 52
   at Avalonia.Xaml.Interactivity.Interaction.BehaviorsChanged(AvaloniaPropertyChangedEventArgs`1 e) in /_/src/Xaml.Behaviors.Interactivity/Interaction.cs:line 116
   at Avalonia.Reactive.LightweightObservableBase`1.PublishNext(T value)
   at Avalonia.PropertyStore.EffectiveValue`1.NotifyValueChanged(ValueStore owner, StyledProperty`1 property, T oldValue)
   at Avalonia.PropertyStore.EffectiveValue`1.SetAndRaiseCore(ValueStore owner, StyledProperty`1 property, T value, BindingPriority priority, Boolean isOverriddenCurrentValue, Boolean isCoercedDefaultValue)
   at Avalonia.PropertyStore.EffectiveValue`1.SetAndRaise(ValueStore owner, IValueEntry value, BindingPriority priority)
   at Avalonia.PropertyStore.ValueStore.ReevaluateEffectiveValues(IValueEntry changedValueEntry)
   at Avalonia.StyledElement.ApplyStyling()
   at Avalonia.StyledElement.OnAttachedToLogicalTreeCore(LogicalTreeAttachmentEventArgs e)
   at Avalonia.StyledElement.Avalonia.Controls.ISetLogicalParent.SetParent(ILogical parent)
   at Avalonia.StyledElement.SetLogicalParent(IList children)
   at Avalonia.Collections.AvaloniaList`1.Add(T item)
   at Avalonia.Controls.ItemsControl.AddLogicalChild(Control c)
   at Avalonia.Controls.VirtualizingPanel.AddInternalChild(Control control)
   at Avalonia.Controls.VirtualizingStackPanel.CreateElement(Object item, Int32 index, Object recycleKey)
   at Avalonia.Controls.VirtualizingStackPanel.GetOrCreateElement(IReadOnlyList`1 items, Int32 index)
   at Avalonia.Controls.VirtualizingStackPanel.RealizeElements(IReadOnlyList`1 items, Size availableSize, MeasureViewport& viewport)
   at Avalonia.Controls.VirtualizingStackPanel.MeasureOverride(Size availableSize)
   at Avalonia.Layout.Layoutable.MeasureCore(Size availableSize)
   at Avalonia.Layout.Layoutable.Measure(Size availableSize)
   at Avalonia.Layout.LayoutManager.Measure(Layoutable control)
   at Avalonia.Layout.LayoutManager.ExecuteMeasurePass()
   at Avalonia.Layout.LayoutManager.InnerLayoutPass()
   at Avalonia.Layout.LayoutManager.ExecuteLayoutPass()
   at Avalonia.Media.MediaContext.FireInvokeOnRenderCallbacks()
   at Avalonia.Media.MediaContext.RenderCore()
   at Avalonia.Media.MediaContext.Render()
   at Avalonia.Threading.DispatcherOperation.InvokeCore()