Содержимое не отображается Expander в ListViewItem

Question

У меня есть следующие настройки, которые вы можете увидеть здесь

<ListView>
       <ListViewItem x:Name="ItemHome" Height="60">
          <ListViewItem.Content>
              <StackPanel Orientation="Horizontal">
                   <materialDesign:PackIcon
                           Width="25"
                           Height="25"
                           Margin="10"
                           VerticalAlignment="Center"
                           Kind="Database" />
                   <Expander
                           VerticalAlignment="Center"
                           Background="{x:Null}"
                           FontFamily="20"
                           Header="TEST">
                    <Expander.Content>
                           <StackPanel Background="Green" Orientation="Vertical">
                                         <ListViewItem Height="60">
                                            <StackPanel Orientation="Horizontal">
                                               <materialDesign:PackIcon
                                                  Width="25"
                                                  Height="25"
                                                  Margin="10"
                                                  VerticalAlignment="Center"
                                                  Kind="Octagon" />
                                               <TextBlock
                                                  Margin="20,10"
                                                  VerticalAlignment="Center"
                                                  FontFamily="20"
                                                  Text="TEST" />
                                            </StackPanel>
                                         </ListViewItem>
                                         <ListViewItem Height="60">
                                            <StackPanel Orientation="Horizontal">
                                               <materialDesign:PackIcon
                                                  Width="25"
                                                  Height="25"
                                                  Margin="10"
                                                  VerticalAlignment="Center"
                                                  Kind="Needle" />
                                               <TextBlock
                                                  Margin="20,10"
                                                  VerticalAlignment="Center"
                                                  FontFamily="20"
                                                  Text="TEST" />
                                            </StackPanel>
                                         </ListViewItem>
                                      </StackPanel>
                                   </Expander.Content>
                                </Expander>
                             </StackPanel>
                </ListViewItem.Content>
          </ListViewItem>
</ListView>

И проблема в том, что я считаю, что я как-то испортил код, потому что когда я нажимаю кнопку расширения, ничего не появляется. Пытался указать высоту / ширину содержимого расширителя, но безуспешно. Кнопки расширения показывают, что он расширен, но не более того. Есть идеи? Спасибо

Answer 1

Проблема в том, что вы устанавливаете Высота свойство ListViewItem :

Это заставляет предмет никогда не расти. Сняв это назначение и выполнив еще несколько настроек, вы получите что-то работающее ( ПРИМЕЧАНИЕ : я заменяю materialDesign: PackIcon на мой ctl: SymbolIcon, любой может использовать любой значок или изображение):

    <ListView>
        <ListViewItem x:Name="ItemHome">                
            <StackPanel Orientation="Horizontal" >                        
                    <ctl:SymbolIcon Symbol="Calendar" Width="25" Height="25" Margin="10" VerticalAlignment="Top"/>
                    <Expander VerticalAlignment="Top" Background="{x:Null}" FontFamily="20" Header="TEST" Margin="0,10,10,10">
                            <StackPanel Orientation="Vertical">
                                <ListViewItem Height="60" Background="ForestGreen">
                                    <StackPanel Orientation="Horizontal">
                                        <ctl:SymbolIcon Width="25" Height="25" Margin="10" VerticalAlignment="Center" Symbol="Send" 
                                                        Foreground="White"/>
                                        <TextBlock Margin="20,10" VerticalAlignment="Center" FontFamily="20" Text="TEST" 
                                                   Foreground="White"/>
                                    </StackPanel>
                                </ListViewItem>
                                <ListViewItem Height="60" Margin="0,1,0,0" Background="ForestGreen">
                                    <StackPanel Orientation="Horizontal">
                                        <ctl:SymbolIcon Width="25" Height="25" Margin="10" VerticalAlignment="Center" Symbol="Accept" 
                                                        Foreground="White"/>
                                        <TextBlock Margin="20,10" VerticalAlignment="Center" FontFamily="20" Text="TEST" 
                                                   Foreground="White"/>
                                    </StackPanel>
                                </ListViewItem>
                            </StackPanel>
                    </Expander>
                </StackPanel>                
        </ListViewItem>
    </ListView>

Результат: