您的位置:首页 > Web前端 > CSS

wpf中给控件设置样式的三种方式

2017-12-26 22:18 926 查看
l  直接在控件下面写样式

    <Grid>
        <Button Width="200"Height="30"
Content="百度一下">
            <Button.Style>
                <Style TargetType="Button">
                    <Setter Property="Background"Value="#ffabcd"></Setter>
                    <Setter Property="Foreground"Value="#fff"></Setter>
                </Style>
            </Button.Style>
        </Button>
        <Button Width="200"Height="30"
Content="xx一下" Margin="0100 0 0">
            <Button.Style>
                <Style TargetType="Button">
                    <Setter Property="Background"Value="#ffabcd"></Setter>
                    <Setter Property="Foreground"Value="#fff"></Setter>
                </Style>
            </Button.Style>
        </Button>
</Grid>

 

 

l  窗体下面写样式,窗体内的控件可以用

    <Window.Resources>
        <Style x:Key="mybutton"TargetType="Button">
            <Setter Property="Background"Value="#abcdff"></Setter>
            <Setter Property="Foreground"Value="#fff"></Setter>
        </Style>
    </Window.Resources>
    <Grid>
        <Button Width="200"Height="30"
Content="百度一下" Style="{StaticResource
mybutton}"></Button>
        <Button Width="200"Height="30"
Content="xx一下" Margin="0100 0 0" Style="{StaticResourcemybutton}"></Button>
   </Grid>

 

 

l  样式写到全局里面

在全局里面去写:

    <Application.Resources>
        <Style x:Key="mybuttonall"TargetType="Button">
            <Setter Property="Background"Value="#abcdff"></Setter>
            <Setter Property="Foreground"Value="#fff"></Setter>
        </Style>
    </Application.Resources>

 

窗体一:

  Title="Window2"Height="300" Width="300">

    <Grid>
        <Button Width="200"Height="30"
Content="百度一下" Style="{StaticResource
mybuttonall}"></Button>
        <Button Width="200"Height="30"
Content="google一下" Margin="0100 0 0" Style="{StaticResourcemybuttonall}"></Button>
</Grid>

 

窗体二:

        Title="MainWindow"Height="350" Width="525">
    <Grid>
        <Button Width="200"Height="30"
Content="百度一下">
            <Button.Style>
               <StyleTargetType="Button">
                   <Setter Property="Background"Value="#ffabcd"></Setter>
                   <Setter Property="Foreground"Value="#fff"></Setter>
               </Style>
            </Button.Style>
        </Button>
    <ButtonWidth="200" Height="30"Content="xx一下"Margin="0
100 0 0" Style="{StaticResource mybuttonall}"></Button>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: