AI导航网

技术频道

公众号推荐

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

稳扎稳打Silverlight(12) - 2.0外观之样式, 模板, 视觉状态和视觉状态管理器

时间：2020-07-27分类：Silverlight作者：编程之家

[索引页]
[源码下载]

稳扎稳打Silverlight(12) - 2.0外观之样式,模板,视觉状态和视觉状态管理器

作者： webabcd

介绍
Silverlight 2.0 外观控制：样式(Style), 模板(Template), 视觉状态(VisualState)和视觉状态管理器(visualstatemanager)

在线DEMO
http://www.voidcn.com/article/p-ounmxjds-tq.html

示例
1、样式(App.xaml)

<Application xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                         x:Class="Silverlight20.App"
                         >
        <Application.Resources>

                
                
                <Style x:Key="styleTestApp" targettype="TextBox">
                        <Setter Property="FontSize" Value="24"/>
                        <Setter Property="Foreground" Value="#0000FF"/>
                </Style>

        </Application.Resources>
</Application>

样式(Style.xaml)

<UserControl x:Class="Silverlight20.Appearance.Style"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
        <StackPanel HorizontalAlignment="Left">

                <StackPanel.Resources>

                        
                        
                        <Style x:Key="styleTestInContainer" targettype="TextBox">
                                <Setter Property="FontSize" Value="24"/>
                                <Setter Property="Foreground" Value="#00FF00"/>
                        </Style>

                </StackPanel.Resources>

                
                <TextBox Text="我是TextBox（全局样式的应用）" Margin="5" Style="{StaticResource styleTestApp}" />

                
                <TextBox Text="我是TextBox（容器内样式的应用）" Margin="5" Style="{StaticResource styleTestInContainer}" />

                
                <TextBox Text="我是TextBox（内连样式的应用）" Margin="5" Foreground="#FF0000"    Style="{StaticResource styleTestInContainer}" />

        </StackPanel>
</UserControl>

2、模板(App.xaml)

<Application xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                         x:Class="Silverlight20.App"
                         >
        <Application.Resources>

                
                
                <ControlTemplate x:Key="templateTestApp" targettype="Button">
                        <Border BorderBrush="Red" BorderThickness="1">
                                <Grid Background="{TemplateBinding Background}">
                                        <ContentPresenter HorizontalAlignment="Right" />
                                </Grid>
                        </Border>
                </ControlTemplate>

        </Application.Resources>
</Application>

模板(Template.xaml)

<UserControl x:Class="Silverlight20.Appearance.Template"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
        <StackPanel HorizontalAlignment="Left">

                <StackPanel.Resources>

                        
                        
                        <ControlTemplate x:Key="templateTestInContainer" targettype="Button">
                                <Border BorderBrush="Red" BorderThickness="1">
                                        <Grid Background="{TemplateBinding Background}">
                                                <ContentPresenter HorizontalAlignment="Right" />
                                        </Grid>
                                </Border>
                        </ControlTemplate>

                        
                        <Style x:Key="templateTestInStyle" targettype="Button">
                                <Setter Property="Template">
                                        <Setter.Value>
                                                <ControlTemplate targettype="Button">
                                                        <Border BorderBrush="Red" BorderThickness="1">
                                                                <Grid Background="{TemplateBinding Background}">
                                                                        <ContentPresenter HorizontalAlignment="Right" />
                                                                </Grid>
                                                        </Border>
                                                </ControlTemplate>
                                        </Setter.Value>
                                </Setter>
                        </Style>

                </StackPanel.Resources>

                
                <Button Width="200" Margin="5" Content="我是Button（全局模板的应用）" Background="Yellow" Template="{StaticResource templateTestApp}" />

                
                <Button Width="200" Margin="5" Content="我是Button（容器内模板的应用）" Background="Yellow" Template="{StaticResource templateTestInContainer}" />

                
                <Button Width="200" Margin="5" Content="我是Button（样式内模板的应用）" Background="Yellow" Style="{StaticResource templateTestInStyle}" />

                
                <Button Width="200" Margin="5" Content="我是Button（样式内模板的应用）">
                        <Button.Template>
                                <ControlTemplate>
                                        <Border BorderBrush="Red" BorderThickness="1">
                                                <Grid Background="Yellow">
                                                        <ContentPresenter HorizontalAlignment="Right" />
                                                </Grid>
                                        </Border>
                                </ControlTemplate>
                        </Button.Template>
                </Button>
        </StackPanel>
</UserControl>

3、视觉状态和视觉状态管理器(App.xaml)

<Application xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                         x:Class="Silverlight20.App"
                         >
        <Application.Resources>

                
                
                <ControlTemplate x:Key="vsmTestApp" targettype="Button" xmlns:vsm="clr-namespace:System.Windows;assembly=System.Windows">
                        <Grid>
                                <vsm:visualstatemanager.VisualStateGroups>

                                        
                                        <vsm:VisualStateGroup x:Name="CommonStates">

                                                
                                                <vsm:VisualState x:Name="MouSEOver">
                                                        <Storyboard>
                                                                <ColorAnimation
                                                                                Storyboard.TargetName="borderBrush"
                                                                                Storyboard.TargetProperty="Color"
                                                                                To="Green"
                                                                                Duration="0:0:3" />
                                                        </Storyboard>
                                                </vsm:VisualState>

                                                <vsm:VisualState x:Name="normal" />

                                                
                                                <vsm:VisualStateGroup.Transitions>
                                                        <vsm:VisualTransition From="MouSEOver" To="normal" GeneratedDuration="0:0:3">
                                                                <Storyboard>
                                                                        <ColorAnimation
                                                                                Storyboard.TargetName="borderBrush"
                                                                                Storyboard.TargetProperty="Color"
                                                                                To="Red"
                                                                                Duration="0:0:3" />
                                                                </Storyboard>
                                                        </vsm:VisualTransition>
                                                </vsm:VisualStateGroup.Transitions>

                                        </vsm:VisualStateGroup>
                                </vsm:visualstatemanager.VisualStateGroups>

                                <Border x:Name="border" BorderThickness="10">
                                        <Border.BorderBrush>
                                                <SolidColorBrush x:Name="borderBrush" Color="Red" />
                                        </Border.BorderBrush>
                                        <Grid Background="{TemplateBinding Background}">
                                                <ContentPresenter HorizontalAlignment="Right" />
                                        </Grid>
                                </Border>
                        </Grid>
                </ControlTemplate>

        </Application.Resources>
</Application>

视觉状态和视觉状态管理器(visualstatemanager.xaml)

<UserControl x:Class="Silverlight20.Appearance.visualstatemanager"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
        <StackPanel HorizontalAlignment="Left">

                <StackPanel.Resources>

                        
                        
                        <ControlTemplate x:Key="vsmTestInContainer" targettype="Button" xmlns:vsm="clr-namespace:System.Windows;assembly=System.Windows">
                                <Grid>
                                        <vsm:visualstatemanager.VisualStateGroups>

                                                
                                                <vsm:VisualStateGroup x:Name="CommonStates">

                                                        
                                                        <vsm:VisualState x:Name="MouSEOver">
                                                                <Storyboard>
                                                                        <ColorAnimation
                                                                                Storyboard.TargetName="borderBrush"
                                                                                Storyboard.TargetProperty="Color"
                                                                                To="Green"
                                                                                Duration="0:0:3" />
                                                                </Storyboard>
                                                        </vsm:VisualState>

                                                        <vsm:VisualState x:Name="normal" />

                                                        
                                                        <vsm:VisualStateGroup.Transitions>
                                                                <vsm:VisualTransition From="MouSEOver" To="normal" GeneratedDuration="0:0:3">
                                                                        <Storyboard>
                                                                                <ColorAnimation
                                                                                Storyboard.TargetName="borderBrush"
                                                                                Storyboard.TargetProperty="Color"
                                                                                To="Red"
                                                                                Duration="0:0:3" />
                                                                        </Storyboard>
                                                                </vsm:VisualTransition>
                                                        </vsm:VisualStateGroup.Transitions>

                                                </vsm:VisualStateGroup>
                                        </vsm:visualstatemanager.VisualStateGroups>

                                        <Border x:Name="border" BorderThickness="10">
                                                <Border.BorderBrush>
                                                        <SolidColorBrush x:Name="borderBrush" Color="Red" />
                                                </Border.BorderBrush>
                                                <Grid Background="{TemplateBinding Background}">
                                                        <ContentPresenter HorizontalAlignment="Right" />
                                                </Grid>
                                        </Border>
                                </Grid>
                        </ControlTemplate>

                </StackPanel.Resources>

                
                <Button Content="我是Button（全局视觉状态的应用）" Margin="5" Background="Yellow" Template="{StaticResource vsmTestApp}" />

                
                <Button Content="我是Button（容器内视觉状态的应用）" Margin="5" Background="Yellow" Template="{StaticResource vsmTestInContainer}" />

        </StackPanel>
</UserControl>

OK
[源码下载]

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

相关推荐

c# – 如何在Silverlight 4中绑定ContextMenu的IsEnabled属性？

如何在Silverlight4(XAML)中绑定IsEnabled属性？我试过简单的IsEnabled=“{BindingABC}”,但这不起作用–MenuItem总是启用.提前感谢您的线索！干杯编辑：有趣的是,当设置Mode=TwoWay时,绑定似乎有效.但是,在菜单项上...

作者：编程之家时间：2022-09-16

c# – 使用Silverlight / windows手机式控件设置我的.Net桌面应用程序GUI

我正在编写我的第一个vb.net应用程序(但我也会在这里标记c#,因为我确信即使是一个c#人也可以使用类似的.net实现来回答这个问题).我申请的简短说明：我的桌面应用程序将仅在win平台上运行,使用vb.net,它是一个简单的网...

作者：编程之家时间：2022-09-16

c# – Silverlight：将服务调用和文件处理移动到后台线程

ProcessFile()是在UIThread上运行还是在单独的线程上运行.如果它在UIThread上,如何将文件请求和ProcessFile()移动到单独的线程？varxClient=newServiceReference1.Service1SoapClient();xClient.Retrieve_File_Compl...

作者：编程之家时间：2022-09-16

c# – 如何从ASP.NET / Silverlight开发人员成为sharepoint开发人员？

我从同行那里听说,对sharepoint的了解对职业生涯有益.我们不在办公室使用sharepoint.所以不知道如何开始.这些是我的新手问题>学习共享点值得努力吗？>学习sharepoint的资源在哪里？>我是否应该考虑开发哪些...

作者：编程之家时间：2022-09-16

c# – Windows Phone 8 – 将列表保存到IsolatedStorage

我正在尝试保存一个类我的类对象的集合.我收到一个错误说明：Thecollectiondatacontracttype‘System.Collections.Generic.Listcannotbedeserializedbecauseitdoesnothaveapublicparameterlessconstructor.Addingapu...

作者：编程之家时间：2022-09-16

c# – 在XAML中使用绑定设置样式

我需要根据Silverlight中的某些配置值设置给定控件的Style.我想有可能从两种可用的样式(静态资源)中选择一个控件样式.我试图做一些像：<TextBoxStyle="{BindingABC}"/>哪里publicstringABC{get{retu...

作者：编程之家时间：2022-09-16

Android设备上的Silverlight / Moonlight

我刚买了第一台Android设备,我喜欢它…我也很喜欢你可以创建自己的应用程序并随意分发它们.我已经阅读了一些关于Monodroid的内容,而且显然微软希望将Silverlight放在这些设备上,尽管没有太多关于它们的信息……但是M...

作者：编程之家时间：2022-09-16

c# – 从silverlight应用程序访问SQL Server数据库

我们的ASP.NET网站允许用户执行各种查询,并根据从数据库查询的结果显示网络图(如UML图).目前,我们正在生成一个位图并显示它.但由于我们需要支持允许用户以交互方式显示/隐藏某些块的功能,因此我们计划使用Silverligh...

作者：编程之家时间：2022-09-16

c# – 自定义Silverlight启动画面导致白屏死机

我正在开发一个Silverlight4应用程序,我已经创建了一个自定义的启动画面.乍一看,自定义启动画面运行良好–非常好.几天后,我开始注意到闪屏不再显示,屏幕仍然是空白.这似乎只发生在我打开多个指向同一个应用程序的IE选...

作者：编程之家时间：2022-09-16

c# – 使用带偏移的RotateTransform问题旋转图像

这是我的XAML：<ImageVerticalAlignment="Center"HorizontalAlignment="Center"Source="{BindingInput,Converter={StaticResourceByteArrayToBitmapConverter}}"><Image.Ren...

作者：编程之家时间：2022-09-16