[英]How to make Text Wrap in TreeviewItem?
编辑 : 下面从弗朗切斯科B.给出的解决方案正在工作。 我想知道是否还有XAML解决方案。
我想使TreeViewItem内的TextBlock中的Text换行。 我试图从溶液中这个链接。 它将使Header文本换行,而不是展开的TextBlock。
这是带有父网格的TreeView:
<Grid Background="LightGray">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="auto"/>
<ColumnDefinition />
</Grid.ColumnDefinitions>
<Grid Grid.Column="0" ScrollViewer.HorizontalScrollBarVisibility="Disabled">
<TreeView ScrollViewer.HorizontalScrollBarVisibility="Disabled">
<TreeViewItem Style="{DynamicResource TreeViewItemStyle1}">
<TreeViewItem.Header>
<TextBlock Text="Header Header Header Header Header Header Header Header "
TextWrapping="Wrap" />
</TreeViewItem.Header>
<TextBlock Text="1very 2very 3very 4very 5long 6very 7very 8very 9very 10Long"
TextWrapping="Wrap"
Background="LightCyan" />
</TreeViewItem>
</TreeView>
</Grid>
<GridSplitter Grid.Column="1"
Width="10"
ResizeBehavior="PreviousAndNext" />
<Grid Grid.Column="2"
Background="LightPink" />
</Grid>
这是从TreeViewItemStyle1更改的模板的一部分:
<Border x:Name="Bd"
BorderBrush="Red"
BorderThickness="1"
Background="{TemplateBinding Background}"
Grid.Column="1"
Grid.ColumnSpan="2"
Grid.Row="0"
Padding="{TemplateBinding Padding}"
SnapsToDevicePixels="true">
<ContentPresenter x:Name="PART_Header"
ContentSource="Header"
HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" />
</Border>
<ItemsPresenter x:Name="ItemsHost"
ScrollViewer.HorizontalScrollBarVisibility="Disabled"
TextBlock.FontSize="35"
Grid.Column="1"
Grid.ColumnSpan="2"
Grid.Row="1">
</ItemsPresenter>
我将Grid.ColumnSpan="2"
添加到边框作为另一种解决方案,但这仅使标头被换行。 我觉得我必须对ItemsPresender做些事情。 但是什么都行不通!
请提出解决方案!
谢谢。
我能想到的最快的事情主要是使用后台代码。 它只需要在外部Grid
和TreeView
添加一个名称,即可从中删除样式声明:
<Grid x:Name="MyGrid" Background="LightGray" >
...
<TreeView x:Name="MyTree" ScrollViewer.HorizontalScrollBarVisibility="Disabled">
然后,在后面的代码中,我添加了一个方法来调整每个TreeViewItem
标头和项目的大小:
private void ResizeTree()
{
var MaxWidth = Convert.ToDouble(MyGrid.ColumnDefinitions[0].ActualWidth);
foreach (TreeViewItem item in MyTree.Items)
{
var Header = item.Header as TextBlock;
var Body = item.Items[0] as TextBlock;
Header.Width = MaxWidth - 30;
Body.Width = MaxWidth - 60;
}
}
然后,使用此解决方案 ,当第一次显示Window
时,我向该方法添加了一个调用以调整TreeView
大小:
private bool _shown = false;
public MainWindow()
{
InitializeComponent();
}
protected override void OnContentRendered(EventArgs e)
{
base.OnContentRendered(e);
if (_shown)
{
return;
}
_shown = true;
ResizeTree();
}
最后,我添加了一个在移动GridSplitter
时引发的事件:
<GridSplitter Grid.Column="1" DragCompleted="GridSplitter_DragCompleted"
Width="10" ResizeBehavior="PreviousAndNext" />
当然必须调用ResizeTree
方法:
private void GridSplitter_DragCompleted(object sender, System.Windows.Controls.Primitives.DragCompletedEventArgs e)
{
ResizeTree();
}
其他可能要处理的事情是调整窗口大小,或对页眉和项目使用不同的边距(我选择30和60)。
要查看XAML解决方案,您可以尝试从treeviewitem模板中删除ContentPresenter,然后将其更改为具有所需属性(例如MaxWidth和TextWrapping)的TextBlock,仅此而已。 如果您在模板Text="{TemplateBinding Header}"
设置TextBlock,则一切仍然有效。 现在,您不需要在每个treeviewitem内放置一个文本块-模板就在其中)然后您可以根据需要添加treeviewitems:使用ItemsSource(在这种情况下,您可能还应该指定DataTemplate),或者就像
<TreeView> <TreeViewItem Header="first"/><TreeViewItem Header="second"/>...</TreeView>
还是从后台代码开始,都没关系。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.