WinCEUI库开发实践.doc

WinCE UI库开发实践（1）【原创】 WinCE UI库开发实践（1）【原创】by ucdragon_wkxWinCE平台下应用开发最麻烦的还是UI部分。与windows平台不同，windows平台有大量的皮肤控件，程序美观不在话下。而wince根本没有合适的UI库，网络上根本找不到，所以编制比较美观的界面，是一个头痛的事情。默认的wince控件都是灰色的，拿来做产品难堪大用。如果仅仅是一个应用，可能窗口数不多，那么每个窗口进行绘制还是一个选择。但是窗口数多了，这就是一个难以忍受的工作了，每个按钮，图片，text都要在paint事件中写代码，而且各个窗口都不同，这个工作简直不是人干的。1 扩展标准控件怎么办呢？有一个选择方案，就是对现有控件如CButton等基类进行扩展，实现贴图自绘功能。这样做可以实现图片按钮，透明文字等一些常用控件，但是对其它一些控件难以实现，比如自绘list，想要自定义自己的滚动条，是没有正常办法的（当然有些偏门的方法，比如用SetWindowRgn切掉滚动条，再换上自己的，但是再想进一步扩展就困难了），因为list的滚动条是内部滚动条，微软没有暴露接口去改变它。还有listview控件长按会出现一个点圈。所以这种方法有很大的缺憾。还有一个很大的问题，就是窗口控件绘制不同步的问题。wince不同于pc，使用多个控件时，内核在绘制时是一个控件接着一个控件进行的，有先有后，窗口是一块一块刷新的。因为pc上cpu速度快，整个绘制过程很快就结束了，所以看起来就是整个窗口一下就刷新了。但是wince里，主芯片主频通常是不够快的，这个现象就很明显，图片，按钮和列表先后出来，对商用产品来说效果很差，只能在美工上想些办法，让不同窗口的颜色尽量一致，变化小些，这样让用户看得不明显。但是这是不得已办法。2 实现自己的UI库绞尽脑汁，最终还是回到老路上，只能自己画。但是不能自己在每个窗口用代码画，太累。最好通过配置就实现按钮，图片，列表，文字，滚动条的自动绘制。想法有了，下面就是动手了。这是一个积累的过程，经过长达1年多的时间，这套UI库终于成熟，实现了用配置文件定制UI的功能。可以实现多语言和多皮肤实时切换，不会有闪烁。界面示例： image001.png (23.98 KB) 2008-11-22 11:47  image003.png (30.31 KB) 2008-11-22 11:47  image005.png (31.54 KB) 2008-11-22 11:47  image007.png (33.35 KB) 2008-11-22 11:47  image009.png (14.75 KB) 2008-11-22 11:47  image011.png (32.58 KB) 2008-11-22 11:47  image013.png (23.7 KB) 2008-11-22 11:47 配置文件示例：截取部分[TV]RectBox={0,0,272,183}RectSignalPic={261,213,41,18}RectFrame={47,0,203,183}RectFrameBody={55,8,186,173}SkinString={BG tv_bg 0,0,320,240TEXT ProgramText??255,255,255 14 400 225,191,100,18 CENTER SINGLELINE VISIBLETEXT HintText Loading... 255,255,255 28 800 0,81,272,183 CENTER MULTILINE VISIBLETEXT IC1SignalText??150,150,0 12 100 232,230,40,12 RIGHT SINGLELINE INVISIBLETEXT IC2SignalText??140,140,255 12 100 275,230,40,12 RIGHT SINGLELINE INVISIBLEPICTURE SignalPic tv_signal OPACITY 251,213,0,18 NORMAL VISIBLEPICTURE ChargePic tv_charge OPACITY 5,205,10,22 NORMAL INVISIBLEPICTURE Powercell1Pic tv_powercell OPACITY 6,222,8,4 NORMAL INVISIBLEPICTURE Powercell2Pic tv_powercell OPACITY 6,217,8,4 NORMAL INVISIBLEP