Windows Phone 7触摸屏事件Manipulation的使用

　Windows Phone 7为Silverlight和XNA提供了一个非常灵敏的可触摸的屏幕，它不像一些旧的模拟鼠标的触屏，或识别字迹的屏。

　　在Windows Phone 7的多触摸屏上可以检测到至少四根同时存在的手指，并且一起操作使触摸屏充分发挥效果

　　在silverlight开发中通过事件来实现触屏事件的检测，包括低级别的和高级别的接口。低级别主要是FrameReported 事件，高级别的是定义在UIElement类中的事件，包含ManipulationStarted，Manipulationdelta,ManipulationCompleted,这三个事件互相配合来完成触控操作，它们可以在任何UIElement的子类中使用。

　　今天这讲是Manipulation事件。

一、事件说明

　　1.ManipulationStarted事件

　　当手指按下触摸屏时发生

　　2.Manipulationdelta

　　当手指在触摸屏移动时发生

　　3.ManipulationCompleted

　　当手指释放触摸屏时发生

二、具体运用

1.新建项目

2.添加一张图片用于演示

3.修改MainPage.xaml

<Grid x:Name="LayoutRoot" Background="Transparent">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>
       
        <TextBlock x:Name="title" FontSize="40" Text="Multi-Touch" TextAlignment="Center"/>
        <Canvas x:Name="ContentCanvas" Grid.Row="1">
            <Image Source="1.jpg"
                   x:Name="image1" Stretch="Fill" Width="500" ManipulationDelta="image1_ManipulationDelta" ManipulationStarted="image1_ManipulationStarted"  ManipulationCompleted="image1_ManipulationCompleted">
            </Image>
        </Canvas>
        <TextBlock x:Name="info" FontSize="25" Grid.Row="2" TextWrapping="Wrap" Width="500" MinHeight="40" Text="屏幕信息" TextAlignment="Center" VerticalAlignment="Bottom"/>
    </Grid>

Image用于演示

TextBlock用于显示移动手指的坐标信息

4.修改MainPage.cs

 public partial class MainPage : PhoneApplicationPage
    {
        private CompositeTransform compositeTransform;

        // Constructor
        public MainPage()
        {
            InitializeComponent();
            SupportedOrientations = SupportedPageOrientation.Portrait | SupportedPageOrientation.Landscape;

           
           // ManipulationDelta += image1_ManipulationDelta;
            compositeTransform = new CompositeTransform();
            image1.RenderTransform = compositeTransform;
        }

        private void image1_ManipulationDelta(Object sender, ManipulationDeltaEventArgs e)
        {
            if (e.DeltaManipulation.Scale.X != 0)
                compositeTransform.ScaleX *= e.DeltaManipulation.Scale.X;
            if (e.DeltaManipulation.Scale.Y != 0)
                compositeTransform.ScaleY *= e.DeltaManipulation.Scale.Y;

            compositeTransform.TranslateX += e.DeltaManipulation.Translation.X;
            compositeTransform.TranslateY += e.DeltaManipulation.Translation.Y;
            this.info.Text = "图片移动中" + "\n" + "X:" + e.ManipulationOrigin.X.ToString() + "   " + "Y:" + e.ManipulationOrigin.Y.ToString();
        }

        private void image1_ManipulationStarted(object sender, ManipulationStartedEventArgs e)
        {
            this.info.Text = "图片开始移动"+"\n"+"X:"+e.ManipulationOrigin.X.ToString()+"   "+"Y:"+e.ManipulationOrigin.Y.ToString();
        }

        private void image1_ManipulationCompleted(object sender, ManipulationCompletedEventArgs e)
        {
            this.info.Text = "图片停止移动" + "\n" + "X:" + e.ManipulationOrigin.X.ToString() + "   " + "Y:" + e.ManipulationOrigin.Y.ToString();
        }
    }

 

源码下载