所选 TabItem 中的图像不清晰

发布于 2024-10-26 08:03:42 字数 904 浏览 2 评论 0原文

我有一个 TabControl。每个 TabItem 的标题都包含一个带有图标和标签的 StackPanel。

<TabControl>
  <TabItem>
    <TabItem.Header>
      <StackPanel Orientation="Horizontal">
        <Image Source="/LoginPanel;component/Icons/icoLogin.ico"</Image>
        <Label VerticalContentAlignment="Center">Login</Label>
        </StackPanel>
      </TabItem.Header>
    </TabItem.Header>
    <!--some further code here-->
  <TabItem>
  <!--some further code here-->
<TabControl>

每个未选定的 TabItem 中的每个图标均按预期显示。当前选定的 TabItem 中的图标有些浑浊。如果我切换到另一个选项卡，取消选择的选项卡图标会变得清晰；新选择的图标变得浑浊。

已经尝试了以下方法来解决此问题：

SnapsToDevicePixels="True"

但没有任何反应

或

Width="32" Height="32"

我

Stretch="None"

阻止缩放。这一切都没有任何效果。有人可以给我提示吗？提前致谢

原文

I have a TabControl. The header of each TabItem contains a StackPanel with an icon and a Label.

<TabControl>
  <TabItem>
    <TabItem.Header>
      <StackPanel Orientation="Horizontal">
        <Image Source="/LoginPanel;component/Icons/icoLogin.ico"</Image>
        <Label VerticalContentAlignment="Center">Login</Label>
        </StackPanel>
      </TabItem.Header>
    </TabItem.Header>
    <!--some further code here-->
  <TabItem>
  <!--some further code here-->
<TabControl>

Each icon in each non-selected TabItem is displayed as expected. The Icon in the currently selected TabItem is somewhat cloudy. If I switch to another Tab, the de-selected Tab-Icon becomes clear; the new selected Icon becomes cloudy.

I already tried the following to solve this:

SnapsToDevicePixels="True"

but nothing happens

Width="32" Height="32"

Stretch="None"

to prevent scaling.
All of this without any effect. Can some please give me a hint? Thanks in advance

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

疑心病 2024-11-02 08:03:42

这对我有用：

<Image Source="/LoginPanel;component/Icons/icoLogin.ico"
       RenderOptions.BitmapScalingMode="NearestNeighbor"</Image>

This works for me:

<Image Source="/LoginPanel;component/Icons/icoLogin.ico"
       RenderOptions.BitmapScalingMode="NearestNeighbor"</Image>

回复收藏 0 原文

樱桃奶球 2024-11-02 08:03:42

也考虑将“RenderOptions.EdgeMode”设置为“Aliased”。

<Image Source="/LoginPanel;component/Icons/icoLogin.ico"
       RenderOptions.BitmapScalingMode="NearestNeighbor"
       RenderOptions.EdgeMode="Aliased"/>

请参阅WPF 中的图像变得模糊。

Consider setting 'RenderOptions.EdgeMode' to 'Aliased' too.

<Image Source="/LoginPanel;component/Icons/icoLogin.ico"
       RenderOptions.BitmapScalingMode="NearestNeighbor"
       RenderOptions.EdgeMode="Aliased"/>

See Image in WPF getting blury here on SO.

回复收藏 0 原文

~没有更多了~