Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/wpf/13.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
TreeViewItem.Header内部带有网格 我试图使“IMG”出现在TeeVIEWiMe.Head的结尾(接近TeeVIEW控件的右侧),但不管我尝试什么,标题宽度总是小于TeeVIEW大小,当然“IMG”出现在控件中间的某个地方。这可能是一个非常新的问题;我刚刚开始学习WPF <TreeView Grid.Row="1" Grid.ColumnSpan="2" Margin="3,3,3,3" Name="treeView1" Width="300"> <TreeViewItem HorizontalAlignment="Stretch"> <TreeViewItem.Header> <Grid HorizontalAlignment="Stretch"> <Grid.RowDefinitions> <RowDefinition /> </Grid.RowDefinitions> <Grid.ColumnDefinitions> <ColumnDefinition /> <ColumnDefinition Width="30" /> </Grid.ColumnDefinitions> <Label Grid.Column="0" Grid.Row="0">General</Label> <Label Grid.Column="1" Grid.Row="0">Img</Label> </Grid> </TreeViewItem.Header> </TreeViewItem> </TreeView> 一般的 Img_Wpf_Treeviewitem - Fatal编程技术网

TreeViewItem.Header内部带有网格 我试图使“IMG”出现在TeeVIEWiMe.Head的结尾(接近TeeVIEW控件的右侧),但不管我尝试什么,标题宽度总是小于TeeVIEW大小,当然“IMG”出现在控件中间的某个地方。这可能是一个非常新的问题;我刚刚开始学习WPF <TreeView Grid.Row="1" Grid.ColumnSpan="2" Margin="3,3,3,3" Name="treeView1" Width="300"> <TreeViewItem HorizontalAlignment="Stretch"> <TreeViewItem.Header> <Grid HorizontalAlignment="Stretch"> <Grid.RowDefinitions> <RowDefinition /> </Grid.RowDefinitions> <Grid.ColumnDefinitions> <ColumnDefinition /> <ColumnDefinition Width="30" /> </Grid.ColumnDefinitions> <Label Grid.Column="0" Grid.Row="0">General</Label> <Label Grid.Column="1" Grid.Row="0">Img</Label> </Grid> </TreeViewItem.Header> </TreeViewItem> </TreeView> 一般的 Img

TreeViewItem.Header内部带有网格 我试图使“IMG”出现在TeeVIEWiMe.Head的结尾(接近TeeVIEW控件的右侧),但不管我尝试什么,标题宽度总是小于TeeVIEW大小,当然“IMG”出现在控件中间的某个地方。这可能是一个非常新的问题;我刚刚开始学习WPF <TreeView Grid.Row="1" Grid.ColumnSpan="2" Margin="3,3,3,3" Name="treeView1" Width="300"> <TreeViewItem HorizontalAlignment="Stretch"> <TreeViewItem.Header> <Grid HorizontalAlignment="Stretch"> <Grid.RowDefinitions> <RowDefinition /> </Grid.RowDefinitions> <Grid.ColumnDefinitions> <ColumnDefinition /> <ColumnDefinition Width="30" /> </Grid.ColumnDefinitions> <Label Grid.Column="0" Grid.Row="0">General</Label> <Label Grid.Column="1" Grid.Row="0">Img</Label> </Grid> </TreeViewItem.Header> </TreeViewItem> </TreeView> 一般的 Img,wpf,treeviewitem,Wpf,Treeviewitem,要实现这一点,您需要使用TreeView的ItemContainerStyle更改TreeView项目的控件模板(这是应用于TreeView根目录中任何项目的样式) 默认的TreeViewItem没有拉伸,因此它不会一直向右延伸。 设置标头时,它位于TreeViewItem内,因此无法延伸超过它 我不会发布整个风格,因为它太长了 以下是在Blend中的操作: 选择树视图项,右键单击并选择“编辑控制部件/编辑副本”。将样式保存到任何需要的位置 现在,在模板中,展开内容并找到“Bd”元素,它是一个边

要实现这一点,您需要使用TreeView的ItemContainerStyle更改TreeView项目的控件模板(这是应用于TreeView根目录中任何项目的样式)

默认的TreeViewItem没有拉伸,因此它不会一直向右延伸。 设置标头时,它位于TreeViewItem内,因此无法延伸超过它

我不会发布整个风格,因为它太长了

以下是在Blend中的操作: 选择树视图项,右键单击并选择“编辑控制部件/编辑副本”。将样式保存到任何需要的位置

现在,在模板中,展开内容并找到“Bd”元素,它是一个边框。将其RowSpan属性更改为“2”

最后,将项目的“HorizontalContentAlignment”属性设置为“Stretch”(如果需要将其应用于多个节点,则在项目上或通过样式)

您的物品现在应该是正确的宽度。 现在,这只适用于您选择的项目。如果您想让它适用于添加到treeview的任何项目,则需要将treeview的“ItemContainerStyle”更改为新创建的样式,并删除放置在treeview项目上的混合样式

最后但并非最不重要的一点是,您需要将TreeViewItem的ItemContainerStyle设置为相同的样式,以便其子项也可以一直扩展,以此类推

最后,通过您的示例和第一项上的子节点:

<Grid x:Name="LayoutRoot">
<TreeView Margin="3,3,3,3" Name="treeView1" Width="300" ItemContainerStyle="{DynamicResource TreeViewItemStyle1}">
<TreeViewItem HorizontalAlignment="Stretch" HorizontalContentAlignment="Stretch" ItemContainerStyle="{DynamicResource TreeViewItemStyle1}">
    <TreeViewItem.Header>
        <Grid HorizontalAlignment="Stretch">
            <Grid.RowDefinitions>
                <RowDefinition  />
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
                <ColumnDefinition />
                <ColumnDefinition Width="30" />
            </Grid.ColumnDefinitions>

            <Label Grid.Column="0" Grid.Row="0">General</Label>
            <Label Grid.Column="1" Grid.Row="0">Img</Label>
        </Grid>
    </TreeViewItem.Header>
    <TreeViewItem>
     <TreeViewItem.Header>
        <Grid HorizontalAlignment="Stretch">
            <Grid.RowDefinitions>
                <RowDefinition  />
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
                <ColumnDefinition />
                <ColumnDefinition Width="30" />
            </Grid.ColumnDefinitions>

            <Label Grid.Column="0" Grid.Row="0">General</Label>
            <Label Grid.Column="1" Grid.Row="0">Img</Label>
        </Grid>
    </TreeViewItem.Header>
</TreeViewItem>
</TreeViewItem>

一般的
Img
一般的
Img

“TreeViewItemStyle1”是为您创建的混合样式

编辑

根据要求,以下是由blend和modified生成的完整样式。它很长,因为它基本上是内置样式的复制品,只需稍加修改

<Style x:Key="TreeViewItemFocusVisual">
            <Setter Property="Control.Template">
                <Setter.Value>
                    <ControlTemplate>
                        <Rectangle/>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
        <PathGeometry x:Key="TreeArrow" Figures="M0,0 L0,6 L6,0 z"/>
        <Style x:Key="ExpandCollapseToggleStyle" TargetType="{x:Type ToggleButton}">
            <Setter Property="Focusable" Value="False"/>
            <Setter Property="Width" Value="16"/>
            <Setter Property="Height" Value="16"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type ToggleButton}">
                        <Border Width="16" Height="16" Background="Transparent" Padding="5,5,5,5">
                            <Path Fill="Transparent" Stroke="#FF989898" x:Name="ExpandPath" Data="{StaticResource TreeArrow}">
                                <Path.RenderTransform>
                                    <RotateTransform Angle="135" CenterX="3" CenterY="3"/>
                                </Path.RenderTransform>
                            </Path>
                        </Border>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsMouseOver" Value="True">
                                <Setter Property="Stroke" TargetName="ExpandPath" Value="#FF1BBBFA"/>
                                <Setter Property="Fill" TargetName="ExpandPath" Value="Transparent"/>
                            </Trigger>
                            <Trigger Property="IsChecked" Value="True">
                                <Setter Property="RenderTransform" TargetName="ExpandPath">
                                    <Setter.Value>
                                        <RotateTransform Angle="180" CenterX="3" CenterY="3"/>
                                    </Setter.Value>
                                </Setter>
                                <Setter Property="Fill" TargetName="ExpandPath" Value="#FF595959"/>
                                <Setter Property="Stroke" TargetName="ExpandPath" Value="#FF262626"/>
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
        <Style x:Key="TreeViewItemStyle1" TargetType="{x:Type TreeViewItem}">
            <Setter Property="Background" Value="Transparent"/>
            <Setter Property="HorizontalContentAlignment" Value="{Binding Path=HorizontalContentAlignment, RelativeSource={RelativeSource AncestorType={x:Type ItemsControl}}}"/>
            <Setter Property="VerticalContentAlignment" Value="{Binding Path=VerticalContentAlignment, RelativeSource={RelativeSource AncestorType={x:Type ItemsControl}}}"/>
            <Setter Property="Padding" Value="1,0,0,0"/>
            <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/>
            <Setter Property="FocusVisualStyle" Value="{StaticResource TreeViewItemFocusVisual}"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type TreeViewItem}">
                        <Grid>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition MinWidth="19" Width="Auto"/>
                                <ColumnDefinition Width="Auto"/>
                                <ColumnDefinition Width="*"/>
                            </Grid.ColumnDefinitions>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="Auto"/>
                                <RowDefinition/>
                            </Grid.RowDefinitions>
                            <ToggleButton x:Name="Expander" Style="{StaticResource ExpandCollapseToggleStyle}" ClickMode="Press" IsChecked="{Binding Path=IsExpanded, RelativeSource={RelativeSource TemplatedParent}}"/>
                            <Border x:Name="Bd" SnapsToDevicePixels="true" Grid.Column="1" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Padding="{TemplateBinding Padding}" Grid.ColumnSpan="2">
                                <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" x:Name="PART_Header" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" ContentSource="Header"/>
                            </Border>
                            <ItemsPresenter x:Name="ItemsHost" Grid.Column="1" Grid.ColumnSpan="2" Grid.Row="1"/>
                        </Grid>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsExpanded" Value="false">
                                <Setter Property="Visibility" TargetName="ItemsHost" Value="Collapsed"/>
                            </Trigger>
                            <Trigger Property="HasItems" Value="false">
                                <Setter Property="Visibility" TargetName="Expander" Value="Hidden"/>
                            </Trigger>
                            <Trigger Property="IsSelected" Value="true">
                                <Setter Property="Background" TargetName="Bd" Value="{DynamicResource {x:Static SystemColors.HighlightBrushKey}}"/>
                                <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.HighlightTextBrushKey}}"/>
                            </Trigger>
                            <MultiTrigger>
                                <MultiTrigger.Conditions>
                                    <Condition Property="IsSelected" Value="true"/>
                                    <Condition Property="IsSelectionActive" Value="false"/>
                                </MultiTrigger.Conditions>
                                <Setter Property="Background" TargetName="Bd" Value="{DynamicResource {x:Static SystemColors.ControlBrushKey}}"/>
                                <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/>
                            </MultiTrigger>
                            <Trigger Property="IsEnabled" Value="false">
                                <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>

有关两个示例,请参阅本文。我今天刚刚创造了这些


你能把样式贴出来吗,或者至少贴一个setter。我不觉得你们说的Bd元素也有用,但丹尼斯是第一个