Question

我在Prism framework顶部有一个用C＃编写的WPF项目。

按下时我有一个按钮，我使用InteractionRequest来显示对话框。该对话框的视图的宽度为550。

该视图是使用网格设计的，我希望网格的宽度也为550，这是对话框的最大宽度。

但是，当列中的文本较长时，网格似乎总是比对话框拉伸得更多。

这是一个可以更好地解释视觉问题的屏幕截图

图片中的第一行代表title，第二行代表description

这是呈现此对话框/视图的XAML代码

<UserControl x:Class="Modules.Register.Views.RecallTransactionView"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:local="clr-namespace:Modules.Register.Views"
             xmlns:fa="http://schemas.fontawesome.io/icons/"
             xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
             xmlns:prism="http://prismlibrary.com/"
             prism:ViewModelLocator.AutoWireViewModel="True"
             TextElement.Foreground="{DynamicResource MaterialDesignBody}"
             TextElement.FontWeight="Regular"
             TextElement.FontSize="14"
             TextOptions.TextFormattingMode="Ideal"
             TextOptions.TextRenderingMode="Auto"
             mc:Ignorable="d" 
             Width="550">

    <Grid Width="550" >

        <DataGrid ItemsSource="{Binding Dialog.SavedTransactions}"
                  AutoGenerateColumns="False"
                  IsReadOnly="True"
                  HorizontalAlignment="Stretch"
                  VerticalAlignment="Top"
                  CanUserAddRows="False"
                  VerticalContentAlignment="Center"
                  HorizontalContentAlignment="Stretch"
                  CellStyle="{StaticResource CenterDataGridCell}">

            <DataGrid.Columns>

                <DataGridTemplateColumn>
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <StackPanel>
                                <TextBlock Text="{Binding Title}" TextWrapping="Wrap" />
                                <TextBlock Text="{Binding Description}" TextWrapping="Wrap" />
                            </StackPanel>
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                </DataGridTemplateColumn>

                <DataGridTemplateColumn>
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <Button VerticalAlignment="Center"
                                    Command="{Binding RelativeSource={RelativeSource AncestorType={x:Type DataGrid}}, 
                                                      Path=DataContext.SelectTransaction}"
                                    CommandParameter="{Binding}">

                                <StackPanel Orientation="Horizontal">
                                    <fa:FontAwesome Icon="Eye"
                                                    FontSize="18" />

                                    <TextBlock Text="Recall"
                                               Padding="7 0 0 0" />
                                </StackPanel>
                            </Button>
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                </DataGridTemplateColumn>

            </DataGrid.Columns>
        </DataGrid>

    </Grid>
</UserControl>

您会看到Title和Description都具有TextWrapping="Wrap"，但由于某种原因，它没有包装。

我基本上是在尝试删除水平滚动条，但强制将文本换行。我该如何解决这个问题？

Answer 1

您需要将第一个网格列的宽度设置为'*'

            <DataGridTemplateColumn Width="*">
                <DataGridTemplateColumn.CellTemplate>
                    <DataTemplate>
                        <StackPanel>
                            <TextBlock Text="{Binding Title}" TextWrapping="Wrap" />
                            <TextBlock Text="{Binding Description}" TextWrapping="Wrap" />
                        </StackPanel>
                    </DataTemplate>
                </DataGridTemplateColumn.CellTemplate>
            </DataGridTemplateColumn>

如何在XAML视图中将网格的最大宽度设置为最大对话框宽度？

1 个答案: