我如何在Windows 8.1应用程序XAML中的MenuFlyoutItem中具有StackPanel

Question

MenuFlyout的定义如下。 我不想只在MenuFlyoutItem中设置文本，而是要其中有一个可容纳图像和文本框的StackPanel。

<MenuFlyout x:Key="HeaderMenuFlyout">
        <MenuFlyout.MenuFlyoutPresenterStyle>
            <Style TargetType="MenuFlyoutPresenter">
                <Setter Property="BorderBrush" Value="CornflowerBlue"/>
                <Setter Property="BorderThickness" Value="5"/>
            </Style>
        </MenuFlyout.MenuFlyoutPresenterStyle>
        <MenuFlyoutItem Text="Cloud"
                        Tag="Cloud" />
        <MenuFlyoutItem Text="This PC" Tag="This PC"/>

    </MenuFlyout>

我该怎么做？ 这是一个例子

Answer 1

这将是一种快速但肮脏的方法。

<MenuFlyoutItem Text="Hello" >
 <MenuFlyoutItem.Template>
  <ControlTemplate TargetType="MenuFlyoutItem">
   <StackPanel Orientation="Horizontal">
    <SymbolIcon Symbol="Clock" />
    <TextBlock Text="{TemplateBinding Text}" />                    
   </StackPanel>
  </ControlTemplate>
 </MenuFlyoutItem.Template>
</MenuFlyoutItem>

或者，您可以扩展MenuflyoutItem并为图像/符号添加另一个依赖项属性，以便它不会在模板中硬编码。