ListViewItem 中 Expander 未显示的内容答案

【问题标题】：Content not displayed by Expander in ListViewItemListViewItem 中 Expander 未显示的内容
【发布时间】：2019-02-06 20:43:32
【问题描述】：

我有以下设置，你可以在这里看到

<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>

问题是我相信我以某种方式弄乱了代码，因为当我点击展开按钮时，什么都没有显示。试图为扩展器内容提供高度/宽度，但没有运气。扩展器按钮显示他已扩展，但仅此而已。有任何想法吗？谢谢

【问题讨论】：

标签： c# wpf xaml listviewitem expander

【解决方案1】：

问题是您正在设置 ListViewItem 的 Height 属性：

这会导致项目永远不会增长。删除此分配并进行更多调整，您会得到一些有用的东西（注意：我将 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>

结果：

【讨论】：

我不知道我是怎么错过的。谢谢！