如何修复 Windows Phone 8.1 网格列中的图像大小？答案

【问题标题】：How to fix image size in Windows Phone 8.1 grid column?如何修复 Windows Phone 8.1 网格列中的图像大小？
【发布时间】：2015-04-01 11:24:46
【问题描述】：

我有一个带有以下网格的列表视图作为项目模板：

<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*" />
        <ColumnDefinition Width="2*" />
    </Grid.ColumnDefinitions>
</Grid>

我将图像作为第一列内容，将文本作为第二列内容。这些资源从 Internet 加载，而图像未加载时，第一列没有宽度。

如何解决这个问题？我是否需要跟踪图像加载进度并用真实图像替换一些占位符？

【问题讨论】：

可以设置一个MinWidth，或者在您的图像绑定上放置一个FallbackValue 指向一个占位符图像。

标签： xaml listview layout grid windows-phone-8.1

【解决方案1】：

为什么不使用占位符或某种回退？如果您的用户可以期待当前仍在加载的图像，您应该携带某种虚拟图像以及在检索内容时显示的资产。

您可以在 XAML 代码中设置此类回退：

<Image Source="{Binding Image, FallbackValue='Assets/placeholder.png'}" />

我还建议您在代码中包含这样的机制。只需在标准构造函数中添加虚拟图像的路径/引用，并在从 Internet 检索到图像后将其替换为真实图像。

【讨论】：