Transferring Style (Selection and Hover) from ListView to ItemsRepeater

[MichaelJachan]

Good morning!
The left column (red background) shows a Listview with 3 items.
The right column shows the same 3 items in an ItemsRepeater

At both, the Item I1 is selected by the mouse.

Note: The ItemsRepeater uses an ListViewItem in its DataTemplate.

<UserControl
    x:Class="BrainVision.Uno.Controls.Common.Accordion.IIccordionCtrl"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:BrainVision.Uno.Controls.Common.Accordion"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    d:DesignHeight="300"
    d:DesignWidth="400">

  <StackPanel Orientation="Horizontal">

    <!--TODO: use the style from this List (hover/selected) ... -->
    <ListView ItemsSource="{x:Bind Items, Mode=OneWay}"
              SelectionMode="Single"
              SelectedItem="{x:Bind SelectedItem, Mode=TwoWay}">

      <ListView.ItemTemplate>
        <DataTemplate x:DataType="local:Item">
          <StackPanel Orientation="Vertical" Margin="0,10,0,5" Background="Red">
            <Image Source="{x:Bind ImageSource}" Height="32" Width="32" Stretch="Uniform"/>
            <TextBlock Text="{x:Bind Label}" HorizontalAlignment="Center"/>
          </StackPanel>
        </DataTemplate>
      </ListView.ItemTemplate>
    </ListView>


    <!-- ... in this List. -->
    <ItemsRepeater ItemsSource="{x:Bind Items, Mode=OneWay}">
      <ItemsRepeater.Layout>
        <StackLayout Orientation="Vertical"/>
      </ItemsRepeater.Layout>

      <ItemsRepeater.ItemTemplate>
        <DataTemplate x:DataType="local:Item">
          <!--Style="{StaticResource DefaultListViewItemStyle}"-->
          <ListViewItem DataContext="{x:Bind}"
                      IsSelected="{x:Bind IsSelected, Mode=TwoWay}">
            <StackPanel Orientation="Vertical" Margin="0,0,0,0"
                      PointerReleased="Item_PointerReleased"
                      Padding="7">
              <Image Source="{x:Bind ImageSource}" Height="32" Width="32" Stretch="Uniform"/>
              <TextBlock Text="{x:Bind Label}" HorizontalAlignment="Center"/>
            </StackPanel>
          </ListViewItem>
        </DataTemplate>
      </ItemsRepeater.ItemTemplate>
    </ItemsRepeater>

  </StackPanel>

</UserControl>

My question: I need to use the same style for hovering and selection, which is present at the (red) ListView also on the ItemsRepeater.

Style Hovering: change background color
Style Selection: show a blue bar to the left of the selected Item (I1)

So the ItemsRepeater must display a blue bar to the left of its selected item.

A second issue, which i have noticed: When setting a style for the ListViewItem:

          <ListViewItem DataContext="{x:Bind}"
                        IsSelected="{x:Bind IsSelected, Mode=TwoWay}"
                        Style="{StaticResource DefaultListViewItemStyle}">

a) in UNPACKAGED: nothing changes.
b) in DESKTOP: style for hovering and selection is no more displayed, i.e., the background of an Item does not change if hovered or selected.

Thank you!
StyleMwe.zip