WM上超酷Listview背景实现

作者：肖凤斌 E-mail：binsweet@gmail.com

 

      一个软件如何抓住使用者的心，除了实用的功能外，好看的外表也很重要。这个我想各位未婚男士大概都有切身体会吧，让你去相亲，如果你见的是一个恐龙，但也许她心灵很美，不知你会不会给她留电话。如果你留了，那算我瞎说了！呵呵！

在Windows Mobile上进行软件开发，用图文并茂的方式展现你想表达的内容，非ListView莫属了，这是一个最常见的ListView：

 

但为了脱颖而出，也得使点杀手锏。

最常用的就是美化背景，用图片或渐进色，这样会为软件增色不少。

但是在WM上微软不直接提供给ListView添加背景图片或用渐进色，这就需另辟蹊径了。

最简单的方式，实用API：

代码如下：

//Some PInvokes and constants [DllImport("coredll.dll")] public static extern IntPtr GetCapture(); [DllImport("coredll.dll")] private static extern int SendMessage(IntPtr hWnd, uint Msg, int wParam, int lParam); const int LVS_EX_GRADIENT = 0x20000000; private ListView listView1; private ColumnHeader columnHeader1; private ColumnHeader columnHeader2; private ColumnHeader columnHeader3; const int LVM_SETEXTENDEDLISTVIEWSTYLE = 0x1000 + 54; private void SetGradient(ListView listView) { //Get a list view handle listView.Capture = true; IntPtr hList = GetCapture(); //Apply extended style SendMessage(hList, (uint)LVM_SETEXTENDEDLISTVIEWSTYLE, 0, LVS_EX_GRADIENT); listView.Capture = false; listView.Refresh(); } 调用方式： //设置背景颜色 this.SetGradient(this.listView1);   

实现效果如下：

 

但是，你发现了没有，用固定的这个方法，其渐进色只能有这一种效果，如果大家都一样了，就没有什么意思了。能不能自己设置渐进色的颜色和方式呢？行，可以的，实现效果如下：

 

渐进色可以改变起始和结束颜色，可以从上至下，也可以从左至由。

当然，如果要求再丰富的，那可以用图片了：

 

用BitMap的方法，结合渐进色，把两个渐进色位图拼成一个位图：

 

 

 

相关代码：

//实现方法一： Message msg = Message.Create(this.listView1.Handle, (int)LVM_SETEXTENDEDLISTVIEWSTYLE, (IntPtr)0, (IntPtr)LVS_EX_GRADIENT); MessageWindow.SendMessage(ref msg); //实现方法二： Bitmap bm = new Bitmap(Width, Height); Graphics gr = System.Drawing.Graphics.FromImage(bm); GradientFill.Fill(gr, this.listView1.ClientRectangle, Color.LightCyan, Color.SlateBlue, GradientFill.FillDirection.TopToBottom); GradientFill.SetBackgroundImage(this.listView1, bm); gr.Dispose(); bm.Dispose(); //实现方法三： Bitmap bm = new Bitmap(this.listView1.Width, this.listView1.Height); bm = (Bitmap)this.pictureBox1.Image; GradientFill.SetBackgroundImage(this.listView1, bm); bm.Dispose(); //实现方法四： Bitmap b1 = new Bitmap(this.listView1.Width, this.listView1.Height / 2); Graphics gr = System.Drawing.Graphics.FromImage(b1); Rectangle rc = new Rectangle(0, 0, this.listView1.Width, this.listView1.Height / 2); GradientFill.Fill(gr, rc, Color.SlateBlue, Color.LightCyan, GradientFill.FillDirection.TopToBottom); Bitmap b2 = new Bitmap(this.listView1.Width, this.listView1.Height / 2); gr = System.Drawing.Graphics.FromImage(b2); GradientFill.Fill(gr, rc, Color.LightCyan, Color.SlateBlue, GradientFill.FillDirection.TopToBottom); Bitmap bm = new Bitmap(this.listView1.Width, this.listView1.Height); Graphics g = Graphics.FromImage(bm); g.DrawImage(b1, 0, 0); g.DrawImage(b2, 0, b1.Height);//上下合并，把图片2放到图片1的下面 GradientFill.SetBackgroundImage(this.listView1, bm); gr.Dispose(); b1.Dispose(); b2.Dispose(); bm.Dispose();

完整的代码，后续我会上传的。