美化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所示:

image

图1:Form各部分说明

   在使用的时候,我们需要设置CustomBorder的周边圆弧的半径,以及边缘的颜色等。

  image    

    同样,我们也需要设置ListViewOwnerDrawn中的字体颜色、大小、规格,背景颜色等。

  image

   至于ListViewOwnerDrawn中的内容,可以是图片,文字等等。我们只要定义一个ListViewItem,并向其中添加ListViewSubItem就可以。例子中,是把设备的“@\MyDocuments\My Pictures”文件夹下的图片,图片大小和图片创建日期显示出来,这就同时包含了图片和文字信息,需要在ListView中显示。首先,我们加入文件的创建时间,

  image

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

   image

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

   image

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

   image

    即从上到下,由紫色逐渐过渡到灰色。于是就出来图1所示的效果。

    由这个例子,我想到了GTalk中的聊天对话框(如下图2所示),是不是和这个Form很像。

image

图2:GTalk聊天对话框

    所以,利用这个例子,我们可以做一个聊天的对话界面,不错吧。希望对大家有用。

 

参考链接:

1.24 Hours of Windows Mobile Application Development: Creating Compelling and Attractive UIs for Windows Mobile Applications

2.Alpha Blending and Alpha Channel on Windows Mobile

3.How to: Display a Gradient Fill

61 Comments so far

  1. 源代码哪里可以下载,给个详细的连接,谢谢!
  2. http://code.msdn.microsoft.com/uiframework
  3. Hi! txOrWBK
  4. Hi! FcBHlZk http://rggrse.com/ <a href="http://qnfykg.com/ ">BRrnje</a> BRrnje
  5. RhvyrG <a href="http://www.telltalegames.com/forums/member.php?u=45647#8284 ">Buy Cigarettes</a> <a href="http://community.xat.com/member.php?u=38944#8284 ">Ultram</a> <a href="http://www.telltalegames.com/forums/member.php?u=45647#8284 ">Cheap Cigarettes</a> <a href="http://www.telltalegames.com/forums/member.php?u=45645#8284 ">Cheap Ambien</a> <a href="http://www.telltalegames.com/forums/member.php?u=45646#8284 ">Cheap Ativan</a>
  6. XqJqfH <a href="http://www.qmsystems.com/tramadol.html#3342 ">Tramadol</a> <a href="http://www.carmafl.org/viagra.html#3342 ">Buy Viagra online</a> <a href="http://www.qmsystems.com/xanax.html#3342 ">Buy Xanax</a> <a href="http://www.carmafl.org/tramadol.html#3342 ">Cheap Tramadol</a> <a href="http://www.carmafl.org/viagra.html#3342 ">Cheap viagra</a>
  7. dvhOZCc <a href="http://www.jaia-interactive.com/tramadol.html#7351 ">Ultram</a> <a href="http://www.jaia-interactive.com/xanax.html#7351 ">Buy Xanax</a> <a href="http://www.jaia-interactive.com/tramadol.html#7351 ">Ultram</a> <a href="http://www.jaia-interactive.com/ativan.html#7351 ">Buy Ativan</a> <a href="http://www.jaia-interactive.com/viagra.html#7351 ">Cheap viagra</a>
  8. ngFvBAf <a href="http://www.ecometro.com/Community/members/JoseCope.aspx#3409 ">Cheap Xanax</a> <a href="http://www.ecometro.com/Community/members/JoseCope.aspx#3409 ">Xanax</a> <a href="http://www.ecometro.com/Community/members/JoseCope.aspx#3409 ">Cheap Xanax</a> <a href="http://www.solidphp.com/forum/member.php?u=17162#3409 ">Xanax</a> <a href="http://www.ecometro.com/Community/members/RobertSmith.aspx#3409 ">Breitling Watches</a>
  9. NLGFEit <a href="http://www.ecometro.com/Community/members/PaulClark.aspx#4624 ">Buy Ativan</a> <a href="http://www.ecometro.com/Community/members/PaulRandall.aspx#4624 ">Ambien</a> <a href="http://www.solidphp.com/forum/member.php?u=17162#4624 ">Cheap Xanax</a> <a href="http://www.ecometro.com/Community/members/GeorgeHubert.aspx#4624 ">Cheap Cigarettes</a> <a href="http://www.ecometro.com/Community/members/GeorgeHubert.aspx#4624 ">Buy Cigarettes</a>
  10. DXsvLA <a href="http://forums.caranddriver.com/member.php?u=30383#4513 ">Ativan</a> <a href="http://forums.caranddriver.com/member.php?u=30379#4513 ">Tramadol</a> <a href="http://forums.caranddriver.com/member.php?u=30383#4513 ">Ativan</a> <a href="http://forums.caranddriver.com/member.php?u=30378#4513 ">Cialis</a> <a href="http://forums.caranddriver.com/member.php?u=30377#4513 ">Buy Phentermine</a>
  11. LHJzZAH <a href="http://jerryshamblin.com/ambien.html#5255 ">Buy Ambien</a> <a href="http://jerryshamblin.com/ambien.html#5255 ">Ambien</a> <a href="http://jerryshamblin.com/viagra.html#5255 ">Viagra</a> <a href="http://jerryshamblin.com/viagra.html#5255 ">Buy Viagra online</a> <a href="http://jerryshamblin.com/xanax.html#5255 ">Xanax</a>
  12. cDBWyqV <a href="http://gbxforums.gearboxsoftware.com/member.php?u=44497#8844 ">Phentermine</a> <a href="http://gbxforums.gearboxsoftware.com/member.php?u=44498#8844 ">Cialis</a> <a href="http://www.intlgymnast.com/forum/member.php?u=4747#8844 ">Ativan</a> <a href="http://www.intlgymnast.com/forum/member.php?u=4740#8844 ">Viagra</a> <a href="http://gbxforums.gearboxsoftware.com/member.php?u=44497#8844 ">Buy Phentermine</a>
  13. lRjArEJ <a href="http://www.popdarlings.com/phentermine.html#4374 ">Phentermine</a> <a href="http://www.popdarlings.com/xanax.html#4374 ">Cheap Xanax</a> <a href="http://www.popdarlings.com/xanax.html#4374 ">Buy Xanax</a> <a href="http://www.popdarlings.com/klonopin.html#4374 ">Buy Klonopin</a> <a href="http://www.popdarlings.com/cialis.html#4374 ">Buy Cialis Online</a>
  14. WBeKyi <a href="http://forums.deskpro.com/member.php?u=2986#2755 ">Ativan</a> <a href="http://www.expertlaw.com/forums/member.php?u=104124#2755 ">Viagra</a> <a href="http://forums.deskpro.com/member.php?u=2985#2755 ">Ambien</a> <a href="http://www.expertlaw.com/forums/member.php?u=104132#2755 ">Cheap Ativan</a> <a href="http://forums.deskpro.com/member.php?u=2987#2755 ">Cheap Cigarettes</a>
  15. qheUjYhj <a href="http://www.popdarlings.com/phentermine.html#2570 ">Phentermine</a> <a href="http://www.popdarlings.com/viagra.html#2570 ">Buy Viagra</a> <a href="http://www.popdarlings.com/cialis.html#2570 ">Cheapest Cialis</a> <a href="http://www.popdarlings.com/tramadol.html#2570 ">Tramadol</a> <a href="http://www.popdarlings.com/xanax.html#2570 ">Xanax</a>
  16. VDFWIDFo <a href="http://www.elysiumcache.com/ambien.html#6551 ">Ambien</a> <a href="http://www.elysiumcache.com/valium.html#6551 ">Cheap Valium</a> <a href="http://www.elysiumcache.com/tramadol.html#6551 ">Ultram</a> <a href="http://www.elysiumcache.com/ativan.html#6551 ">Cheap Ativan</a> <a href="http://www.elysiumcache.com/#6551 ">Phentermine</a> <a href="http://www.elysiumcache.com/xanax.html#6551 ">Xanax</a>
  17. kfdwQIDa <a href="http://www.etopautos.com/viagra.html#2429 ">Viagra</a> <a href="http://www.johnuseed.com/#2429 ">Viagra</a> <a href="http://www.janefinchchurchcoalition.com/#2429 ">Buy Cialis</a> <a href="http://www.etopautos.com/cialis.html#2429 ">Cialis</a> <a href="http://www.etopautos.com/#2429 ">Cialis</a>
  18. paUdJR <a href="http://desertvista.org/phentermine.html#7803 ">Phentermine</a> <a href="http://www.sherrys50thbirthday.com/#7803 ">Buy Viagra</a> <a href="http://desertvista.org/ativan.html#7803 ">Buy Ativan</a> <a href="http://desertvista.org/ambien.html#7803 ">Buy Ambien</a> <a href="http://desertvista.org/#7803 ">Xanax</a> <a href="http://desertvista.org/valium.html#7803 ">Cheap Valium</a>
  19. JhBmrZ <a href="http://desertvista.org/ambien.html#4313 ">Buy Ambien</a> <a href="http://desertvista.org/valium.html#4313 ">Buy Valium</a> <a href="http://desertvista.org/#4313 ">Buy Xanax</a> <a href="http://www.sherrys50thbirthday.com/#4313 ">Buy Viagra</a> <a href="http://desertvista.org/ativan.html#4313 ">Ativan</a> <a href="http://desertvista.org/phentermine.html#4313 ">Phentermine</a>
  20. JtaxGlU <a href="http://www.casalomaliving.com/#6313 ">Buy Cialis Online</a> <a href="http://www.integration-worx.com/xanax.html#6313 ">Cheap Xanax</a> <a href="http://www.integration-worx.com/phentermine.html#6313 ">Phentermine</a> <a href="http://www.integration-worx.com/ativan.html#6313 ">Buy Ativan</a> <a href="http://www.integration-worx.com/#6313 ">Cheap Ambien</a> <a href="http://www.integration-worx.com/valium.html#6313 ">Valium</a>
  21. cBkiVcp <a href="http://www.woodsidecahomes.com/xanax.html#1511 ">Buy Xanax</a> <a href="http://www.woodsidecahomes.com/#1511 ">Buy Ativan</a> <a href="http://www.woodsidecahomes.com/phentermine.html#1511 ">Cheap Phentermine</a> <a href="http://www.neilemichaudcampground.com/#1511 ">Cheap viagra</a> <a href="http://www.woodsidecahomes.com/ambien.html#1511 ">Cheap Ambien</a> <a href="http://www.woodsidecahomes.com/valium.html#1511 ">Buy Valium</a>
  22. gMksAM <a href="http://www.stoughtontheatre.com/cialis.html#9003 ">Cialis</a> <a href="http://www.batonrouge2007.org/#9003 ">Buy Viagra online</a> <a href="http://www.sweetbleeders.com/#9003 ">Phentermine</a> <a href="http://www.stoughtontheatre.com/viagra.html#9003 ">Cheap viagra</a> <a href="http://www.stoughtontheatre.com/#9003 ">Cialis</a> <a href="http://www.pinkpineapplefl.com/#9003 ">Cheapest Cialis</a>
  23. FCEJdCk
  24. ADxwWUh <a href="http://www.radiokingproductions.com/b_cialis.html#3854 ">Cheapest Cialis</a> <a href="http://www.radiokingproductions.com/tramadol.html#3854 ">Cheap Tramadol</a> <a href="http://www.radiokingproductions.com/b_xanax.html#3854 ">Xanax</a> <a href="http://www.radiokingproductions.com/b_phentermine.html#3854 ">Cheap Phentermine</a> <a href="http://www.radiokingproductions.com/b_valium.html#3854 ">Buy Valium</a>
  25. jsVHiIhn <a href="http://www.rebeccaotero.com/ativan.html#3268 ">Buy Ativan</a> <a href="http://www.rebeccaotero.com/phentermine.html#3268 ">Phentermine</a> <a href="http://www.rebeccaotero.com/klonopin.html#3268 ">Klonopin</a> <a href="http://www.rebeccaotero.com/xanax.html#3268 ">Buy Xanax</a> <a href="http://www.rebeccaotero.com/#3268 ">Viagra</a>
  26. wwxrCCRc <a href="http://www.rebeccaotero.com/xanax.html#2796 ">Xanax</a> <a href="http://www.rebeccaotero.com/ativan.html#2796 ">Buy Ativan</a> <a href="http://www.rebeccaotero.com/phentermine.html#2796 ">Cheap Phentermine</a> <a href="http://www.rebeccaotero.com/tramadol.html#2796 ">Tramadol</a> <a href="http://www.rebeccaotero.com/#2796 ">Viagra</a>
  27. qOZBtboK <a href="http://www.kleinbrothaus.com/#3238 ">Buy Viagra</a> <a href="http://www.27thscvi.org/#3238 ">Cheapest Cialis</a> <a href="http://www.charitydaw.com/#3238 ">Cheap Ativan</a> <a href="http://www.anthonyblea.com/#3238 ">Ambien</a> <a href="http://www.aristagraphics.com/#3238 ">Xanax</a> <a href="http://www.leapfroginstitute.org/#3238 ">Cheap Phentermine</a>
  28. QsueRu <a href="http://www.pso-world.com/forums/member.php?u=62578#1836 ">Cigarettes</a> <a href="http://www.pso-world.com/forums/member.php?u=62570#1836 ">Cheap viagra</a> <a href="http://www.pso-world.com/forums/member.php?u=62572#1836 ">Cheapest Cialis</a> <a href="http://www.pso-world.com/forums/member.php?u=62577#1836 ">Ativan</a> <a href="http://www.pso-world.com/forums/member.php?u=62571#1836 ">Phentermine</a>
  29. CaWtJj <a href="http://www.findmyhosting.com/forum/member.php?u=28#2074 ">Phentermine</a> <a href="http://www.findmyhosting.com/forum/member.php?u=30#2074 ">Buy Tramadol</a> <a href="http://www.findmyhosting.com/forum/member.php?u=35#2074 ">Cheap Cigarettes</a> <a href="http://www.findmyhosting.com/forum/member.php?u=32#2074 ">Valium</a> <a href="http://www.findmyhosting.com/forum/member.php?u=36#2074 ">Cartier Watches</a>
  30. PseLbSD <a href="http://djtechtools.com/forum/member.php?u=10994#0209 ">Buy Ambien</a> <a href="http://djtechtools.com/forum/member.php?u=10991#0209 ">Xanax</a> <a href="http://djtechtools.com/forum/member.php?u=10989#0209 ">Tramadol</a> <a href="http://djtechtools.com/forum/member.php?u=10998#0209 ">Breitling Watches</a> <a href="http://djtechtools.com/forum/member.php?u=10985#0209 ">Buy Viagra</a> <a href="http://djtechtools.com/forum/member.php?u=10996#0209 ">Ativan</a>
  31. bjzkAY <a href="http://samuelrutledge.com/xanax.html#5543 ">Buy Xanax</a> <a href="http://andnowforthegoodnews.com/#5543 ">Cialis</a> <a href="http://uufws.net/#5543 ">Cigarettes online</a> <a href="http://samuelrutledge.com/ambien.html#5543 ">Ambien</a> <a href="http://samuelrutledge.com/valium.html#5543 ">Cheap Valium</a> <a href="http://samuelrutledge.com/#5543 ">Phentermine</a>
  32. yVYAJJJ <a href="http://aidamexico.com/valium.html#6100 ">Valium</a> <a href="http://accurate-metal.com/#6100 ">Viagra</a> <a href="http://aidamexico.com/#6100 ">Xanax</a> <a href="http://aidamexico.com/phentermine.html#6100 ">Phentermine</a> <a href="http://aidamexico.com/ambien.html#6100 ">Ambien</a> <a href="http://aidamexico.com/ativan.html#6100 ">Ativan</a>
  33. stSgta <a href="http://unioncountyvoice.com/xanax.html#5467 ">Xanax</a> <a href="http://whitleybaysite.info/#5467 ">Buy Cialis</a> <a href="http://unioncountyvoice.com/phentermine.html#5467 ">Buy Phentermine</a> <a href="http://unioncountyvoice.com/#5467 ">Valium</a> <a href="http://unioncountyvoice.com/ambien.html#5467 ">Ambien</a> <a href="http://unioncountyvoice.com/tramadol.html#5467 ">Cheap Tramadol</a>
  34. oWKppKl <a href="http://taksimoldcity.com/phentermine.html#5837 ">Phentermine</a> <a href="http://throopuu.org/#5837 ">Buy Viagra</a> <a href="http://taksimoldcity.com/xanax.html#5837 ">Cheap Xanax</a> <a href="http://taksimoldcity.com/ativan.html#5837 ">Ativan</a> <a href="http://taksimoldcity.com/#5837 ">Buy Ambien</a> <a href="http://taksimoldcity.com/valium.html#5837 ">Cheap Valium</a>
  35. Erectile dysfunction, <a href="http://www.viagrausaonline.com/">viagra online</a>, 861135, viagra online, )o((, http://www.viagrausaonline.com/ Viagra, ynis.
  36. Erectile dysfunction, <a href="http://www.viagrausaonline.com/">viagra online</a>, 5863, viagra online, ;)8(, http://www.viagrausaonline.com/ Viagra, jrmnzh.
  37. Erectile dysfunction, <a href="http://www.viagrausaonline.com/">viagra online</a>, 719145, viagra online, ))8)o, http://www.viagrausaonline.com/ Viagra, ekzen.
  38. Erectile dysfunction, <a href="http://www.viagrausaonline.com/">viagra online</a>, 54016, viagra online, :):, http://www.viagrausaonline.com/ Viagra, acgqb.
  39. Erectile dysfunction, <a href="http://www.viagrausaonline.com/">viagra online</a>, 8596, viagra online, db):, http://www.viagrausaonline.com/ Viagra, mctkfl.
  40. mVoLWz <a href="http://ranario.com/xanax.html#1835 ">Xanax</a> <a href="http://siggipalma.com/#1835 ">Viagra</a> <a href="http://ranario.com/tramadol.html#1835 ">Cheap Tramadol</a> <a href="http://ranario.com/ambien.html#1835 ">Buy Ambien</a> <a href="http://ranario.com/valium.html#1835 ">Cheap Valium</a> <a href="http://ranario.com/#1835 ">Phentermine</a>
  41. Erectile dysfunction, <a href="http://www.viagrausaonline.com/">viagra online</a>, 565778, viagra online, ;db, http://www.viagrausaonline.com/ Viagra, wfdwvi.
  42. Erectile dysfunction, <a href="http://www.viagrausaonline.com/">viagra online</a>, 29605, viagra online, ()oo, http://www.viagrausaonline.com/ Viagra, nldck.
  43. Erectile dysfunction, <a href="http://www.viagrausaonline.com/">viagra online</a>, 39761, viagra online, :o)8, http://www.viagrausaonline.com/ Viagra, tmjer.
  44. Erectile dysfunction, <a href="http://www.viagrausaonline.com/">viagra online</a>, 3745, viagra online, o8(, http://www.viagrausaonline.com/ Viagra, tjkd.
  45. Erectile dysfunction, <a href="http://www.viagrausaonline.com/">viagra online</a>, 3745, viagra online, o8(, http://www.viagrausaonline.com/ Viagra, tjkd.
  46. Erectile dysfunction, <a href="http://www.viagrausaonline.com/">viagra online</a>, 75837, viagra online, (o, http://www.viagrausaonline.com/ Viagra, rbsn.
  47. AesHoknA <a href="http://rok-kosmac.com/phentermine.html#6710 ">Phentermine</a> <a href="http://ogretmenlisesi.com/#6710 ">Cheapest Cialis</a> <a href="http://rok-kosmac.com/ambien.html#6710 ">Buy Ambien</a> <a href="http://rok-kosmac.com/ativan.html#6710 ">Cheap Ativan</a> <a href="http://rok-kosmac.com/valium.html#6710 ">Valium</a> <a href="http://rok-kosmac.com/#6710 ">Cheap Xanax</a>
  48. Erectile dysfunction, <a href="http://www.viagrausaonline.com/">viagra online</a>, 7019, viagra online, ))8(, http://www.viagrausaonline.com/ Viagra, jcogrx.
  49. Erectile dysfunction, <a href="http://www.viagrausaonline.com/">viagra online</a>, 645165, viagra online, ;(b, http://www.viagrausaonline.com/ Viagra, zldp.
  50. Erectile dysfunction, <a href="http://www.viagrausaonline.com/">viagra online</a>, 958803, viagra online, )o)d, http://www.viagrausaonline.com/ Viagra, qkxgvs.
  51. lQssJPeI
  52. Erectile dysfunction, <a href="http://www.viagrausaonline.com/">viagra online</a>, 671951, viagra online, 8:(, http://www.viagrausaonline.com/ Viagra, ynkpat.
  53. pIBSEh <a href="http://papptimi.com/valium.html#5399 ">Valium</a> <a href="http://papptimi.com/xanax.html#5399 ">Buy Xanax</a> <a href="http://papptimi.com/ambien.html#5399 ">Ambien</a> <a href="http://papptimi.com/#5399 ">Cheap Phentermine</a> <a href="http://newspringonline.com/#5399 ">Viagra</a> <a href="http://papptimi.com/tramadol.html#5399 ">Cheap Tramadol</a>
  54. Erectile dysfunction, <a href="http://www.viagrausaonline.com/">viagra online</a>, 303541, viagra online, ):)(, http://www.viagrausaonline.com/ Viagra, tqnur.
  55. Erectile dysfunction, <a href="http://www.viagrausaonline.com/">viagra online</a>, 0632, viagra online, )(o, http://www.viagrausaonline.com/ Viagra, eabw.

leave a reply

All fields marked with " * " are required.