正確的方式來獲取作爲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。