Windows Store apps开发[52]Button控件的自定义——模仿开始屏幕中磁贴的按下、移动效果
注:本文由BeyondVincent(破船)原创首发
转载请注明出处:BeyondVincent(破船)@DevDiv.com
![Windows Store apps开发[52]Button控件的自定义——模仿开始屏幕中磁贴的按上、移动效果](http://img.reader8.net/uploadfile/jiaocheng/201401107/2932/2014012900323038769.png)
更多内容请查看下面的帖子
[DevDiv原创]Windows 8 开发Step by Step
小引在Windows 8的开始屏幕上全是一些方块,当我们用鼠标或者手去触摸时,会有不同的按下倾斜效果,移动的时候也会有放大+半透明的效果。这效果非常的cool。那么这篇博文,我就在自定义一下Button,让其具有类似的效果(Tile内容更新的效果不在此范围,或许在以后的文章中我会写,此文只讨论按下、移动效果)。注:我在这里称这样的按钮为TileButton
自定义TileButton的关键技术A、继承自Button,这样会方便很多,只需要做极少部分的处理B、截获按下事件,首先分析按下位置,然后根据位置做不同的效果C、移动过程中,对按钮做放大和半透明处理,增加用户体验
制作步骤1、新建空白工程,名称为BV_TileButton
2、在项目工程上单击右键,选择添加->选择类->输入BV_TileButton,然后确定![Windows Store apps开发[52]Button控件的自定义——模仿开始屏幕中磁贴的按上、移动效果](//img.reader8.net/uploadfile/jiaocheng/201401107/2932/2014012900323038770.jpg)
3、打开BV_TileButton.cs文件:里面的内容如下:
![Windows Store apps开发[52]Button控件的自定义——模仿开始屏幕中磁贴的按上、移动效果](//img.reader8.net/uploadfile/jiaocheng/201401107/2932/2014012900323038772.jpg)
6、代码下载:http://www.devdiv.com/thread-169767-1-1.html
![Windows Store apps开发[52]Button控件的自定义——模仿开始屏幕中磁贴的按上、移动效果](http://img.reader8.net/uploadfile/jiaocheng/201401107/2932/2014012900323038772.jpg)
6、代码下载:http://www.devdiv.com/thread-169767-1-1.html
![Windows Store apps开发[52]Button控件的自定义——模仿开始屏幕中磁贴的按上、移动效果](http://img.reader8.net/uploadfile/jiaocheng/201401107/2932/2014012900323038770.jpg)