我有个问题。
我需要在 ScrollViewer 中托管带有控件的网格,以防止文本框在 UI 上被截断或折叠为零。另外,我希望当用户更改窗口宽度时扩展文本框。
我将窗口的内容设置为以下代码
<DockPanel>
<TreeView DockPanel.Dock="Left" Width="150"/>
<ScrollViewer VerticalScrollBarVisibility="Auto" HorizontalScrollBarVisibility="Auto">
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto"/>
<ColumnDefinition />
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="Auto"/>
</Grid.RowDefinitions>
<TextBlock Text="Name"
Margin="5"
VerticalAlignment="Center"/>
<TextBox Grid.Column="1"
Text="Some Name"
Margin="5"
VerticalAlignment="Center"
MinWidth="200"/>
</Grid>
</ScrollViewer>
</DockPanel>
一切正常,但是当用户在 TextBox 中键入很长的文本时,它会被扩展并出现水平滚动。
是否有任何简单的方法来限制 TextBox 最大宽度并仅在用户更改窗口大小时才允许其扩展。
问题在于,父元素为 TextBox 提供了它认为需要的空间,并且当存在更多文本时,它会扩展而不是保持初始自动大小。
这里的一个解决方案是创建另一个自动调整大小的元素并将 TextBox.Width 绑定到它:
<DockPanel>
<TreeView Width="150" DockPanel.Dock="Left"/>
<ScrollViewer HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto">
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto"/>
<ColumnDefinition/>
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="Auto"/>
</Grid.RowDefinitions>
<TextBlock Margin="5" VerticalAlignment="Center" Text="Name"/>
<Border x:Name="b" Grid.Column="1" Margin="5"/>
<TextBox Width="{Binding ActualWidth, ElementName=b}"
MinWidth="200"
Grid.Column="1"
Margin="5"
VerticalAlignment="Center"
Text="Some Name"/>
</Grid>
</ScrollViewer>
</DockPanel>
请注意,我们设置了自动调整大小元素(边框)的 Margin 属性。这很重要,因为如果不设置,就会出现循环:
- 边框宽度自动调整为网格列宽度
- TextBox 宽度调整为 Border.ActualWidth
- 网格列宽度调整为 TextBox 宽度 + TextBox 边距
- 边框宽度再次自动调整为网格列宽
通过将 Margin 设置为与 TextBox 相同,TextBox 的大小调整不会影响 Grid 大小。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)