Xamarin Forms CollectionView 图像源未绑定到文件路径。（Xamarin Forms 预发行版 v 4.0.0.8055-pre1）答案

【问题标题】：Xamarin Forms CollectionView Image source not binding to file path. (Xamarin Forms Pre-release v 4.0.0.8055-pre1)Xamarin Forms CollectionView 图像源未绑定到文件路径。（Xamarin Forms 预发行版 v 4.0.0.8055-pre1）
【发布时间】：2019-06-02 04:23:42
【问题描述】：

如果我在 XAML 中有一个简单的图像：

<Image
    Source="{Binding ImageUrl}"
    Grid.Column="0"
    HorizontalOptions="EndAndExpand"
    VerticalOptions="CenterAndExpand" />

文件路径正确绑定。但是，如果我将 Image 元素嵌套在 CollectionView 中，则图像不再绑定。

<CollectionView
    x:Name="CV"
    ItemsSource="{Binding ThumbnailPhotos}"
    VerticalOptions="Center"
    HorizontalOptions="Center">
    <CollectionView.ItemsLayout>
        <GridItemsLayout
            Orientation="Vertical"
            Span="2" />
    </CollectionView.ItemsLayout>
    <CollectionView.ItemTemplate>
        <DataTemplate>
            <Frame
                BorderColor="LightGray"
                CornerRadius="3"
                HasShadow="False">
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition
                            Width="Auto" />
                    </Grid.ColumnDefinitions>
                    <Grid.RowDefinitions>
                        <RowDefinition
                            Height="Auto" />
                    </Grid.RowDefinitions>
                    <Image
                        Source="{Binding ImageUrl}"
                        Grid.Column="0"
                        HorizontalOptions="EndAndExpand"
                        VerticalOptions="CenterAndExpand" />
                </Grid>
            </Frame>
        </DataTemplate>
    </CollectionView.ItemTemplate>
</CollectionView>

出于测试目的，我的 ViewModel 中的 ObservableCollection 如下所示：

ThumbnailPhotos = new ObservableCollection<Thumbnail>
{
    new Thumbnail(){ ImageUrl = "/Users/<myUser>/Library/Developer/CoreSimulator/Devices/68BF4E8E-DF6D-4459-B6AD-DCEDB270916B/data/Containers/Data/Application/0C205001-6DFD-4846-9E6D-415F772FCB58/Documents/Defect Photos/IMG_20190102_165617/IMG_20190102_165617.jpg" } ,
    new Thumbnail(){ ImageUrl = "/Users/<myUser>/Library/Developer/CoreSimulator/Devices/68BF4E8E-DF6D-4459-B6AD-DCEDB270916B/data/Containers/Data/Application/0C205001-6DFD-4846-9E6D-415F772FCB58/Documents/Defect Photos/IMG_20190102_165617/IMG_20190102_165617.jpg" } ,
    new Thumbnail(){ ImageUrl = "/Users/<myUser>/Library/Developer/CoreSimulator/Devices/68BF4E8E-DF6D-4459-B6AD-DCEDB270916B/data/Containers/Data/Application/0C205001-6DFD-4846-9E6D-415F772FCB58/Documents/Defect Photos/IMG_20190102_165617/IMG_20190102_165617.jpg" } ,
    new Thumbnail(){ ImageUrl = "/Users/<myUser>/Library/Developer/CoreSimulator/Devices/68BF4E8E-DF6D-4459-B6AD-DCEDB270916B/data/Containers/Data/Application/0C205001-6DFD-4846-9E6D-415F772FCB58/Documents/Defect Photos/IMG_20190102_165617/IMG_20190102_165617.jpg" } ,
};

【问题讨论】：

由于这与预览版本有关，我想说您最好在 Xamarin.Forms GitHub 上打开一个问题，看看这是否是一个错误
完成。 github.com/xamarin/Xamarin.Forms/issues/4913
我在stackoverflow.com/a/54090412/1823589下面回答了我自己的问题

标签： image xamarin xamarin.forms xamarin.ios filepath

【解决方案1】：

错误似乎是文件路径的构造方式。在 iOS 上，我最终使用了这种方法：

var docsPath = Environment.GetFolderPath(Environment.SpecialFolder.MyDocuments);
var photosPath = Path.Combine(docsPath, "DefectPhotos/");

        if(Directory.Exists(photosPath))
        {
            string[] photoNames = GetFileNames(photosPath, "*.jpg");

            foreach (var photoName in photoNames)
            {
                if (photoName.Contains(_item.DefectId))
                {
                    thumbnailPhotos.Add(new Thumbnail() { ImageUrl = photosPath + photoName });
                }
            }
        }

关键部分是获取文档路径的方式。我正在尝试加载的照片名称上使用“获取信息”来测试图像路径。该文件路径无效。

【讨论】：