CODEWITHSUNDEEP
c#wpfxaml
Tom
Tom

Reputation: 725

WPF Content Presenter weird horizontal alignment behaviour

I'm trying to center a content a Content Presenter in a button, It centers perfectly in the designer But when ran it will either go off center by a bit or will get cut off. What's confusing me is that I have another style that does relatively the same thing but works perfectly.

Here's the style;

<Style x:Key="MainButtonStyle" TargetType="{x:Type Button}">
            <Setter Property="Background" Value="Transparent"/>
            <Setter Property="BorderThickness" Value="1"/>
            <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/>
            <Setter Property="HorizontalContentAlignment" Value="Center"/>
            <Setter Property="VerticalContentAlignment" Value="Center"/>
            <Setter Property="Padding" Value="0,1"/>
            <Setter Property="RenderOptions.BitmapScalingMode" Value="NearestNeighbor"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type Button}">
                        <Grid x:Name="Chrome" Background="{TemplateBinding Background}" SnapsToDevicePixels="true">
                            <Grid.BindingGroup>
                                <BindingGroup/>
                            </Grid.BindingGroup>
                            <Border x:Name="border" CornerRadius="3,3,3,3" BorderBrush="LightGray" BorderThickness="1" Background="#FFF3F3F3" Padding="0">
                                <ContentPresenter 
                                    HorizontalAlignment="Center"
                                    VerticalAlignment="Stretch"
                                    TextElement.FontWeight="Light" Height="Auto"  Margin="153.636,0.52,156,1.52" Width="Auto" UseLayoutRounding="False" SnapsToDevicePixels="False" >
                                </ContentPresenter>

                            </Border>
                        </Grid>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsPressed" Value="True">
                                <Setter Property="Background" TargetName="border" Value="#330CB3EE"/>
                            </Trigger>
                            <Trigger Property="IsMouseOver" Value="True">
                                <Setter Property="BorderBrush" TargetName="border" Value="#FF0CB3EE"/>
                            </Trigger>
                            <Trigger Property="IsEnabled" Value="False">
                                <Setter Property="Opacity" TargetName="Chrome" Value="0.25"/>
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>

            </Setter>
        </Style>

Upvotes: 0

Views: 523

Answers (1)

Emond
Emond

Reputation: 50712

Remove the Margin from the Content Presenter:

<ContentPresenter HorizontalAlignment="Center"
                  VerticalAlignment="Stretch"
                  TextElement.FontWeight="Light"
                  Height="Auto"

                  Width="Auto" 
                  UseLayoutRounding="False"
                  SnapsToDevicePixels="False" >

This Margin was probably added by the designer, matching the layout of the control in the designer.

Upvotes: 1

Related Questions