Windows运维之应用开发触控操作
诗诗 2018-03-19 来源 :网络 阅读 920 评论 0

摘要:本系列Windows 8应用开发将给大家系统的讲解一些 Windows运维的知识,看完这系列文章会让你对Windows运维有更加清晰的理解和运用。

本系列Windows 8应用开发将给大家系统的讲解一些 Windows运维的知识,看完这系列文章会让你对Windows运维有更加清晰的理解和运用。


与WPF相同Windows 8.1应用中也具有高级触控操作(Manipulation),其中包含了三种常见的触屏手势:平移、缩放、旋转,通过以下四种事件可为控件实现各种触控操作:ManipulationStarting、ManipulationStarted、ManipulationDelta、ManipulationInertiaStarting、ManipulationCompleted。

Windows运维之应用开发触控操作

打开Visual Studio 2013 Preview,新建Windows Store应用。在XAML代码中添加Image控件,将ManipulationMode设置为ALL(也可按需要选择不同模式),并为其添加ManipulationStarting、ManipulationDelta、ManipulationCompleted事件,以便后续实现相关手势操作内容。RenderTransform中的CompositeTransform是一个控件变形组合,可容纳多种变形属性,如平移、旋转、缩放。

<Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">

  <Canvas>    <Image x:Name="imageElement" Source="images/cliff.jpg"        Height="460" Width="758" Canvas.Left="300" Canvas.Top="150"

        ManipulationMode="All"        ManipulationStarting="image_ManipulationStarting"        ManipulationDelta="image_ManipulationDelta"        ManipulationCompleted="image_ManipulationCompleted">      <Image.RenderTransform>        <CompositeTransform x:Name="imageCT"/>      </Image.RenderTransform>    </Image>  </Canvas></Grid>

接下来,编写每个事件的具体内容,如下代码:

private void image_ManipulationStarting(object sender, ManipulationStartingRoutedEventArgs e){  e.Handled = true;}private void image_ManipulationDelta(object sender, ManipulationDeltaRoutedEventArgs e){

  FrameworkElement element = e.OriginalSource as FrameworkElement;

  element.Opacity = 0.5;

  imageCT.TranslateX += e.Delta.Translation.X;

  imageCT.TranslateY += e.Delta.Translation.Y;

  imageCT.ScaleX *= e.Delta.Scale;  imageCT.ScaleY *= e.Delta.Scale;  imageCT.Rotation += e.Delta.Rotation;}

private void image_ManipulationCompleted(object sender, ManipulationCompletedRoutedEventArgs e){

  FrameworkElement element = e.OriginalSource as FrameworkElement;

  element.Opacity = 1;}

     这些代码很好理解,当ManipulationDelta触发后,首先将控件透明度设置为0.5,然后捕捉触控操作并对TranslateX、TranslateY(平移);ScaleX、ScaleY(缩放)、Rotation(旋转)进行修改。最后ManipulationCompleted结束后将控件透明度恢复即可。按下F5键看看效果如何。

 

Windows运维之应用开发触控操作

希望这篇文章可以帮助到你。总之,同学们,你想要的职坐标IT频道都能找到!


本文由 @诗诗 发布于职坐标。未经许可,禁止转载。
喜欢 | 0 不喜欢 | 0
看完这篇文章有何感觉?已经有0人表态,0%的人喜欢 快给朋友分享吧~
评论(0)
后参与评论

您输入的评论内容中包含违禁敏感词

我知道了

助您圆梦职场 匹配合适岗位
验证码手机号,获得海同独家IT培训资料
选择就业方向:
人工智能物联网
大数据开发/分析
人工智能Python
Java全栈开发
WEB前端+H5

请输入正确的手机号码

请输入正确的验证码

获取验证码

您今天的短信下发次数太多了,明天再试试吧!

提交

我们会在第一时间安排职业规划师联系您!

您也可以联系我们的职业规划师咨询:

小职老师的微信号:z_zhizuobiao
小职老师的微信号:z_zhizuobiao

版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
 沪公网安备 31011502005948号    

©2015 www.zhizuobiao.com All Rights Reserved

208小时内训课程