UWP 社区工具包 RoundImageEx 图像未显示

Question

我的 GridView 有以下 DataTemplate

        <DataTemplate x:Key="GridViewItemTemplate">
        <Grid Margin="5,10" MaxWidth="80">
            <Grid.RowDefinitions>
                <RowDefinition Height="*"/>
                <RowDefinition Height="Auto"/>
            </Grid.RowDefinitions>
            <!-- Vendor image-->
            <toolkitControls:RoundImageEx IsCacheEnabled="True" PlaceholderSource="/Assets/Samples/AnotherSampleImage.png" PlaceholderStretch="Uniform" Source="/Assets/Samples/SampleImage.png" Stretch="Uniform" HorizontalAlignment="Center" VerticalAlignment="Center"/>
            <TextBlock Grid.Row="1" Padding="0,5,0,0" Text="{Binding NameEn}" HorizontalAlignment="Center" TextWrapping="Wrap" FontSize="{StaticResource SmallTextSize}"/>
        </Grid>
    </DataTemplate>

这里我使用来自 UWP 社区工具包的RoundImageEx 控件。问题是 Image 和 ImagePlaceholder 都没有显示。 我尝试使用工具包中的ImageEx 控件，效果很好。

在 DataTemplate 中使用 ImageEx 的 GridView（它工作得很好）

在 DateTemplate 中使用 RoundImageEx 的 GridView（图像未显示）

这是某种错误还是我做错了什么？

Answer 1

方法一：

为您的RoundImageEx 控件设置HorizontalAlignment 和VerticalAlignment 为Stretch

代码示例

<toolkitControls:RoundImageEx IsCacheEnabled="True" PlaceholderSource="/Assets/Samples/AnotherSampleImage.png" 
                              PlaceholderStretch="Uniform" Source="/Assets/Samples/SampleImage.png" Stretch="Uniform" 
                              HorizontalAlignment="Stretch" VerticalAlignment="Stretch"/>

方法二：

为您的RoundImageEx 控件设置Width 和Height

代码示例

<toolkitControls:RoundImageEx IsCacheEnabled="True" PlaceholderSource="/Assets/Samples/AnotherSampleImage.png" 
                              PlaceholderStretch="Uniform" Source="/Assets/Samples/SampleImage.png" Stretch="Uniform"
                              Width="100" Height="100"/>