利用FluidMoveBehavior制作出手机通讯录平滑的效果

时间:2021-01-31 15:39:37

最近学习Blend,原来Blend制作动画等效果非常棒。下面演示一下FluidMoveBehavior应用,利用Blend中行为中的FluidMoveBehavior制作出手机通讯录平滑的效果

1.在画布上添加一个ListBox,添加N多个<TextBlock>,如图

利用FluidMoveBehavior制作出手机通讯录平滑的效果

2.在ListBox上右键按图指示操作创建副本

利用FluidMoveBehavior制作出手机通讯录平滑的效果

3.在模板中选择ItemsPresenter,

利用FluidMoveBehavior制作出手机通讯录平滑的效果

4.然后从行为面板中选择FluidMoveBehavior拖放到画板上的ItemsPresenter对象上

利用FluidMoveBehavior制作出手机通讯录平滑的效果

5.返回到ListBox,并添加属性:ScrollViewer.CanContentScroll="False" 。

6.在ListBox上右键按图操作

利用FluidMoveBehavior制作出手机通讯录平滑的效果

操作完成,按F5查看效果,拖动ListBox滚动条看看是不是有手机上操作列表效果一样。

本人写的不是太详细,如果有基础的一定能看懂,多多练习。