EffectControls是免费开源的Silverlight特效动画界面控件。
EffectControls是在开发FreeForm表单设计器(FreeForm Silverlight Form Designer)时开发的效果控件,我作为开发人员一直存在2个问题:
1、 懒惰,为了实现一些Silverlight特殊效果要写烦乱的XAML语句,这太可怕了;
2、 因为不是设计人员,很难做出一些非常美观的界面
于是,我就写了EffectControls控件集,目的是用最短的时间和最短的代码实现很酷的控件效果。开放源码,欢迎您的使用和改进,如果有好玩的特效,一定要通知我哦。
开源网站地址:http://EffectControls.codeplex.com/
工作室地址: http://www.CrmWin.com
博客地址: http://www.cnblogs.com/starcrm
我的联系方式:
Name: 王昕
Address: 中国.广州
Mail: [email protected] or [email protected]
Mobile: 13710637136
首先要在页面中加入引用:
例如:
xmlns:efcs="clr-namespace:EffectControls;assembly=EffectControlsLibrary"
用于控件阴影的显示
使用方法:
例1:
<efcs:EffectButton EffectType="DropShadowEffect"
Content="DropShadowEffect" >
</efcs:EffectButton>
例2:
<efcs:EffectTextBox EffectType="DropShadowEffect" EffectColor="Red" EffectRadius="10" EffectDirection="30" EffectOpacity="0.6" EffectShadowDepth="5"
Text="CustomDropShadow" Height="23" HorizontalAlignment="Left" Margin="10,10,0,0" VerticalAlignment="Top" Width="125" >
</efcs:EffectTextBox>
效果
正常状态:
使用方法:
例1:
<efcs:EffectCheckBox EffectType="BlurEffect" EffectRadius="2"
Content="BlurEffect" >
</efcs:EffectCheckBox>
例2:
<efcs:EffectLabel EffectType="BlurEffect" EffectRadius="2"
Content="BlurEffect" >
</efcs:EffectLabel>
效果:
正常状态:
鼠标经过:
使用方法:
例:
<efcs:EffectCheckBox EffectType="FadeEffect"
Content="FadeEffect" Height="23" HorizontalAlignment="Left" Margin="10,10,0,0" VerticalAlignment="Top" Width="125" >
<ToolTipService.ToolTip>
<efcs:EffectToolTip EffectType="FadeEffect"
Placement="Mouse" >This is ToolTip message.</efcs:EffectToolTip>
</ToolTipService.ToolTip>
</efcs:EffectCheckBox>
效果
正常状态:
鼠标进入:
鼠标经过:
使用方法
例:
<efcs:EffectButton EffectType="RotationX1Effect" EffectRadius="2"
Content="RotationX1Effect" Height="32" >
</efcs:EffectButton>
效果
正常状态:
鼠标经过:
类似RotationX1Effect
使用方法:
例:
<efcs:EffectSlider EffectType="RotationZ1Effect" EffectRadius="15"
Value="0.68" Maximum="1" Minimum="0" Height="23" HorizontalAlignment="Left" Margin="10,10,0,0" VerticalAlignment="Top" Width="125" >
</efcs:EffectSlider>
效果
每次进入页面,或者鼠标经过控件,背景阴影色将改变。
使用方法:
例:
<efcs:EffectLabel EffectType="RandomColor"
Content="RandomColor" >
</efcs:EffectLabel>
效果
正常状态:
鼠标经过:
使用方法:
例:
<efcs:EffectTextBox EffectType="NoBorderLineEffect" / >
效果
正常状态:
鼠标经过:
使用方法:
例:
效果
正常状态:
鼠标经过:
使用方法:
<efcs:EffectLabel EffectType="JumpEffect"
Content="JumpEffect" Height="23" HorizontalAlignment="Left" Margin="10,10,0,0" VerticalAlignment="Top" Width="125" >
</efcs:EffectLabel>
例:
使用方法:
例:
<efcs:EffectLabel EffectType="JumpLeftEffect"
Content="JumpLeftEffect" Height="23" HorizontalAlignment="Left" Margin="10,10,0,0" VerticalAlignment="Top" Width="125" >
</efcs:EffectLabel>
在线演示地址
http://crmwin.com/EffectControlsTestPage.html
工作室地址: http://www.CrmWin.com
源代码下载: