windows8 pad黑板画系统界面设计.docVIP

Windows 8 平板 黑板画界面设计说明书 一、启动界面 2 1.1启动界面设计的目的 2 1.2设计思路 2 1.3 欢迎界面视图 2 二、主界面 3 2.1设计目的： 3 2.2设计的方法： 3 2.3主界面 3 三、连接SkyDrive 4 3.1设计的目的 4 3.2设计的方法 4 3.3界面图 4 四、画图界面 5 4.1设计目的 5 4.2设计的方法 5 4.3画图界面 5 一、启动界面 1.1启动界面设计的目的 欢迎界面会明显减轻用户等待程序启动的心理不适，如果程序本身可以很快启动（一秒内），那欢迎界面也不是那么重要了。不仅如此，各种程序的交互和过渡效果主要也是为了提高用户体验。 1.2设计思路 采用Grid布局定义由列和行组成的网格布局。Grid.RowDefinitions和Grid.ColumnDefinitions集合分别包含RowDefinition和ColumnDefinition用来定义行和列的宽度和高度，行列的数量是根据集合中子对象的数量被定义的。各子对象中Grid.Row和Grid.Column属性用于定义在网格中的位置。 1.3 欢迎界面视图 二、主界面 2.1设计目的 主界面提供强调人---机---环境三者作为一个系统进行总体设计。能够实现以下功能： 对黑板画可前后翻页浏览 可编辑黑板画，能增删页面 页面可增删绘图“轨迹”并显示 提供操作菜单 2.2设计的方法 主要采用Grid和Canvas来布局，Grid是一种相当灵活的布局控件，它通过行列的表格来管理子控件的布局，类似于HTML里的Table控件。Canvas相当基础的控件，通过绝对定位来控制字控件的位置。在Grid里，你得先使用Grid.RowDefinitions和Grid.ColumnDefinitions来定义Grid的行列结构；然后在子控件中使用Grid的附加属性来控制子控件所属的单元格。 三、连接SkyDrive 3.1设计的目的 使用户能够连接SkyDrive，利用微软的云存储实现文件文件的上传下载，无论身在何处，你都可以访问你的SkyDrive微软已经开放了Live SDK，里面提供了对SkyDrive各类文件的访问接口将应用程序配置为使用 Live Connect 后，需要添加对 Live SDK 的引用 还要增加一个云端有黑板文件的画面、下载界面、上传界面。 四、画图界面 4.1设计目的 本界面主要实现了多触点自由触摸绘图的基本功能；也提供了一些基本图形的简单绘画功能，如三角形,四边形等多边形以及圆形,矩形及数学用的坐标轴等基本工具。提供了配置“触摸笔”各类参数的功能，如画笔的颜色，粗细，透明度，以及填充色等。可以选择黑板颜色或背景图片等功能。处理鼠标和触摸事件，支持多点触摸绘图。 4.2设计的方法 捕获触摸事件，记录手指触摸轨迹path；用字典记住各手指id对应轨迹，支持多点触摸同时绘制多个图画。 4.3画图界面 增加一个画笔配置界面图