XAML 如何添加一个图标到一个flyoutitem?

p4rjhz4m  于 2023-05-04  发布在  其他
关注(0)|答案(2)|浏览(110)

我有下面的代码,我试图添加一个图标

<FlyoutItem Title="Products" Style="{StaticResource ProductFlyout}">       
 <ShellContent Title="Product List" ContentTemplate="{DataTemplate page:ProductsListPage}" />
</FlyoutItem>

我尝试添加以下内容,但没有成功(只是提供了所使用的一般语法)

<FlyoutItem.Icon> <UriImageSource /> </FlyoutItem.com>
<FlyoutItem>
 <ShellContent>
        <ShellContent.Icon>
            <Image/>
        </ShellContent.Icon>
    </ShellContent>
</FlyoutItem>

已更新
所以我在顶部有这个部分,它有标题(以及定义它的代码)。标题通过ShellContent标记中的title关键字显示。
我希望图标也出现在这里,旁边的标题

<FlyoutItem Title="Product List" Style="{StaticResource HomeFlyout}">
   <ShellContent Title="Product List"/>
  </FlyoutItem>

不知道如何添加图标/图像。如果有人知道就太好了

mspsb9vt

mspsb9vt1#

你试过在图片标签中使用source吗?

<Image Source="0849b3176cec0e8f7fe3.png"></Image>
qlvxas9a

qlvxas9a2#

您可以将Icon添加到FlyoutItem元素。下面是示例:

<FlyoutItem Icon="image.png" Title="Products" Style="{StaticResource ProductFlyout}">       
     <ShellContent Title="Product List" ContentTemplate="{DataTemplate page:ProductsListPage}" />
    </FlyoutItem>

有关详细信息,请参阅弹出型按钮显示选项。

相关问题