开源Silverlight特效动画界面控件EffectControls使用帮助

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"

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/

你可能感兴趣的:(silverlight)