2012年2月27日星期一

原创：学习英语小助手(阅读粘贴的英文，使用MVVM）

对于英语，我常常不知道怎么发音是正确的，虽然有很多软件像有道、灵格斯、金山词霸等都有阅读的功能，但发挥下程序员的精神，自己动手用WPF写了一个。

对于Windows系统来说，其实已经内置了这一个功能，就是屏幕讲述人。微软则把这个功能封装好了，我们只要调用就行，关键代码：

引用命名空间：

using System.Speech.Synthesis;

使用其命名空间下的类，toSpell是要读的字符串：

SpeechSynthesizer synthesizer = new SpeechSynthesizer();

synthesizer.SpeakAsync(toSpell);

使用的是异步调用，避免用户界面阻塞。

Windows Media Player 的播放工具条，有特效，也模仿了这个特效。其实，就是用WPF中的事件触发器（EventTrigger）和动画（Animation）很容易实现。

View Code 
<Grid DataContext="{StaticResource viewModel}">
        <!-- Animation for the buttons.-->
        <Grid.Triggers>
            <EventTrigger RoutedEvent="MouseEnter">
                <EventTrigger.Actions>
                    <BeginStoryboard >
                        <Storyboard TargetProperty="Opacity" TargetName="borderPanel">
                            <DoubleAnimation From="0" To="1" Duration="0:0:2"/>
                        </Storyboard>
                    </BeginStoryboard>
                </EventTrigger.Actions>
            </EventTrigger>
            <EventTrigger RoutedEvent="MouseLeave">
                <EventTrigger.Actions>
                    <BeginStoryboard>
                        <Storyboard TargetProperty="Opacity" TargetName="borderPanel">
                            <DoubleAnimation From="1" To="0" Duration="0:0:2"/>
                        </Storyboard>
                    </BeginStoryboard>
                </EventTrigger.Actions>
            </EventTrigger>
        </Grid.Triggers>

控制的是按钮所在的Border的透明度，Opacity属性。当鼠标进入我们要监控的区域时，在2秒事件内，使透明度从0到1，即显示出来；当鼠标离开我们要监控的区域时，同样时间内，使透明度从1变为0，即不可见。
下面是程序刚启动时的截图，注意鼠标在监控的Grid控件内：

当我们使鼠标离开时，则会使Paly、Pause按钮所在的工具条消失:

正常播放时，可以使Pause变可用，Play按钮变灰：

程序编译环境 VS2010 + .NET 4 + WPF，运行系统须为Windows Vista 及其上

源代码下载


原创：学习英语小助手(阅读粘贴的英文，使用MVVM）

TAG:WPF MVVM Animation EventTrigger
发帖者 时间：