使用Silverlight for wince6.0 作为视频预览的界面_之一

时间:18:19 2010-12-30

环境：
开发环境：VS2008 +XAML2CPP.EXE + SWE 2 + BLEND 2/3　＋DSHOW
运行环境：WINCE 6.0 R3
硬件加速： DirectX

联系:
公司网站: http://www.pvontek.com
E-MAIL: pengxinglove@gmail.com

背景

我们有一个MFC版本的视频预览程序的DEMO,此由硬件产生提供的.
此DEMO其的主要作用:告诉我们APP开发人员怎么样使用其所提供的FILTER.所以界面主要是功能的展示,一个DIALOG就表达.
我们APP开发人员要求使用SWE来制作此视频预览程序的界面,程序的核心业务逻辑不变,还是使用硬件产商所提供的FILTER,
所有,我们只是将APP换一个外衣.
由于MFC版本的DEMO程序结构好,界面与核心业务逻辑是分开的.这更加地方便了我们.
感受:界面与业务逻辑分开对于我们来说很有用的,我们一般是使用MVC结构来分层.
下面我只讲界面制作的相关问题,因为核心业务逻辑,其是与相关的硬件有关,(其将操作视频IC的IOCONTROL 写成了FILTER, 所以此FILTER其是特定硬件有关,其也是只是提供了接口与LIB,DLL文件,也只要提供这些就可以,)

效果图

第一次加工的效果图

问题:

视频窗口在设置参数图层的上面.此时APP其只有两个窗口: 主窗口(PAGE) 视频窗口.

通过REMOTE SPY++ 所看到的.

第二次加工的效果图

我们将参数设置图层制作成一个单独地窗口. 将此窗口设置成为主窗口的子窗口

通过SPY++ 所观察到的.

感受

编写一个APP其要经历三个阶段

1. 界面的设计

如:使用BLEND 或VS来制作界面

2. 界面过度到编写业务逻辑

如:根据项目开发模板,创建一个项目, 为控件创建事件

3. 编写业务逻辑

实现事件代码

使用MFC还是SWE其主要还是:1.2这两个阶段不同,但其本质是相同的,在后面将会比较一下.

其所给我们的提示.

1. 程序的业务逻辑,其不要有控件层代码直接交互,一般地做法.

使用MVC结构来帮助分层.其是在业务逻辑与控件层之间添加一层,作为中转叫 controller.

要求:

1.控件层与CONTROL 层,通过DATA 类来进行数据的传递,
2.这些层,其以类来封装的.
3.控件层与CONTROL 层的引用,CONTROL 层有控件层的引用和业务逻辑层的引用

2.我们应该去优化第一.二两个阶段.使用程序员可以直接地进入第三阶段,编写业务逻辑,因为只有第三个阶段才是有真正价值的.

在MFC当中,因为有VS的支持,我们第一.二阶段所花费时间很少.

优点:
可以快速地进行业务逻辑的编写
不足:
编写漂亮的界面,不灵活,很花费时间

在Silverlight for WINCE 6.0当中,其在第二阶段所花费的时间是最多的.

为了减少在此阶段所花费的时间,我们使用了XAML2CPP工具,或其的高级版本

AUTOXAML2CPP. 现在我们主要是使用AUTOXAML2CPP.

结果:

在WINCE6.0 平台上.
如果我们只是为了测试功能,如测试驱动,我们使用MFC好
如果我们需要一个好看的界面,我们还是使用SWE好.

TIPS:

在WINCE 7.0 平台上,MS其已经优化了第二阶段,也就是其提供了一个SWET工具.
同时也说明了两点:
1.MS对于SWE的重视
2.MS其不会为WINCE6.0开发一个工具来优化第二阶段.这也就是AUTOXAML2CPP其所产生的背景.

MFC与SWE的本质是相同的

我们将从上面所提到的创建APP的三个阶段来分别比较说明

先说MFC

界面的设计

图:界面的描述

其在VS当中设计的,在界面的设计过程当中,其是可以可视的设计,但其本质还是产生了相应的配置文件.

对于界面当中的元素访问与事件注册

图:　主窗口类与界面的绑定和控件类的定义

　　　　　　　　　　图：控件与控件类之间的绑定

图: 为相关控件注册事件

事件响应

图: 实现事件

MFC程序的设计过程当中业务流程:
1. 解析界面配置文件
2. 创建主窗口:需要提供:窗口类,窗口过程,主窗口与CDialog的子类绑定到一起,其是通过HWND.
3. 根据配置文件当中子控件描述,创建子控件,与实现子控件所对应的类.如:BUTTON ,其要绑定到CButton对象,BUTTON与CBUTTON主要是通过HWND绑定在一起.
4. 将主窗口与子控件关联起来.其是通过控件类来方便完成的<主要动作:是将主窗口的HWND告诉子控件,在子控件其接收到消息以后,其根据父控件的HWND来向父控件发送消息.
5. 在主窗口当中了,为相关控件注册事件.
MFC及MFC的工具为我们完成了上面的业务流程,
只要我们编写业务逻辑代码就可以了.

SWE当中

界面的设计