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

Question

我的 GridView 有以下数据模板

        <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 控件，效果很好。

GridView 在 DataTemplate 中使用 ImageEx（效果很好）

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

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

Answer 1

方法一：

将 HorizontalAlignment 和 VerticalAlignment 设置为 Stretch 用于 RoundImageEx 控件

代码示例

<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"/>

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

UWP community toolkit RoundImageEx image not showing

xaml

uwp

win-universal-app

uwp-xaml

windows-community-toolkit

方法一：

方法二：