C#按钮样式设置XMAL

发布于:2024-06-03 ⋅ 阅读:(168) ⋅ 点赞:(0)

统一按钮样式

<Window.Resources> <!--按钮样式统一设置,个别按钮单独定义样式的话则需要在定义按钮位置单独设置-->
    <Style TargetType="Button">
        <Setter Property="Background" Value="Red"/>
        <Setter Property="FontSize" Value="20"/>
        <Setter Property="Height" Value="50"/>
        <Setter Property="Width" Value="300"/>

    </Style>
</Window.Resources>

设置多个样式,并引用。

    <Window.Resources> <!--按钮样式统一设置,个别按钮单独定义样式的话则需要在定义按钮位置单独设置-->
        <Style x:Key="LoginStyle" TargetType="Button">
            <Setter Property="Background" Value="Blue"/>
            <Setter Property="FontSize" Value="20"/>
            <Setter Property="Height" Value="50"/>
            <Setter Property="Width" Value="300"/>
        </Style>
        
        <Style x:Key="QuitStyle"  TargetType="Button">
            <Setter Property="Background" Value="Red"/>
            <Setter Property="FontSize" Value="20"/>
            <Setter Property="Height" Value="50"/>
            <Setter Property="Width" Value="300"/>
        </Style>

    </Window.Resources>
    
    
    
    
    <StackPanel>
        <Button Style="{StaticResource LoginStyle}" Content="登陆" Width="200" Height="50" FontSize="20"/>
        <Button Style="{StaticResource QuitStyle}" Content="退出" Width="200" Height="50" FontSize="20"/>
    </StackPanel>

设置button的基础样式样式,然后继承基础样式,构建多个不同的样式

   <Window.Resources> 
        <Style TargetType="Button"> <!--设定一个基础的样式:属于全局应用-->
            <Setter Property="Background" Value="WhiteSmoke"/>
            <Setter Property="FontSize" Value="20"/>
            <Setter Property="Margin" Value="20,10,20,10"/>
        </Style>

        <!--继承基础样式的基础生成新的样式1-->
        <Style x:Key="LoginStyle" TargetType="Button" BasedOn = "{StaticResource {x:Type Button} }">
            <Setter Property="Background" Value="Green"/>
        </Style>

        <!--继承基础样式的基础生成新的样式2-->
        <Style x:Key="QuitStyle" TargetType="Button" BasedOn = "{StaticResource {x:Type Button} }">
            <Setter Property="Background" Value="Red"/>
        </Style>



    </Window.Resources>

    <StackPanel>
        <Button  Style="{StaticResource LoginStyle}" Content="登陆" Width="200" Height="50" FontSize="20"/>
        <Button  Style="{StaticResource QuitStyle}" Content="退出" Width="200" Height="50" FontSize="20"/>
    </StackPanel>


网站公告

今日签到

点亮在社区的每一天
去签到