特效动画界面控件EffectControls使用(转) - slwf7man

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:  [e-mail] or [e-mail]

Mobile:  [phone]

使用帮助

首先要在页面中加入引用：

例如：

xmlns:efcs="clr-namespace:EffectControls;assembly=EffectControlsLibrary"

DropShadowEffect

用于控件阴影的显示

使用方法：

例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>

                

                   

 

效果

正常状态：

BlurEffect

使用方法：

例1：

                <efcs:EffectCheckBox EffectType="BlurEffect" EffectRadius="2"

                         Content="BlurEffect" >

                </efcs:EffectCheckBox>

 

例2：

<efcs:EffectLabel EffectType="BlurEffect" EffectRadius="2"

                         Content="BlurEffect" >

                </efcs:EffectLabel>

 

效果：

正常状态：

鼠标经过：

FadeEffect

使用方法：

例：

<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>

效果

正常状态：

鼠标进入：

鼠标经过：

RotationXEffect

使用方法

例：

                    <efcs:EffectButton EffectType="RotationX1Effect" EffectRadius="2"

                         Content="RotationX1Effect" Height="32" >

                    </efcs:EffectButton>

效果

正常状态：

鼠标经过：

RotationYEffect

类似RotationX1Effect

RotationZEffect

使用方法：

例：

                    <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>

 

效果

RandomColor

每次进入页面，或者鼠标经过控件，背景阴影色将改变。

使用方法：

例：

                <efcs:EffectLabel EffectType="RandomColor"

                         Content="RandomColor" >

 

                </efcs:EffectLabel>

 

效果

正常状态：

鼠标经过：

NoBorderLineEffect

使用方法：

例：

                    <efcs:EffectTextBox EffectType="NoBorderLineEffect"  / >

 

效果

正常状态：

鼠标经过：

UnderLineEffect

使用方法：

例：

效果

正常状态：

鼠标经过：

JumpEffect

使用方法：               

<efcs:EffectLabel EffectType="JumpEffect"

                         Content="JumpEffect" Height="23" HorizontalAlignment="Left" Margin="10,10,0,0"  VerticalAlignment="Top" Width="125" >

                </efcs:EffectLabel>

例：

JumpLeftEffect

使用方法：

例：

                    <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

源代码下载：

Open Source Web Address:

http://EffectControls.codeplex.com/