水平对齐WPF扩展头 [英] Horizontal aligment WPF expander header

问题描述

我想在左侧显示我的GroupName，并在标题行右侧显示按钮ShowOnly。
我用这段代码尝试过，但不起作用。
任何人都可以帮助我吗？
Thx

我的代码：

 < Expander IsExpanded =True> 
< Expander.Header> 
< DockPanel Horizo​​ntalAlignment =Stretch> 
 < Button Style ={StaticResource ButtonStyle}Content =仅显示Horizo​​ntalAlignment =RightPadding =15,0,15,0Click =Button_Click>< / Button> 
< / DockPanel> 
< /Expander.Header> 
< Expander.Style> 
< Style TargetType ={x：Type Expander}> 
< Setter Property =BackgroundValue =＃f0f0f5>< / Setter> 
< Setter Property =TextElement.FontFamilyValue =Arial Nova/> 
< / style> 
< /Expander.Style> 
< Expander.Content> 
< ItemsPresenter /> 
< /Expander.Content> 
< / Expander> 
  

我的ButtonStyle：

 < Style x：Key =ButtonStyleTargetType =Button> 
 
< Setter Property =BackgroundValue =＃66e0ff/> 
< Setter Property =ForegroundValue =White/> 
< Setter Property =FontSizeValue =15/> 
< Setter Property =SnapsToDevicePixelsValue =True/> 
 
< Setter Property =Template> 
< Setter.Value> 
< ControlTemplate TargetType ={x：Type Button}> 
< Border CornerRadius =4Background ={TemplateBinding Background}> 
<网格> 
< ContentPresenter x：Name =MyContentPresenterContent ={TemplateBinding Content}Horizo​​ntalAlignment =CenterVerticalAlignment =Center/> 
< / Grid> 
< / Border> 
< ControlTemplate.Triggers> 
<触发属性=IsMouseOver值=真> 
< Setter Property =BackgroundValue =White/> 
< Setter Property =ForegroundValue =＃66e0ff/> 
< /触发> 
< /ControlTemplate.Triggers> 
< / ControlTemplate> 
 < / Setter> 
 
< / Style> 
  

我也尝试过使用DockPanel，但结果相同。

com / 2007/02/24 / stretch-content-in-an-expander-header /rel =nofollow noreferrer> https://joshsmithonwpf.wordpress.com/2007/02/24/stretching-content-in- an-expander-header /

I want to show my GroupName on left and button "ShowOnly" on the right of header row. I tried with this code but doesn't works. Could anyone help me? Thx

My code :

<Expander IsExpanded="True" >
    <Expander.Header>
        <DockPanel HorizontalAlignment="Stretch">
            <TextBlock Text="{Binding Path=Name}" FontSize="18"></TextBlock>
            <Button Style="{StaticResource ButtonStyle}" Content="Show Only" HorizontalAlignment="Right" Padding="15,0,15,0" Click="Button_Click"></Button>
        </DockPanel>
    </Expander.Header>
    <Expander.Style>
        <Style TargetType="{x:Type Expander}">
            <Setter Property="Background" Value="#f0f0f5"></Setter>
            <Setter Property="TextElement.FontFamily" Value="Arial Nova"/>
        </Style>
    </Expander.Style>
    <Expander.Content>
        <ItemsPresenter />
    </Expander.Content>
</Expander>

My ButtonStyle :

<Style x:Key="ButtonStyle" TargetType="Button">

            <Setter Property="Background" Value="#66e0ff" />
            <Setter Property="Foreground" Value="White" />
            <Setter Property="FontSize" Value="15" />
            <Setter Property="SnapsToDevicePixels" Value="True" />

            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type Button}">
                        <Border CornerRadius="4" Background="{TemplateBinding Background}">
                            <Grid>
                                <ContentPresenter x:Name="MyContentPresenter" Content="{TemplateBinding Content}" HorizontalAlignment="Center" VerticalAlignment="Center" />
                            </Grid>
                        </Border>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsMouseOver" Value="True">
                                <Setter Property="Background" Value="White" />
                                <Setter Property="Foreground" Value="#66e0ff" />
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>

    </Style>

I tried also with an DockPanel, but same result.

解决方案

You can refer to these solutions:

https://joshsmithonwpf.wordpress.com/2007/02/24/stretching-content-in-an-expander-header/

这篇关于水平对齐WPF扩展头的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！