Question

所以我创建了一个Windows应用商店应用程序（又名Windows 8应用程序/以前称为Metro App），然后导入一个包含图像的zip存档（导入功能很好）。

当zip被提取时（在它自己的文件夹中），我在ObservableCollection中添加代表该文件夹的对象。

此ObservableCollection用作GridView的DataContext，正确显示文件夹的名称，但文件夹的第一个图像不是......＆lt; =以便我的问题。

在提取完成后，我使用静态方法创建对象

public class ZipFolder
    {

        public string Title
        {
            get { return _title; }
            set { _title = value;}
        }
        public int CurrentPage
        {
            get { return _currentPage; }
            set { _currentPage = value;}
        }
        public Uri PathCover
        {
            get { return _pathCover;  }
            set { _pathCover = value;}
        }

        private string _title ;
        private int _currentPage;
        private Uri _pathCover;

    }

public static async Task<ZipFolderObject> CreateComic(StorageFolder folder)
{
    ZipFolderObject o = new ZipFolderObject();
    o.Title = folder.DisplayName;

    IReadOnlyList<StorageFile> asyncOperation = await folder.GetFilesAsync();
    StorageFile cover = asyncOperation[0];

    o.PathCover = new Uri("ms-appdata:///local/" + folder.Name + "/" + cover.Name);

    return o;
}

绑定看起来像这样：

<DataTemplate x:Key="zipFolderItemTemplate">
        <StackPanel Width="165" Height="250">
            <Grid Height="215">
                <Border Background="Bisque" Width="{Binding ActualWidth, ElementName=image}">
                    <!--<Image x:Name="image" VerticalAlignment="Top" HorizontalAlignment="Center" Source="{Binding Cover}" />-->
                    <Image Stretch="Uniform" x:Name="image" VerticalAlignment="Top" HorizontalAlignment="Center">
                        <Image.Source>
                            <BitmapImage   UriSource="{Binding PathCover}" />
                        </Image.Source>
                    </Image>
                </Border>
                <Polygon Points="0,0 0,50, 50,0" Stroke="Red" FillRed" RenderTransformOrigin="0.5,0.5" Visibility="{Binding CurrentPage, Converter={StaticResource BookmarkVisibilityConverter}}" Width="{Binding ActualWidth, ElementName=image}" />
            </Grid>
            <TextBlock HorizontalAlignment="Center" TextWrapping="Wrap" VerticalAlignment="Top" Text="{Binding Title}" Margin="0,10,0,0" Foreground="Black" />
        </StackPanel>
    </DataTemplate>

所以，如果有人对我的问题有所暗示，那就太棒了！

Answer 1

如果提取图像，子目录，则只能在Image Source上使用directory / filename.ext。 Concat两个值并设置为PathCover属性：

 folder.Name + "/" + cover.Name

在本节中编辑Data Templete：

<Image Stretch="Uniform" x:Name="image" VerticalAlignment="Top" HorizontalAlignment="Center" Source={Binding PathCover}/>

问候。

Answer 2

只需使用String而不是Uri。

在mainpage.xaml

中

 <Image Source="{Binding VehicleIcon}" Height="54" Width="54"/>

在viewmodel.cs文件中

public String VehicleIcon {get;set; }
...
VehicleIcon = "ms-appx:///Assets/logo.png";

在Winrt和MVVM Pattern中显示来自Uri的图像

2 个答案: