c# - 如何为 UWP 调整 Telerik UI 的 listviewitem 容器的高度

Question

这是我第一次将 Telerik UI 用于 UWP。我将列表视图添加到 xaml：

<telerikDataControls:RadListView x:Name="rlvProducts" Grid.Row="1" IsCheckModeActive="True" FontSize="12">
<telerikDataControls:RadListView.ItemTemplate>
    <DataTemplate >
        <TextBlock Text="{Binding}" VerticalAlignment="Center" HorizontalAlignment="Left"/>
    </DataTemplate>
</telerikDataControls:RadListView.ItemTemplate>

我得到这样的列表视图：

可以看到项目高度太大了。

我尝试重新设置字体大小、模板文本块的高度，但没有成功。

谁能告诉我如何调整listviewitem的高度？非常感谢。

Answer 1

您可以应用自定义RadListViewItem样式，如下所示：

<data:RadListView>
    <data:RadListView.ItemTemplate>
        <DataTemplate>
            <TextBlock ... />
        </DataTemplate>
    </data:RadListView.ItemTemplate>
    <data:RadListView.ItemStyle>
        <Style TargetType="listView:RadListViewItem">
            <Setter Property="VerticalAlignment" Value="Center" />
            <Setter Property="VerticalContentAlignment" Value="Center" />
            <Setter Property="MinHeight" Value="0" />
            <Setter Property="Padding" Value="0" />
        </Style>
    </data:RadListView.ItemStyle>
</data:RadListView>

您当然可以进一步调整Style以满足您的需求。

有关 ItemStyling 的更多信息，包括 ItemSwipe 样式，请参阅这篇文章。

Answer 2

您可以<fieldset>在项目模板中使用标签来控制它，例如：

 <telerikDataControls:RadListView x:Name="rlvProducts" Grid.Row="1" IsCheckModeActive="True" FontSize="12">
  <telerikDataControls:RadListView.ItemTemplate>
    <fieldset  style="float: left; width: 350px; height: 150px;/>
    <DataTemplate >... </DataTemplate>
  </telerikDataControls:RadListView.ItemTemplate>
</telerikDataControls:RadListView>

有关更多详细信息，请参见此处：doc