Question

我有一些情况,即我有自动切除的小组或网格,但如果它们包含一个<条码>TextBox和TextWrapping=“Wrap”,<条码>TextBox继续将小组/电网扩展至其真正需要之前的一段时期内,例如:

“扩大小组的Text

What I am looking to do is to have the TextBox fill its area by wrapping text before it tries to expand to the right. A simplified example of the issue is:

<Grid>
    <Grid Background="Black" />
    <Grid VerticalAlignment="Top" HorizontalAlignment="Left" Background="White">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto"></ColumnDefinition>
        </Grid.ColumnDefinitions>
        <TextBox TextWrapping="Wrap" Height="120" MinWidth="200" />
    </Grid>
</Grid>

我在Stack Overflow 上发现了一个类似的问题,但所张贴的最佳解决办法不允许扩大TextBox。这种解决办法类似:

<Grid>
    <Grid Background="Black">
    </Grid>
    <Grid VerticalAlignment="Top" HorizontalAlignment="Left" Background="White">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto"></ColumnDefinition>
        </Grid.ColumnDefinitions>
        <Border BorderThickness="0" x:Name="border" Margin="0.5" />
        <TextBox TextWrapping="Wrap" Height="120" MinWidth="200" Width="{Binding ActualWidth, ElementName=border}" />
    </Grid>
</Grid>

除扩大<代码>TextBox外,还有经修改的行为?

Answer 1

虽然我不建议这样做,因为我认为它向用户介绍意想不到的行为,但这似乎达到了你再次要求:

XAML:

<TextBox ... MinHal=120" Width=200"SizeChanged=“TextBox_SizeChanged”/>

背后法典:

private void TextBox_SizeChanged(object sender, SizeChangedEventArgs e)
{
    try
    {
        if (e.PreviousSize == Size.Parse("0,0")) return;
        if (e.PreviousSize == e.NewSize) return;

        if (e.HeightChanged)
        {
            ((TextBox)sender).Width = e.PreviousSize.Width + 20;
        }
    }

    finally
    {
        e.Handled = true;
    }
}

值得一提的两点是,为了做到这一点,你必须同时使用和(Width,以便扩大范围,2)20的横向扩展只是用于测试的任意性价值;你想以更可靠的方式计算可变的扩展价值。

Answer 2

有一个简单的骗子来让它发挥作用。使用Canvas,然后将文本箱的width与文本箱的actualwidth和spo 和的联系起来。

<Canvas x:Name="Canvas" Height="{Binding ElementName=TextBlock, Path=ActualHeight}" VerticalAlignment="Stretch" HorizontalAlignment="Stretch"> <TextBlock x:Name="TextBlock" Width="{Binding ElementName=Canvas, Path=ActualWidth}" TextWrapping="WrapWithOverflow" Text="blah blah blah blah" /> </Canvas>

Screen shots of our production app using it

增编

骗子是,Canvas继承了母集装箱的宽度和孩子的高度。我正在考虑在习俗控制中总结模式。

Answer 3

目前的解决方案Im是上述边界trick,并作了更好的解释:here。为使<代码>TextBox在<代码>Grid上填满区域并在用户生长或缩小窗口时重新定位,相对于的幅度,持地人边界的边缘必须greater。

This solution doesn t auto expand horizontally as initially desired, but it s better than the single line of text expanding to the right issue.

上面图象上边的外围板Xaml(文本箱的面面是5):

<Grid>
    <!-- Diagram Window -->
    <Expander Header="{Binding Source={StaticResource labels}, Path=DiagramToolBoxHeader}" IsExpanded="True">
        <Grid MinWidth="200" MinHeight="200">
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto"></RowDefinition>
                <RowDefinition Height="Auto" ></RowDefinition>
                <RowDefinition Height="Auto"></RowDefinition>
                <RowDefinition Height="Auto"></RowDefinition>
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="10"></ColumnDefinition>
                <ColumnDefinition Width="Auto"></ColumnDefinition>
                <ColumnDefinition Width="*"></ColumnDefinition>
                <ColumnDefinition Width="10"></ColumnDefinition>
            </Grid.ColumnDefinitions>
            <Label Grid.Row="0" Grid.Column="1" Grid.ColumnSpan="2" Style="{StaticResource LabelHeader}" Content="{Binding Title}" />
            <Label Grid.Row="1" Grid.Column="1" Style="{StaticResource SolutionDiagramNameInput}" Content="{Binding SolutionDiagramNameLabel}" />
            <Label Grid.Row="2" Grid.Column="1" Style="{StaticResource DescriptionInput}" Content="{Binding DescriptionLabel}" />
            <TextBox Grid.Row="1" Grid.Column="2" Text="{Binding SolutionDiagramName, Mode=TwoWay}" />
            <Border Name="PlaceHolderBorder" Grid.Column="2" Margin="7"/>
            <TextBox Grid.Row="2" Grid.Column="2" Text="{Binding Description, Mode=TwoWay}" VerticalScrollBarVisibility="Auto"
                     TextAlignment="Left" TextWrapping="Wrap" Width="{Binding ElementName=PlaceHolderBorder, Path=ActualWidth}" />
            <StackPanel Orientation="Horizontal" Grid.Row="3" Grid.Column="2" Margin="5">
                <Button Command="{Binding UpdateCommand}" Content="{Binding UpdateButtonLabel}"></Button>
                <Button Command="{Binding ResetCommand}" Content="{Binding ResetButtonLabel}"></Button>
                <Button Command="{Binding DefaultsCommand}" Content="{Binding DefaultsButtonLabel}"></Button>
                <Button Command="{Binding CloseConfirmCommand}" Content="{Binding CloseButtonLabel}"></Button>
            </StackPanel>
        </Grid>
    </Expander>
</Grid>

友情链接