독개

[Wpf] 버튼 스타일 (마우스 오버시 색상변경)

by #독개#

Style템플릿을 사용한다 자주사용 하니 코드작성 해두겠다

    <Style x:Key="BtnStyle" TargetType="Button">
        <Setter Property="Cursor" Value="Hand" />
        <Setter Property="FontSize" Value="12" />
        <Setter Property="Foreground" Value="White" />
        <Setter Property="Opacity" Value="0.8" />
        <Setter Property="BorderThickness" Value="0" />
        <Setter Property="FontFamily" Value="Montserrat" />
        <Setter Property="Background" Value="#462AD8" />

        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="Button">
                    <Border
                        Width="100"
                        Height="30"
                        Background="{TemplateBinding Background}"
                        CornerRadius="9">
                        <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" />
                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
        
        <Style.Triggers>
            <Trigger Property="IsMouseOver" Value="True">
                <Setter Property="Background" Value="#278BEF" />
            </Trigger>
        </Style.Triggers>
    </Style>

설명하는 이미지

보았을때 Trigger부분(붉은네모)와 Template속성(노란박스)의 위치를 바꾸면 좋겠지만

Setter를 먼저 정의해야한다 오류난다

블로그의 정보

독한 개발자

#독개#

활동하기