개발 상자/.NET MAUI

.NET MAUI Button Style

생각의검 2023. 12. 21. 20:35

샘플로 만든 버턴의 스타일을 너무 밋밋하다.

버튼의 스타일을 변경하고 싶은데 기존 wpf와는 태그이름 다르다.

 

뭐 스타일에 대해서 깊에 파야하는 부분이 아직은 없어서 걍 대중 변경 해다.

 

스타일 위치

 

 <Style TargetType="Button">
     <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource White}, Dark={StaticResource PrimaryDarkText}}" />
     <Setter Property="BackgroundColor" Value="{AppThemeBinding Light={StaticResource Primary}, Dark={StaticResource PrimaryDark}}" />
     <Setter Property="FontFamily" Value="OpenSansRegular"/>
     <Setter Property="FontSize" Value="14"/>
     <Setter Property="BorderWidth" Value="0"/>
     <Setter Property="CornerRadius" Value="8"/>
     <Setter Property="Padding" Value="14,10"/>
     <Setter Property="MinimumHeightRequest" Value="44"/>
     <Setter Property="MinimumWidthRequest" Value="44"/>
     <Setter Property="VisualStateManager.VisualStateGroups">
         <VisualStateGroupList>
             <VisualStateGroup x:Name="CommonStates">
                 <VisualState x:Name="Normal"/>
                  <!-- 이 부분을 추가해서 버튼에 느낌을 조금 만들었다. -->
                 <VisualState x:Name="Pressed">
                     <VisualState.Setters>
                        <Setter Property="BackgroundColor" Value="{AppThemeBinding Light={StaticResource Gray600}, Dark={StaticResource Gray200}}" />
                     </VisualState.Setters>
                 </VisualState>
                 <VisualState x:Name="Disabled">
                     <VisualState.Setters>
                         <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Gray950}, Dark={StaticResource Gray200}}" />
                         <Setter Property="BackgroundColor" Value="{AppThemeBinding Light={StaticResource Gray200}, Dark={StaticResource Gray600}}" />
                     </VisualState.Setters>
                 </VisualState>
                 <VisualState x:Name="PointerOver" />
             </VisualStateGroup>
         </VisualStateGroupList>
     </Setter>
 </Style>