combobox下拉框自绘分享

popdes

看到网上有好多对combobox控件进行各种自绘的，但是代码写下来，感觉这么麻烦的改造，还不如直接用htmlayout来的方便灵活.....
效果如下：


代码如下：

1. import win.ui;
   
2. /*DSG{{*/
   
3. var winform = win.form(text="combobox控件自绘演示";right=255;bottom=104)
   
4. winform.add(
   
5. combobox={cls="combobox";left=62;top=30;right=206;bottom=56;color=255;edge=1;items={"10";"13";"25";"50";"36";"70"};mode="dropdownlist";ownerDraw=1;vscroll=1;style=0x20/*_CBS_OWNERDRAWVARIABLE*/|0x200/*_CBS_HASSTRINGS*/;z=1}
   
6. )
   
7. /*}}*/
   
8. 
   
9. import win.graphics;
   
10. winform.combobox.onDrawItem = function(drawItem){
    
11. 
    
12.     var cvs = win.graphics.canvas(); // 创建一个画布
    
13.     cvs.fromHDC(drawItem.hDC); // 传入 hDC
    
14.         //奇偶行
    
15.     if(drawItem.itemID%2!=0){
    
16.             cvs.brush.color = 0x00c044; // 定义刷子颜色
    
17.     }
    
18.     else {
    
19.             cvs.brush.color = 0xffffff;
    
20.     }
    
21.     //当时是想改变这个RC大小的，也可以舍弃不用
    
22.     var rc = ::RECT(drawItem.rcItem.left,drawItem.rcItem.top,drawItem.rcItem.right,drawItem.rcItem.bottom);
    
23.    
    
24.     cvs.fillRect(rc);
    
25.     cvs.pen.color = 0x000000;
    
26.     //只画底部线条
    
27.     cvs.drawEdge(rc, 0x8/*_BF_BOTTOM*/);
    
28.     //焦点处理
    
29.     if(drawItem.itemState&1/*_ODS_SELECTED*/){
    
30.             cvs.font.color = 0x0000ff;
    
31.             cvs.textOut(rc.left+20, rc.top, winform.combobox.items[drawItem.itemID+1])
    
32.             cvs.drawFocusRect(rc);
    
33.     }else {
    
34.             cvs.pen.color = 0xff8057; // 定义画笔的颜色
    
35.             cvs.textOut(rc.left+20, rc.top, winform.combobox.items[drawItem.itemID+1]);
    
36.     }
    
37. 
    
38.     cvs.destroy();
    
39. }
    
40. 
    
41. 
    
42. winform.show()
    
43. win.loopMessage();

复制代码

popdes

1.     //从文件创建位图
   
2.     var bmp = gdip.bitmap("C:\Users\popdes\Desktop\bbb.png");
   
3.     //图形对象graphics(可以看作是画板)
   
4.     var graphics = gdip.graphics(drawItem.hDC)
   
5.     graphics.drawImageRect(bmp,drawItem.rcItem.left,drawItem.rcItem.top+2.5,drawItem.rcItem.height()-5,drawItem.rcItem.height()-5);
   
6.     graphics.delete();

复制代码