单击TextBlock打开Expander对象WPF

Question

我不太擅长XAML，并且我正在尝试制作以下内容：

_{（来源： deviantart.net ）}

我需要一些选项（橙色选项），然后单击橙色选项时，它们会展开并显示更多选项。

这是我的小代码：

<ListView Background="#585858" Width="300" HorizontalAlignment="Left">
    <ListViewItem>
        <Grid Margin="15,5">
            <TextBlock Foreground="#FFABADB3" Text="MenuTitle" FontSize="20" Grid.Row="0"/>
            <Expander Grid.Row="1">
            </Expander>
        </Grid>
    </ListViewItem>
</ListView>

但这并不是我想要的那样真正起作用。 Textblock和Expander在同一行上。

这是我的代码：

http://i.imgur.com/dbtNPUv.png

如果有人能指导我正确的方向，我将非常高兴！ 在此先感谢您和节日快乐:)

Answer 1

将TextBlock放在Expander Header

<ListView Background="#585858" Width="300" HorizontalAlignment="Left">
 <ListViewItem>
   <Grid Margin="15,5">
     <Expander Grid.Row="1">
      <Expander.Header>
        <TextBlock Foreground="#FFABADB3" Text="MenuTitle" FontSize="20" Grid.Row="0"/>
      </Expander.Header>   
     </Expander>
   </Grid>
 </ListViewItem>
</ListView>

但是，如果您想从图片中进行设计，您将需要做更多的工作。 您将需要“重新模板化” ListViewItem和Expander 。 默认模板与图片上的模板相距甚远。