Windows Phone 7 觸摸編程-單點觸摸利用Touch.FrameReported事件

在WP7上Silverlight還支援多點觸摸，有兩種不同的編程模式：

 1、低層級使用Touch.FrameReported事件

2、進階別的使用UIElement類中定義三個事件：ManipulationStarted，ManipulationDelta和ManipulationCompleted。

一、

第一種低層級的觸摸編程是使用類TouchPoint，一個TouchPoint的執行個體代表一個特定的手指觸控螢幕幕。

 TouchPoint的四個屬性：
• 動作的類型-枚舉TouchAction，有Down, Move和Up四個值表示手指的按下、移動和離開。
• 位置的類型-Point的位置，以左上方為參考點。
• 大小的類型-Size，支援接觸面積（手指的壓力大小），但Windows 7不會返回電話有用的值。
• 接觸裝置的類型TouchDevice。

 該TouchDevice對象有兩個得到唯讀屬性：
•ID  int類型，用來區分手指，一個特定的手指有一個唯一測ID來觸發所有的上下移動的事件。

 • DirectlyOver  UIElement的類型，你手指的最頂層元素。

 

使用Touch.FrameReported事件處理常式：
Touch.FrameReported + = OnTouchFrameReported;

 OnTouchFrameReported 方法格式如下:
void OnTouchFrameReported(object sender, TouchFrameEventArgs args)

{
…

}

TouchFrameEventArgs args事件有3個方法：

• GetTouchPoints（refElement）返回一個TouchPointCollection   擷取多個接觸點的集合
• GetPrimaryTouchPoint（refElement）返回一個TouchPoint 擷取第一個手指接觸點
• SuspendMousePromotionUntilTouchUp（）

傳回值是相對於傳遞的參數元素接觸點的相對值。

當傳遞null的時候，GetTouchPoints得到Position屬性相對於應用程式的左上方。

執行個體單點觸摸改變字型的顏色 

 

代碼

<phone:PhoneApplicationPage 
x:Class="SilverlightTouchHello.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="PortraitOrLandscape" Orientation="Portrait"
    mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="768"
    shell:SystemTray.IsVisible="True">

<!--LayoutRoot contains the root grid where all other page content is placed-->
<Grid x:Name="LayoutRoot" Background="Transparent">
<Grid.RowDefinitions>
<RowDefinition Height="Auto"/>
<RowDefinition Height="*"/>
</Grid.RowDefinitions>

<!--TitlePanel contains the name of the application and page title-->
<StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28">
<TextBlock x:Name="ApplicationTitle" Text="SILVERLIGHT TOUCH HELLO" Style="{StaticResource PhoneTextNormalStyle}"/>
<TextBlock x:Name="PageTitle" Text="main page" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
</StackPanel>

<!--ContentPanel - place additional content here-->
<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
<TextBlock Name="txtblk"
                       Text="Hello, Windows Phone 7!"
                       Padding="0 22"
                       HorizontalAlignment="Center"
                       VerticalAlignment="Center" />
</Grid>
</Grid>

<!-- Sample code showing usage of ApplicationBar
    <phone:PhoneApplicationPage.ApplicationBar>
        <shell:ApplicationBar IsVisible="True" IsMenuEnabled="True">
            <shell:ApplicationBarIconButton x:Name="appbar_button1" IconUri="/Images/appbar_button1.png" Text="Button 1"></shell:ApplicationBarIconButton>
            <shell:ApplicationBarIconButton x:Name="appbar_button2" IconUri="/Images/appbar_button2.png" Text="Button 2"></shell:ApplicationBarIconButton>
            <shell:ApplicationBar.MenuItems>
                <shell:ApplicationBarMenuItem x:Name="menuItem1" Text="MenuItem 1"></shell:ApplicationBarMenuItem>
                <shell:ApplicationBarMenuItem x:Name="menuItem2" Text="MenuItem 2"></shell:ApplicationBarMenuItem>
            </shell:ApplicationBar.MenuItems>
        </shell:ApplicationBar>
    </phone:PhoneApplicationPage.ApplicationBar>
-->


</phone:PhoneApplicationPage>

代碼

using System;
using System.Windows.Input;
using System.Windows.Media;
using Microsoft.Phone.Controls;

namespace SilverlightTouchHello
{
public partial class MainPage : PhoneApplicationPage
    {
        Random rand = new Random();
        Brush originalBrush;

public MainPage()
        {
            InitializeComponent();
            originalBrush = txtblk.Foreground;
            Touch.FrameReported += OnTouchFrameReported;
        }

void OnTouchFrameReported(object sender, TouchFrameEventArgs args)
        {
            TouchPoint primaryTouchPoint = args.GetPrimaryTouchPoint(null);

if (primaryTouchPoint != null && primaryTouchPoint.Action == TouchAction.Down)
            {
if (primaryTouchPoint.TouchDevice.DirectlyOver == txtblk)
                {
                    txtblk.Foreground = new SolidColorBrush(
                                Color.FromArgb(255, (byte)rand.Next(256),
                                                    (byte)rand.Next(256),
                                                    (byte)rand.Next(256)));
                }
else
                {
                    txtblk.Foreground = originalBrush;
                }
            }
        }
    }
}