WPF UserControl кнопка с кругами внутри, пропадает кружок при запуске

.NET WPF, UWP, XAML, ...
#1

Здравствуйте. Помогите побороть глюк.
Есть стиль кнопки:

<UserControl.Resources>
        <Style TargetType="Button" x:Name="ResetZoomButtonStyle">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="Button">
                        <Border BorderThickness="3" BorderBrush="{StaticResource ContourGreenColor}" CornerRadius="3">
                            <Border Background="AliceBlue">
                                <Grid Margin="2">
                                    <Ellipse Width="{Binding ActualWidth}" Height="{Binding ActualHeight}" Margin="12" Stroke="{StaticResource ContourGreenColor}" StrokeThickness="2" Fill="{StaticResource ContourGreenColor}"/>
                                    <Ellipse Stroke="{StaticResource ContourGreenColor}" StrokeThickness="2"/>                                    
                                    <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/>
                                </Grid>
                            </Border>                            
                        </Border>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </UserControl.Resources>

В режиме конструктора я вижу нормальное отображение кнопки:
image

А когда запускаю программу то почему то центральный кружок пропадает.
image

Местами элементы менял, но все равно никак не удается побороть этот глюк.
В чем тут дело??

#2

Может быть ContentPresenter убрать надо, раз тут все равно нет контента.

#3

Убрал. Не помогает. Так и в редакторе тоже контента нету но там все видно

#4

:thinking:

Видимо проблема не в этом коде.

У меня работает, .NET 4.0, VS 2019.

image
image1349×617 45.2 KB

<Window x:Class="WpfApp3.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Window.Resources>
        <Style TargetType="Button" x:Name="ResetZoomButtonStyle">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="Button">
                        <Border BorderThickness="3" BorderBrush="LightGreen" CornerRadius="3">
                            <Border Background="AliceBlue">
                                <Grid Margin="2">
                                    <Ellipse Width="{Binding ActualWidth}" Height="{Binding ActualHeight}" Margin="12" Stroke="LightGreen" StrokeThickness="2" Fill="LightGreen"/>
                                    <Ellipse Stroke="LightGreen" StrokeThickness="2"/>
                                </Grid>
                            </Border>
                        </Border>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </Window.Resources>
    <Grid>
        <Button x:Name="button" Content="Button" HorizontalAlignment="Left" Margin="191,147,0,0" VerticalAlignment="Top" Width="75" Height="75"/>
    </Grid>
</Window>
#5

Это контрол. Видимо когда в рантайме работает то актуальный размер другой и перекрывается большим марджином. Убрал маржин и сделал статичный размер кружка и заработало.

1 лайк