zoukankan      html  css  js  c++  java
  • 一起谈.NET技术,WPF MultiTouch 开发:高效开发模式 狼人:

      在前几篇文章中已经介绍了触屏操作的多种模式,并对其开发方式也有了进一步了解。细心的朋友应该会发现在上一篇文章中,如果拖动图片过快它会因惯性效果飞出程序窗口外,也就是说还需要对其进行边界限制等相关开发。而且无论是哪种触屏操作都需要开发者逐行逐句的编写代码,本篇将为大家介绍一种高效的多点触屏开发模式。

      其实我们只需利用CodePlex 中的Multi-Touch Manipulation 项目即可,该程序不仅支持WPF,还可以进行Silverlight 和Windows Phone 7 的项目开发。下载并安装程序,打开Blend 4 新建项目,在设计窗口绘制一个矩形。

    Design

      在Behaviors 菜单中可以找到FluidMoveBehavior和 TranslateZoomRotateBehavior 两个选项,并将其拖入Rectangle 中使矩形具有触屏操作特性。 Fluid TRS

    Window

      选择TranslateZoomRotateBehavior  可以进行相关设置,勾选ConstrainToParentBounds 防止矩形飞出程序外。

    T

      在FluidMoveBehavior 中可以设置矩形移动的模式及持续时间等属性。

    F

      相关设置完成后看看生成的代码,可见XAML 其实也很简单。

    <Window
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"
    xmlns:ei="http://schemas.microsoft.com/expression/2010/interactions"
    x:Class="WpfMT.MainWindow" x:Name="Window" Title="MainWindow"
    Width="640" Height="480">

    <
    Grid x:Name="LayoutRoot" Background="#FF7E7878">
    <
    Rectangle Fill="#FF0B3EDA" Margin="239,181,289,179" Stroke="Black">
    <
    i:Interaction.Behaviors>
    <
    ei:TranslateZoomRotateBehavior ConstrainToParentBounds="True"/>
    <
    ei:FluidMoveBehavior Duration="0:0:2">
    <
    ei:FluidMoveBehavior.EaseY>
    <
    BackEase EasingMode="EaseOut"/>
    </
    ei:FluidMoveBehavior.EaseY>
    <
    ei:FluidMoveBehavior.EaseX>
    <
    BackEase EasingMode="EaseOut"/>
    </
    ei:FluidMoveBehavior.EaseX>
    </
    ei:FluidMoveBehavior>
    </
    i:Interaction.Behaviors>
    </
    Rectangle>
    </
    Grid>
    </
    Window>

      程序演示

      通过以上在Blend 4 中的开发,不要编写任何代码就可以使程序实现多点触屏操作功能。

      相关文章

      1. WPF Multi-Touch 开发:Windows 7 安装多点触屏模拟器
      2. WPF Multi-Touch 开发:基础触屏操作(Raw Touch)
      3. WPF Multi-Touch 开发:高级触屏操作(Manipulation)
      4. WPF Multi-Touch 开发:惯性效果(Inertia)

      源码下载:WpfMT.zip

  • 相关阅读:
    VUE参考---组件切换动画
    VUE参考---组件切换方式
    VUE参考---为什么组件中的data必须是一个方法且返回一个对象
    VUE参考---组件中的data和methods
    VUE课程---26、组件
    VUE课程---25、发ajax请求
    VUE课程---24、插件
    Spring3.2.4集成quartz2.2.1定时任务(demo)
    TODO
    【转】Mac 程序员的十种武器
  • 原文地址:https://www.cnblogs.com/waw/p/2158599.html
Copyright © 2011-2022 走看看