0

我的 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>

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

在 DataTemplate 中使用 ImageEx 的 GridView(它工作得很好) 在 DataTemplate 中使用 ImageEx 的 GridView(它工作得很好)

在 DateTemplate 中使用 RoundImageEx 的 GridView(图像未显示) 在 DateTemplate 中使用 RoundImageEx 的 GridView(图像未显示)

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

4

1 回答 1

2

方法一:

设置HorizontalAlignment为您VerticalAlignment的控制StretchRoundImageEx

代码示例

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

方法二:

设置WidthHeight为您的RoundImageEx控制

代码示例

<toolkitControls:RoundImageEx IsCacheEnabled="True" PlaceholderSource="/Assets/Samples/AnotherSampleImage.png" 
                              PlaceholderStretch="Uniform" Source="/Assets/Samples/SampleImage.png" Stretch="Uniform"
                              Width="100" Height="100"/>
于 2017-08-06T10:00:10.327 回答