[WP][学习笔记]09.简易动画效果——按钮点击后轻微震荡

01.仍然是我们的HelloWorld项目

02.从左侧工具栏拖出一条“TextBox”

03.修改属性id为“text_main_search”

04.修改“HorizonalAlignment”水平对齐选择“Left”

05.修改“VerticalAlignment”垂直对齐选择“Top”

06.修改“Text”属性为“”空字符串

07.“Margin”版外留边改为“0,0,160,0”，至此，“text_main_search”与“btn_main_pop”对齐，平行

08.将“btn_main_pop”的“Content”属性改为“搜索”

09.使用整个项目的替换，将所有的“btn_main_pop”字符串修改为“btn_main_search”，供有如下几处

10.VS工作暂时结束，保存项目，关闭VS，打开“Microsoft Expression Blend 4”进行简易动画效果编辑，打开HelloWorld项目

11.新建动画故事板，取名“animation_btn_main_search”

12.确保“btn_main_search”选中状态，拖动黄色时间轴前进到0.1s处，或者在红框内时间输入栏输入“00.00:100”回车

13.保持“btn_main_search”，依次设定“0.2s 0度”、“0.3s 5度”、“0.4s 0度”。

14.点击播放按钮可以预览效果

15.单击红色小点关闭录制

16.选择，“文件”->“全部保存”，再选择“项目”->“解决方案01-HelloWorld”->右键“在Visual Studio中编辑”，回到VS。

17.双击“搜索”按钮，跳转到click事件触发函数

18.修改事件触发函数为

private void btn_main_search_Click(object sender, RoutedEventArgs e)
        {
            this.animation_btn_main_search.Begin();
        }

19.按F5，真机调试，记得打开锁屏，回到metro磁贴界面

20.OK，至此，简单的震荡动画完成。