UWP アプリを実行していますが、UWP アプリで画像を読み込んでバインドするのに苦労しています。どうすればよいですか?
私の現在の構造:
MyApp.Model:
|
|-Models
|-MyModel.cs
|-MyModelContainer.cs
|-Resources
|-image1.png
|-image2.png
|-image3.png
私の Xaml は別のプロジェクトにあります (10 ユニバーサル アプリを獲得し、このポータブル クラス ライブラリを参照します)。
MyModelContainer
をインスタンス化するシングルトン コンテナーのみIEnumerable<MyModel>
です。その内容は次のとおりです。
public class MyModel{
public String Name{get;set;}
public ??????? Icon {get;set;}
}
public static class MyModelContainer{
private static IEnumerable<MyModel> _myModelList;
public static IEnumerable<MyModel> MyModelList{get{
if(_myModelList==null){
Initialize();
}
return _myModelList;
}}
private static Initialize(){
_myModelList = new List<MyModel>() {
new MyModel(){
Name = "Model one"
Icon = ???????
}
};
}
}
XAML のある場所で、次のリストを受け取りMyModel
ますItemsControl
。
<ItemsControl ItemsSource="{Binding MyModelListProperty}" >
<ItemsControl.ItemsPanel >
<ItemsPanelTemplate>
<StackPanel/>
</ItemsPanelTemplate>
</ItemsControl.ItemsPanel>
<ItemsControl.ItemTemplate>
<DataTemplate >
<Button Margin="10" MinHeight="50" MinWidth="40" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" >
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="*"></RowDefinition>
<RowDefinition Height="Auto"></RowDefinition>
</Grid.RowDefinitions>
<Image Source="{Binding Icon}" ></Image>
<TextBlock Grid.Row="1" Text="{Binding Name}" ></TextBlock>
</Grid>
</Button>
</DataTemplate>
</ItemsControl.ItemTemplate>
</ItemsControl>^
私の質問:
- 画像をバインドするために使用する必要があるプロパティのタイプは何ですか (私はそうだと思いました
BitmapImage
か? - このプロパティを作成するにはどうすればよいですか?
Icon = new BitmapImage(new Uri("ms-appx://MyApp.Model/Resources/image1.png"))
画像が読み込まれていません (ImageFailed イベントがトリガーされます) 。 - このプロパティを にバインドするにはどうすればよい
<Image/>
ですか?
これは、Win8ではなく、WPFではなく、UWP(windows 10)アプリ用です。
どうもありがとうございました。
編集
フォルダ構成はこちら
MyApp == AstroApp
MyApp.Model == AstroApp.Model
MyModel = AstroSign
MyModelContainer = AstroManager