美化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 DocumentsMy Pictures”文件夹下的图片，图片大小和图片创建日期显示出来，这就同时包含了图片和文字信息，需要在ListView中显示。首先，我们加入文件的创建时间，

其次，我们加入图片的缩略图，

最后，加入图片的分辨率信息，

同样，Form的背景，我们可以使用半透明的渐进过渡。可以在Form的Paint函数中来实现，