视图面板中网格中的文本换行？

Question

我想写一份调查问卷。它将位于一个选项卡中。我想要三列：问题编号、问题、组框。我将有 14 个这样的东西，所以所有东西都必须有自己的行。第 2 列中的文本有时足够长，可以换行。我觉得我已经尝试了所有组合，但我要么得到非常大的字体，要么得到非常小的字体。我希望能够调整窗口大小。无论我最近做了什么，它都会垂直调整大小，但不会水平调整。我是一个初学者，所以我提前为间距表示歉意。

<Grid>
  <Label Name="ADCS" Content="ADCS" VerticalAlignment="Top" HorizontalAlignment="Center" Margin="6" />
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto" />
            <ColumnDefinition Width="270*" />
            <ColumnDefinition Width="54*" />
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>
            <Viewbox>
            <StackPanel HorizontalAlignment="Left" Name="stackPanel2">
                <Label Name="a1" Content="1." Grid.Column="1" Grid.Row="1"   Margin="6" />
                <Label Name="lblADCS1" Grid.Column="2" Grid.Row="1" Margin="6" />
                <TextBlock 
                        Text="Do you like cheese?" TextWrapping = "WrapWithOverflow">
                </TextBlock>
                <GroupBox Header="ADCS1" Grid.Row="1" Grid.Column="3">
                        <StackPanel Orientation="Horizontal" >
                            <RadioButton Margin ="5" Name="Yes__1" />
                            <RadioButton Margin ="5" Name="No__1" />
                            <RadioButton Margin ="5" Name="Maybe__1" />
                            <RadioButton Margin ="5" Name="Clear__1" />
                        </StackPanel>
                    </GroupBox>
                <Label Name="a2" Content="2." Grid.Column="1" Grid.Row="2" Margin="6" />
                <Label Name="lblADCS2" Grid.Column="2" Grid.Row="2" Margin="6">
                    <TextBlock 
                        Text="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua?" 
                        TextWrapping = "WrapWithOverflow">
                    </TextBlock>
                </Label>
                <GroupBox Header="ADCS2" Grid.Column="3" Grid.Row="2" >
                    <StackPanel Orientation="Horizontal" >
                        <RadioButton Margin ="5" Name="Yes__2" />
                        <RadioButton Margin ="5" Name="No__2" />
                        <RadioButton Margin ="5" Name="Maybe__2" />
                        <RadioButton Margin ="5" Name="Clear__2" />
                    </StackPanel>
                </GroupBox>
            </StackPanel>
        </Viewbox>
    </Grid>
</Grid>

Answer 1

如果您打算回答 14 个问题，我建议您采用数据驱动的解决方案。编写一个 Question 类并将 14 个 Question 对象添加到一个集合中，并使用一些数据模板将集合数据绑定到 itemscontrol。

不管怎样，下面是一个网格，显示了两个带有文本换行的问题。

<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="Auto" />
        <ColumnDefinition Width="*" />
        <ColumnDefinition Width="Auto" />
    </Grid.ColumnDefinitions>
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto" />
        <RowDefinition Height="Auto" />
    </Grid.RowDefinitions>
    <Label Grid.Column="0" Grid.Row="0" Content="1" /> <!--Question Number-->
    <TextBlock Grid.Column="1" Grid.Row="0" TextWrapping="WrapWithOverflow" Text="Do you like cheese?" /> <!--Question-->
    <GroupBox Header="ADCS1" Grid.Row="0" Grid.Column="2"> <!--Group Box-->
        <StackPanel Orientation="Horizontal" >
            <RadioButton Content="A" />
            <RadioButton Content="B" />
            <RadioButton Content="C" />
        </StackPanel>
    </GroupBox>
    <Label Grid.Column="0" Grid.Row="1" Content="1" /> <!--Question Number-->
    <TextBlock Grid.Column="1" Grid.Row="1" TextWrapping="WrapWithOverflow" Text="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua?" /> <!--Question-->
    <GroupBox Header="ADCS1" Grid.Row="1" Grid.Column="2"> <!--Group Box-->
        <StackPanel Orientation="Horizontal" >
            <RadioButton Content="A" />
            <RadioButton Content="B" />
            <RadioButton Content="C" />
        </StackPanel>
    </GroupBox>
</Grid>

Answer 2

我对你的代码做了一些更改：

• 删除了嵌套的 Viewbox、Grid 和 StackPanel，不知道为什么你需要将它们全部放在一起，
• 使 StackPanel 拉伸
• 添加滚动查看器

看看它是否适合你

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="40" />
        <RowDefinition Height="*" />
    </Grid.RowDefinitions>

    <Label Grid.Row="0" Name="ADCS" Content="ADCS" VerticalAlignment="Top" HorizontalAlignment="Center" Margin="6" />

    <ScrollViewer Grid.Row="1" VerticalScrollBarVisibility="Auto" HorizontalScrollBarVisibility="Disabled">
        <StackPanel HorizontalAlignment="Stretch" Name="stackPanel2" >
            <Label Name="a1" Content="1." Margin="6" />
            <Label Name="lblADCS1" Margin="6">
                <TextBlock 
                    Text="Do you like cheese?" TextWrapping = "WrapWithOverflow">
                </TextBlock>
            </Label>
            <GroupBox Header="ADCS1">
                <StackPanel Orientation="Horizontal" >
                    <RadioButton Margin ="5" Name="Yes__1" />
                    <RadioButton Margin ="5" Name="No__1" />
                    <RadioButton Margin ="5" Name="Maybe__1" />
                    <RadioButton Margin ="5" Name="Clear__1" />
                </StackPanel>
            </GroupBox>
            <Label Name="a2" Content="2." Margin="6" />
            <Label Name="lblADCS2" Margin="6">
                <TextBlock 
                            Text="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua?" 
                            TextWrapping = "WrapWithOverflow">
                </TextBlock>
            </Label>
            <GroupBox Header="ADCS2" >
                <StackPanel Orientation="Horizontal" >
                    <RadioButton Margin ="5" Name="Yes__2" />
                    <RadioButton Margin ="5" Name="No__2" />
                    <RadioButton Margin ="5" Name="Maybe__2" />
                    <RadioButton Margin ="5" Name="Clear__2" />
                </StackPanel>
            </GroupBox>
        </StackPanel>
    </ScrollViewer>
</Grid>

希望这有帮助，问候