UWP中如何让PathIcon拉伸适配文本尺寸？

我完全理解你的需求——想让PathIcon和文本尺寸对齐，同时保留它在深浅模式下自动变色的优势，这确实是PathIcon比Image更实用的地方。问题的核心在于PathIcon默认的Stretch属性是None，再加上你的路径数据是基于50x50的画布设计的，直接设置宽高只会裁剪图标而非缩放它。下面给你两个实用的解决方案：

方案1：通过Stretch属性直接适配尺寸 #

这是最简单直接的方法，只需要给PathIcon添加Stretch="Uniform"（保持图标比例不变），再设置和文本匹配的宽/高，同时确保垂直对齐和文本一致：

修改你的XAML代码如下：

<StackPanel Orientation="Horizontal" >
    <Rectangle Width="20" Fill="BlanchedAlmond"/>
    <!-- 默认尺寸的图标 -->
    <PathIcon Data="{StaticResource PowerPlantIcon}" VerticalAlignment="Center"/>
    <Rectangle Width="20" Fill="BlanchedAlmond"/>
    <!-- 适配文本尺寸的图标 -->
    <PathIcon Data="{StaticResource PowerPlantIcon}" Height="20" Stretch="Uniform" VerticalAlignment="Center"/>
    <TextBlock Text="This is a Text" FontSize="20" VerticalAlignment="Center"/>
</StackPanel>

• Stretch="Uniform"：让路径数据按照设置的尺寸等比例缩放，避免图标变形
• Height="20"：和文本的FontSize保持一致，确保视觉上完全对齐
• VerticalAlignment="Center"：让图标和文本在垂直方向居中对齐，消除错位感

方案2：使用ScaleTransform动态匹配文本尺寸 #

如果需要让图标随文本的FontSize动态变化（比如文本大小可能在运行时调整），可以用ScaleTransform绑定文本的字号，通过转换器自动计算缩放比例：

1. 首先创建一个简单的比例转换器：

public class FontSizeToScaleConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, string language)
    {
        if (value is double fontSize)
        {
            // 你的图标原始尺寸是50，所以缩放比例为 fontSize/50
            return fontSize / 50;
        }
        return 1;
    }

    public object ConvertBack(object value, Type targetType, object parameter, string language)
    {
        throw new NotImplementedException();
    }
}

2. 在页面资源中声明转换器：

<Window.Resources>
    <local:FontSizeToScaleConverter x:Key="FontSizeToScaleConverter"/>
</Window.Resources>

3. 在PathIcon中使用绑定实现动态缩放：

<PathIcon Data="{StaticResource PowerPlantIcon}" VerticalAlignment="Center">
    <PathIcon.RenderTransform>
        <ScaleTransform 
            ScaleX="{Binding ElementName=TargetText, Path=FontSize, Converter={StaticResource FontSizeToScaleConverter}}"
            ScaleY="{Binding ElementName=TargetText, Path=FontSize, Converter={StaticResource FontSizeToScaleConverter}}"/>
    </PathIcon.RenderTransform>
</PathIcon>
<TextBlock x:Name="TargetText" Text="This is a Text" FontSize="20" VerticalAlignment="Center"/>

这样不管文本的字号怎么调整，图标都会自动按比例缩放匹配。

为什么之前的设置没效果？ #

你的路径数据是基于50x50的画布设计的，PathIcon默认的ViewBox是0,0,50,50，而Stretch默认是None——这意味着当你设置Height="20"时，它只会显示原始图标左上角20x20的区域，而不是把整个图标缩小到20x20。设置Stretch="Uniform"后，系统会自动把整个路径数据缩放到你指定的尺寸范围内。

内容的提问来源于stack exchange，提问作者Akiya Xiao