15、深入探索Windows Phone界面定制与手势交互

深入探索Windows Phone界面定制与手势交互

一、用户界面定制

在开发Windows Phone应用时，用户界面的定制是提升用户体验的重要环节。这里将详细介绍如何使用Expression Blend定制控件，特别是定制带有图像的按钮和修改复选框模板。

1. 定制带图像的按钮

• 创建项目：从Expression Blend创建一个新的Windows Phone项目，命名为PlayWithControlTemplate。在项目中添加一个Images文件夹，并放入名为TestImage.png的图像。
• 基本按钮实现：使用以下代码创建一个以图像为内容的按钮：

<Button x:Name="ImageButton" Height="84" > <Image Source="Images/TestImage.png" /> </Button>

这个按钮虽然基本可用，但缺乏一些特性，需要进一步编辑模板。
-编辑按钮模板：
- 右键点击按钮，编辑模板，命名为ImageButtonTemplate。
- 定位ButtonBackground（当前为Border类型元素），将其删除或替换为普通Grid，保持其背景绑定到模板。
- 在Grid中添加一个名为OverlayRectangle的矩形，初始填充为黑色且不可见，用于在按钮