正确的方式来获取作为UWP类库中的资源嵌入的图像的uri

Question

我有一个用于UWP类库的UserControl。用户控件将显示GPS的信号电平。

我使用的是BitmapIcon，它显示信号电平并根据信号电平属性进行更改。我使用的是BitmapIcon，这样我可以改变前景色为主题等

不管怎么说，这是XAML

<BitmapIcon Grid.Column="1" UriSource="{Binding GpsSignalState, Converter={StaticResource SignalImageConverter}}" 
       Foreground="{Binding Foreground, ElementName=userControl}"/> 

它绑定到财产的ViewModel，并使用一个转换器，将信号转换到正确的图像。

这里是转换器代码。

public object Convert(object value, Type targetType, object parameter, string language) 
    { 
     if(value.GetType() != typeof(SignalStrength)) 
      return null; 

     var signal = (SignalStrength)value; 

     switch (signal) 
     { 
      case SignalStrength.Excellent: 
       return new Uri("ms-appx:///Assets/Img/Signal-Bars 4.png"); 
      case SignalStrength.VeryGood: 
       return new Uri("ms-appx:///Assets/Img/Signal-Bars 3.png"); 
      case SignalStrength.Good: 
       return new Uri("ms-appx:///Assets/Img/Signal-Bars 2.png"); 
      case SignalStrength.Valid: 
       return new Uri("ms-appx:///Assets/Img/Signal-Bars 1.png"); 
      case SignalStrength.Bad: 
       return new Uri("ms-appx:///Assets/Img/Signal-Bars 0.png"); 
      default: 
       throw new ArgumentOutOfRangeException(); 
     } 
    } 

正如你所看到的图像位于调用/Assets/Img/

的图像被设定打造类型Embedded Resource一个文件夹中。

我想象有人会问这使组件名称为Hardware.Sensors.GPS

我的问题是，图像不会显示。我没有错误，我可以在转换器中设置一个断点来执行它。

我已经尝试建立一个URI如

Uri("/Assets/Img/Signal-Bars 4.png", UriKind.Relative); 

和

Uri("ms-appx:///Assets/Img/Signal-Bars 4.png"); 

和

Uri("ms-appx:///Hardware.Sensors.GPS,component;/Assets/Img/Signal-Bars 4.png"); 

但没有似乎工作的各种方式。

任何想法？

Answer 1

设置生成操作到Content和复制到输出目录到Do not copy和您现有的代码应工作。

Answer 2

其实我觉得这个问题是不相关的Build Action，您可以设置Build Action到：

我认为这个问题是与你的图片，你可以从BitmapIcon class官方文件看，在“备注“部分：

您使用的文件应该是透明背景上的实心图像。

我用一些从here下载的图像取代了你的图像，它的工作原理。此BitmapIcon控件将使用颜色Foreground重新绘制填充了实心画笔（不透明）的源图像的部分。

所以，第一种方法，你可以替换你的图片。

Sencond我想你可以使用一个控制是这样的：

<Image Grid.Column="1" Source="{Binding GpsSignalState, Converter={StaticResource SignalImageConverter}}" /> 

有产权无ForegroundImage控制，但并不意味着你不能设置一个Foreground盖Image控制，比如，你可以做这样的：

<Grid Grid.Column="1"> 
    <Image Source="{Binding GpsSignalState, Converter={StaticResource SignalImageConverter}}" /> 
    <Rectangle VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Opacity="0.4" 
       Fill="{Binding Foreground, ElementName=userControl}" /> 
</Grid> 

但这种方法不像Foreground属性设置为BitmapIcon，如果你坚持重将透明背景与图像的Foreground颜色配合使用时，应使用BitmapIcon。