[英]How can I prioritize WPF textbox wrap over autosize?
我有一些在那里我有板或自動調整電網的情況,但如果它們包含一個TextBox
與TextWrapping="Wrap"
,在TextBox
繼續擴大面板/格向右長時間,才真正需要的,如下圖:
我想要做的是讓TextBox
在嘗試向右擴展之前通過包裝文本來填充其區域。 該問題的簡化示例是:
<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>
我發現了一個類似的問題上堆棧溢出這里 ,但公布最佳的解決方案並沒有讓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
之外的任何想法?
有一個簡單的技巧讓它工作。 使用帆布,然后將文本框的寬度綁定到畫布的ActualWidth的和畫布到文本框的的ActualHeight 高度 。
<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>
使用它的我們的生產應用程序的屏幕截圖
並調整大小
訣竅是Canvas繼承父容器的寬度和子容器的高度。 我正在考慮將模式包裝在自定義控件中。
雖然我不建議這樣做,因為我認為它會給用戶帶來意想不到的行為,但這似乎達到了你所要求的:
XAML:
<TextBox ... MinHeight="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;
}
}
有MinHeight
需要注意,1)為了使其工作,你必須同時使用MinHeight
和Width
進行擴展,2)20的水平擴展只是我用於測試目的的任意值; 你想要提出一種更可靠的計算變量擴展值的方法。
我現在要解決的解決方案是上面提到的邊界技巧,並在這里解釋得更好。 為了使TextBox
自動填充Grid
的區域並在用戶增大或縮小窗口時調整自身大小,占位符邊框的邊距必須大於 TextBox
的邊距。
此解決方案不會像最初期望的那樣自動水平擴展,但它比擴展到正確問題的單行文本更好。
上面圖像中帶有邊框技巧的面板示例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>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.