美化Windows Mobile上的自定义ListView
在移动设备上,我们经常需要列出数据给用户看,ListView是经常用到的控件。而有些时候,我们需要同时列出预览的图片和数据,所谓图文并茂,这样可以带来更加友好的互动体验。Alex Yakhnin给我们做了很好的尝试,在他的Webcast-《24 Hours of Windows Mobile Application Development: Creating Compelling and Attractive UIs for Windows Mobile Applications》中,讲述了利用.NET CF来创建更加有好的UI界面。
当然,在这里,我们还是用到了Alpha Blending和Gradient Fill,代码可以在“ListViewDemo.zip”这个链接中下载。在使用时,我们需要注意三个地方,那就是CustomBorder(包围ListViewOwnerDrawn的红色线条部分)、Form背景和ListViewOwnerDrawn。如下图1所示:
图1:Form各部分说明
在使用的时候,我们需要设置CustomBorder的周边圆弧的半径,以及边缘的颜色等。
同样,我们也需要设置ListViewOwnerDrawn中的字体颜色、大小、规格,背景颜色等。
至于ListViewOwnerDrawn中的内容,可以是图片,文字等等。我们只要定义一个ListViewItem,并向其中添加ListViewSubItem就可以。例子中,是把设备的“@\My Documents\My Pictures”文件夹下的图片,图片大小和图片创建日期显示出来,这就同时包含了图片和文字信息,需要在ListView中显示。首先,我们加入文件的创建时间,
其次,我们加入图片的缩略图,
最后,加入图片的分辨率信息,
同样,Form的背景,我们可以使用半透明的渐进过渡。可以在Form的Paint函数中来实现,
即从上到下,由紫色逐渐过渡到灰色。于是就出来图1所示的效果。
由这个例子,我想到了GTalk中的聊天对话框(如下图2所示),是不是和这个Form很像。
图2:GTalk聊天对话框
所以,利用这个例子,我们可以做一个聊天的对话界面,不错吧。希望对大家有用。
参考链接: