微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

silverlight样式 TemplateBinding 使用

<UserControl x:Class="SilverlightApplication1.style2"
    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"
    d:DesignHeight="300" d:DesignWidth="400">
    <!--如何给一个控件加不同的样式:用现有的资源(Grid,Ellipse,GradientStop。。。。)定义一个样式-->
    
    <UserControl.Resources>
        <Style x:Key="mybutton" targettype="Button">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate targettype="Button" >
                        <Grid Cursor="Hand" Margin="20">
                            <Ellipse Width="150" Height="100" HorizontalAlignment="Center" VerticalAlignment="Center">
                                <Ellipse.Fill>
                                    <RadialGradientBrush>
                                        <GradientStop Color="Gold" Offset="1"></GradientStop>
                                        <GradientStop Color="White" Offset="0"></GradientStop>
                                    </RadialGradientBrush>
                                </Ellipse.Fill>
                            </Ellipse>
                            <TextBlock  Text="{TemplateBinding Content}" FontSize="24" Foreground="Blue" HorizontalAlignment="Center" VerticalAlignment="Center" ></TextBlock>
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </UserControl.Resources>
    
    <!--调用样式模板-->
    <Grid x:Name="LayoutRoot" Background="White">
        <StackPanel Width="400" Height="300" HorizontalAlignment="Center" Orientation="Horizontal" VerticalAlignment="Center" Background="White">
            <Button Style="{StaticResource mybutton}" Content="my template"></Button>
            <Button Style="{StaticResource mybutton}" Content="54546565"></Button>
        </StackPanel>
    </Grid>
</UserControl>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐