Question

我有基于PCL的Xamarin解决方案。我需要做的是在应用程序项目中将图像加载到视图中。这些图像在另一个PCL项目中。

基本上我有一些GridView xamarin视图。此视图应显示类似“卡片”的内容。所有数据都加载好，但图像。老实说，我尝试了所有我可以发送的东西 - 绝对路径，嵌入式资源，相对路径，windows ms-appx ///前缀。我没有尝试只对我不熟悉的流。只有网络资源有效。

我的代码：

[assembly: ExportRenderer(typeof(GridViewRoles), typeof(GridViewRolesRenderer))]
namespace StrangerParty.Windows.Renderers
{
    public class GridViewRolesRenderer : ViewRenderer<GridViewRoles, GridView>
    {
        private GridView gridView;

        protected override void OnElementChanged(ElementChangedEventArgs<GridViewRoles> e)
        {
            base.OnElementChanged(e);

            if (this.Control == null)
            {
                this.gridView = new GridView();

                StringBuilder sb = new StringBuilder();
                sb.Append("<DataTemplate xmlns=\"http://schemas.microsoft.com/winfx/2006/xaml/presentation\" xmlns:x=\"http://schemas.microsoft.com/winfx/2006/xaml\">");
                sb.Append("<Grid Height=\"100\" Width=\"100\" >"); /*Background =\"#FF2E2E2E\"*/
                sb.Append("<Image x:Name=\"ImageRoleImage\" Stretch=\"UniformToFill\" Source=\"sampleForTesting.png\"/>");
                sb.Append("</Grid>");
                sb.Append("</DataTemplate>");

                DataTemplate datatemplate = (DataTemplate)XamlReader.Load(sb.ToString());

                this.gridView.ItemTemplate = datatemplate;

                SetNativeControl(this.gridView);
            }

            this.gridView.ItemsSource = Core.Instance.GameHandler.Game.Players;
        }
    }    
}

感谢您提供任何帮助

Answer 1

您可以使用Assembly.GetManifestResourceStream从PCL加载图片文件。根据您的要求，您需要使用Converter代码。

转换器

public object Convert(object value, Type targetType, object parameter, string language)
{
    var temp = new BitmapImage();
    var assembly = typeof(ImageTest.App).GetTypeInfo().Assembly;
    Stream stream = assembly.GetManifestResourceStream(value as string);
    if (stream != null)
    {
        using (var memStream = new MemoryStream())
        {
            stream.CopyTo(memStream);
            memStream.Position = 0;
            temp.SetSource(memStream.AsRandomAccessStream());
        }
    }
    return temp;
}

下一步是创建DataTemplate，要利用converter，XamlLoader无法加载数据模板。因此，您可以为datatemplate创建<ResourceDictionary>，如下面的代码。

....
 xmlns:local="using:ImageTest.UWP"
    RequestedTheme="Light">
    <Application.Resources>
        <ResourceDictionary>
            <DataTemplate x:Key="MyDataTemplate">
                <Grid >
                    <Grid.Resources>
                        <local:DateToStringConverter x:Key="MyConvert"/>
                    </Grid.Resources>
                    <Image Name="MyImage" Source="{Binding imageSource , Mode=OneWay, Converter={StaticResource MyConvert}}" />
                </Grid>
            </DataTemplate>
        </ResourceDictionary>
    </Application.Resources>

<强> MainPage.xaml中

 <GridView Name="MyGridView" ItemTemplate="{StaticResource MyDataTemplate}"/>

<强> MainPage.xaml.cs中

public MainViewModel viewModel { get; set; }
  public MainPage()
  {
      this.InitializeComponent();      
      viewModel = this.DataContext as MainViewModel;
      viewModel.items.Add(new Model() { imageSource = "ImageTest.hello.jpg" });
      viewModel.items.Add(new Model() { imageSource= "ImageTest.hello.jpg" });
          MyGridView.ItemsSource = viewModel.items;
  }

因此，您可以使用相同的方式通过加载DataTemplate来创建<Application.Resources>，就像后面的代码一样。

var ItemTemplate = App.Current.Resources["MyDataTemplate"] as Windows.UI.Xaml.DataTemplate

如果不起作用。请试试我的demo。

如何从特定位置加载图像，而不是从相关组件加载？

1 个答案: