1、河南科技大学本科毕业设计（论文）I基于触屏电脑 OS的应用程序供多人同时触摸操作的浏览相片软件摘 要本课题要求设计并实现一个模拟现实桌面的多人同时触摸操作的浏览相片软件。课题的意义是通过开发这个 Surface Application 来介绍如何编写一个基础的Surface Application，从而熟悉国外最新的多点触控技术（pixelsense）。这款软件使用 Visual Studio C#作为开发工具，主要借助 Surface 2.0 开发包的安装，然后利用软件工程知识进行需求分析和设计，然后使用 XAML 语言设计前台程序界面，使用 C#语言来编写后台程序逻辑，最后实现的设计效果是
2、可以供许多用户可以同时用手指在其桌面上对一至无限张 jpg 格式图片进行有目的地放大、缩小、旋转、堆叠分类等多种操作，当然前提是安装于 Microsoft PixelSense；如果这款软件应用于 Surface 系列平板电脑，则可以供用户在屏幕上通过手指触控来操作欣赏照片。所有的功能可以在 Win7 旗舰版操作系统下通过输入模拟器（Input Simulator）模拟手指触摸来测试评估软件的所有功能。本设计达到的目标是通过设计此软件熟悉如何开发一个可以在 Pixelsense 或Surface 上运行的基础 Surface Application，而且熟悉如何使用输入模拟器测试软件。关键词：
3、触摸，缩放，Pixelsense，Surface河南科技大学本科毕业设计（论文）IIThe Application to manipulate pictures by fingers in many ways which is based on Surface or Pixelsenses OSABSTRACTThis subject is required to design and develop a software which will simulate a real table to offer users authority to manipulate many pictures
4、in many ways only by touching screen. The purpose of the subject is to introduce how to develop a basic Surface Application by developing the software so as to make people to know more about the latest foreign technology of pixelsense. The development tool is Visual Studio C#. With the help of Surfa
5、ce SDK 2.0, developer can realize the following functions by XAML and C# codes programming after the design and analysis of software engineering. It can be achieved to manipulate many jpg pictures by amplifying, diminishing, rotating or piling by many users in the same time simply by touching table
6、screen if this application is installed in Microsoft PixelSense. User also can achieve those manipulations just mentioned above for many photos only by using their fingers to touch screen if this surface application is installed in Surface. The softwares all functions will be test by Input Simulator
7、 with simulation of fingers touching on Win7 Ultimate computers.The aim of the subject is to make people be familiar with how to develop a basic Surface Application which can run on pixelsense or Surface and how to test it using Input Simulator.KEY WORDS：touching, amplifyingtrymainScatterView.ItemsS
8、ource = System.IO.Directory.GetFiles(imagesPath, “*.jpg“);catch (System.IO.DirectoryNotFoundException)/ Write Error info here.算法描述：数据来源路径是 C:KuGouSample PicturesSample1，即名字为“Sample1”的文件夹中的图片为导入图片，然后与 ScatterView 控件联系，如果目标文件夹中存有图片，且为 jpg 格式，则图片成功导入。否则，无法导入图片，无法显示图片，即无法实现缩放及拖拽功能模块。4.3 有色标签卡功能模块的算法及其描述
9、河南科技大学本科毕业设计（论文）19XAML：算法描述：在 ScatterView 中添加一个长方形标签，长方形中填充绿色，宽为 200，长为 100。并且将它放在 ViewBox 控件中，ViewBox 控件是特殊的装饰控件，ViewBox 控件用于放大和缩小控件中的任何内容，包括长方形标签卡。这样就可以使有色标签卡实现缩放功能，且 ViewBox 控件是包含在 ScatterViewItem中，作为 ScatterView 的项，ScatterViewItem 可以控制拖放元素的长宽，不设置With,Height，会有一个默认的 Width 和 Height，会影响相片的呈现效果。因此它可
10、以永久覆于软件界面的上层，不会被目标图片所覆盖，实现标签功能模块。4.4 手写标题框功能模块的算法及其描述XAML：河南科技大学本科毕业设计（论文）20算法描述：使用 label 控件实现手写标题框模块的实现，label 的各项参数见上。4.5 测试设计4.5.1 使用 Input Simulator 进行测试使用微软输入模拟器（Input Simulator），可以使用鼠标模拟不同种类的触摸输入，而不再需要一个支持触摸的屏幕。你可以将输入模拟器（Input Simulator）与 Microsoft Visual C# 2010 Express Edition (or Visual Stud
11、io 2010)结合在一起使用，来测试在一个工作站（workstation）中的许多 Surface applications，而不再需要终端使用者平台运行测试。4.5.2 Input Simulator 使用说明书打开 Input Simulator，出现如图 4-7 所示，然后点击 “ ”按钮。接着鼠标光标箭头会变成“ ”图案。河南科技大学本科毕业设计（论文）21模拟两指或多指触摸缩放图片的过程：按住鼠标左键，不要松开，接着按下鼠标右键。这样，一个模拟手指已经接触到程序的屏幕上了。接着开始滑动，即模拟两个手指在触摸屏上同时触摸进行图片的缩小或放大或旋转。如图 4-8 所示。如果要移除所有的
12、触摸点，可以点击“ ”按钮。如果要将鼠标光标恢复回箭头状，点击“ ”按钮。图 4-7 Input Simulator 界面河南科技大学本科毕业设计（论文）22图 4-8 Input Simulator 正在模拟手指触对图片摸缩放、旋转第 5 章 测试河南科技大学本科毕业设计（论文）235.1 白盒测试5.1.1 缩放及拖拽功能模块的测试用例测试效果如图 5-1、图 5-2 所示。图 5-1 缩放及拖拽功能模块测试效果 1图 5-2 缩放及拖拽功能模块测试效果 2测试结论：可以对较大分辨率的图片进行双指触摸缩放及单指拖拽，达到了河南科技大学本科毕业设计（论文）24软件缩放及拖拽功能模块的基本要求
13、。5.1.2 有色标签卡功能模块的测试用例测试效果如图 5-3 所示。图 5-3 有色标签卡功能模块测试效果测试结论：分区规划所使用的有色标签始终至于底层地图的上面，这样不会被地图挡住，同时可以拖拽，但没有惯性移动，这样可以增强操作稳定性，达到了软件有色标签卡功能模块的基本要求。出现的问题：有色标签卡在两指进行缩放时，有色部分无法实现放大或缩小。问题的分析与解决方法：ScatterViewItem 可以控制拖放元素的长宽，不设置With,Height，会有一个默认的 Width 和 Height，会影响相片的呈现效果。解决办法是将有色的长方形标签卡放入 ViewBox 控件中，因为 ViewB
14、ox 是一个特殊的装饰控件，它包含在 ScatterViewItem 中，作为 ScatterView 的项。ViewBox 控件用于放大和缩小控件中的任何内容，包括长方形标签。这样就可以使有色标签卡河南科技大学本科毕业设计（论文）25实现缩放功能，问题解决。5.1.3 手写标题框功能模块的测试用例测试效果如图 5-4 所示。图 5-4 手写标题框功能模块测试效果测试结论：实现使用文本编辑框进行文本编辑和文字输入的功能，达到了软件手写标题框功能模块的基本要求。5.2 黑盒测试黑盒测试结论如下：测试用例 1：单指拖拽图片过程中，模拟手指在屏幕上超快速移动图片。结论：图片仍旧跟随着手指，但是稍微偏
15、离手指在屏幕上的触摸点，基本满足软件的要求。测试用例 2：多指缩放图片过程中，对分辨率和尺寸非常大的图片进行无限放大图片。结论：图片仍旧基本可以无限放大，但是最终会在某一个隐形的边界受到限河南科技大学本科毕业设计（论文）26制，应该与硬件因素有关，如果应用在 Pixelsense 上，无限缩放的程度会更高。结 论河南科技大学本科毕业设计（论文）27本课题使用 Visual Studio C#作为开发工具，主要借助 Surface 2.0 开发包的安装，然后使用 XAML 语言设计前台程序界面，使用 C#语言来编写后台程序逻辑，最后完成对模拟现实桌面的多人同时触摸操作的浏览相片软件的开发。在测试
16、阶段使用输入模拟器工具栏（Input Simulator Tools）中的输入模拟器（Input Simulator）在 Win7 旗舰版操作系统下进行测试。这样就不再需要一个支持触摸的屏幕，只使用鼠标就可以模拟许多不同种类的触摸输入，来测试许多Surface applications，而不再需要终端使用者平台来运行程序进行测试。本课题比较新，主要是借此让更多的学者对 Surface Application 的开发相关领域方面有更多的关注和了解。由于本课题设计的程序需要安装的对象Pixelsense 在 2012 年 5 月 29 日才浮出台面，以“ 台面电脑” （surface comput
17、er，后更名为 pixelsense）问世。而 Surface 平板电脑，也于去年 10 月 26 日刚刚推出。因此本课题中开发 Surface Application 需要使用的技术都非常新，技术支持都是来源于国外的网站，中文版本的参考资源非常非常有限。限于本人的学术水平，所以仅能实现一些在国外非常流行的相关领域展示的视频中的基本操作，比如对图片进行多指滑动操控图片，使其放大、缩小、旋转、堆叠，或者添加不同颜色的若干标签块，或者可以生成若干的 textbox 来供用户手写或使用触摸键盘进行撰写文字标题等等。因此研究本课题需要更多的人来进行研究，研究出的成果以中文版本呈现，来增加更多的中文版本
18、的相关参考资源，让更多的 Surface 爱好者们了解如何通过 Visual Studio C# 开发 Surface Application 实现更多的奇妙的触摸功能，给人们带来更加奇幻的触摸操控体验。河南科技大学本科毕业设计（论文）28参考文献1 Karli Watson/Christian Nagel. Beginning Visual C# 2010.Wiley Publishing: Wiley, 2010.2 （美）沃森， （美）内格尔，齐立波翻译. C#入门经典（第五版）.清华大学出版社：2010.123 Mark Michaelis. EssentialC#2.0 C#本质论.
19、 人民邮电出版社：2008.074 吕高旭. Visual C#范例精要解析.清华大学出版社：2008.015 张立.C# 程序设计编程经典.清华大学出版社：2008.046 李容.完全手册 Visual C# 2008 开发技术详解.电子工业出版社：2008.057 丁士峰.完全手册 Visual C# 2005 SQL Server 2005 数据库与网络开发.电子工业出版社：2008.018 微软官方网站. Microsoft Surface 2.0 SDK. . http:/ 引用日期：2013/3/7 9 王迪. Microsoft Surface 示例-Social Stream
20、for Microsoft Surface 2.0. http:/ 引用日期：2013/3/710 林永坚. Bing Maps 控件 for WPF 和 Surface 2. http:/ 引用日期：2013/3/711 刘甫迎、刘光会、王蓉.C#程序设计教程（第 2 版）.北京：电子工业出版社，200812 Microsoft Visual C# 2008 help，200813 美国微软公司 Visual C# 2005 软件的帮助信息， 200514 李兰友，杨晓光.Visual C#.NET 程序设计.北京：清华大学 北方交通大学出版社，200415 王昊亮，李刚等.Visual C
21、#程序设计教程.北京：清华大学出版社， 200316 佟伟光.Visual Basic.NET 实用教程.北京：电子工业出版社， 200317 美 Mickey Williams.冉晓景 罗邓 郭炎译.“MICROSOFT Visual C# CORE REFERRNCE“ Visual C#技术内幕.北京：清华大学出版社 200318 施燕妹，陈培，陈发吉.C#语言程序设计教程.北京：中国水利水电出版社.200419 明月创作室.Visual C#编程精彩百例.北京：人民邮电出版社 .2001河南科技大学本科毕业设计（论文）2920 美 Herbert Schildt 著，长春亿特译.C#编程序起步.北京：人民邮电出版社.200221 美 微软公司著 ,熊盛新 许志庆 李钦译. Visual C#.NET 语言参考手册.北京：清华大学出版社.200222 孙永强等. Visual C#.NET 入门与提高.北京：清华大学出版社. 2002河南科技大学本科毕业设计（论文）30致 谢在李艳霞老师的帮助和监督之下，我顺利完成了实现浏览图片功能的 Surface Application 的代码编写以及毕业论文的完成。在论文的最后修稿阶段，在李老师的帮助下，我更正了了许多的错误。在此，我向李老师表示真诚的谢意。
