【问题标题】:How to set height of the UWP Toolkit DataGrid row?如何设置 UWP Toolkit DataGrid 行的高度?
【发布时间】:2021-10-31 17:03:12
【问题描述】:

使用这个 MSDN 技巧,我尝试设置 UWP Toolkit DataGrid 行的高度,但没有成功。

https://docs.microsoft.com/en-us/windows/communitytoolkit/controls/datagrid_guidance/sizing_options

调整行和行标题 DataGrid 行 默认情况下,DataGrid 行的 Height 属性设置为 Double.NaN(XAML 中的“Auto”),并且该行 高度将扩展到其内容的大小。所有行的高度 在DataGrid中可以通过设置DataGrid.RowHeight来指定 财产。用户无法通过拖动行来更改行高 标题分隔符。

我已经试过了

  1. RowHeight="12" of the DataGrid
  2. DataGridTemplateColumn -> TextBlock Height="12"

没有任何作用。

XAML

 <toolkit:DataGrid ItemsSource="{x:Bind TripEvents, Mode=OneWay}"
                   x:Name="dataGridTripEvents"
                   HeadersVisibility="Column"
                   SelectionMode="Single"  
                   GridLinesVisibility="Horizontal"   
                   RowHeight="12">
  <toolkit:DataGrid.Columns>             
    <toolkit:DataGridTemplateColumn Header="#">
       <toolkit:DataGridTemplateColumn.CellTemplate>
          <DataTemplate>
             <TextBlock Height="12" FontSize="10" Text="{Binding NumberByOrder, Mode=OneWay}" Margin="2,2,2,2" Padding="2,2,2,2">
             </TextBlock>
          </DataTemplate>                                                
       </toolkit:DataGridTemplateColumn.CellTemplate>
    </toolkit:DataGridTemplateColumn>
 </toolkit:DataGrid.Columns>
</toolkit:DataGrid>

请帮忙!谢谢!

【问题讨论】:

  • 设置RowHeight 属性应该可以工作。如果将其设置为例如100 会怎样?你觉得有什么不同吗?
  • 请查看源代码here,最小高度为32,小于32则无效。
  • @NicoZhu-MSFT 看来你是对的,兄弟......好吧......输入asnwer我会标记它。谢谢!
  • @mm8 是的,它适用于 100 像素,但@Zhu 说让 rowheight 小于 32 像素似乎是不可能的` ` 我认为它是完成最小的手指触摸空间。但如果您有其他解决方案,请与我们分享。还是谢谢!

标签: c# uwp uwp-xaml datagridrow uwp-datagrid


【解决方案1】:

请查看源代码here,最小高度为32,如果你设置的值小于32,则无效。

<Style TargetType="local:DataGridCell">
        <Setter Property="Background" Value="{ThemeResource DataGridCellBackgroundBrush}"/>
        <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
        <Setter Property="VerticalContentAlignment" Value="Stretch"/>
        <Setter Property="FontSize" Value="15"/>
        <Setter Property="MinHeight" Value="32"/>
        <Setter Property="IsTabStop" Value="False"/>

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2017-06-15
    • 2023-03-19
    • 2011-01-22
    • 2019-03-14
    • 2021-08-10
    • 2010-11-13
    • 2019-10-09
    相关资源
    最近更新 更多