虚表 —— vlistEx.listbar2 多层菜单演示

光庆 1月前 503

在 近我者赤 修改版的基础上,做了些许优化。

请升级到最新版本。


Code AardioLine:96复制
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.
  • 41.
  • 42.
  • 43.
  • 44.
  • 45.
  • 46.
  • 47.
  • 48.
  • 49.
  • 50.
  • 51.
  • 52.
  • 53.
  • 54.
  • 55.
  • 56.
  • 57.
  • 58.
  • 59.
  • 60.
  • 61.
  • 62.
  • 63.
  • 64.
  • 65.
  • 66.
  • 67.
  • 68.
  • 69.
  • 70.
  • 71.
  • 72.
  • 73.
  • 74.
  • 75.
  • 76.
  • 77.
  • 78.
  • 79.
  • 80.
  • 81.
  • 82.
  • 83.
  • 84.
  • 85.
  • 86.
  • 87.
  • 88.
  • 89.
  • 90.
  • 91.
  • 92.
  • 93.
  • 94.
  • 95.
  • 96.
    • import win.ui;
    • import godking.vlistEx.listbar2;
    • import fonts.fontAwesome;
    • /*DSG{{*/
    • mainForm = win.form(text="多层折叠菜单";right=1233;bottom=713)
    • mainForm.add({
    • custom={cls="static";text="自定义控件";left=276;top=8;right=1225;bottom=706;border=1;db=1;dr=1;dt=1;edge=1;z=2};
    • vlistEx={cls="vlistEx";left=8;top=8;right=269;bottom=706;acceptfiles=1;aw=1;border=1;db=1;dl=1;dt=1;hscroll=1;vscroll=1;z=1}
    • })
    • /*}}*/
    • //创建图片数据
    • import godking.paint;
    • import inet.http;
    • var imgs = godking.paint.splitImage("https://aardio.online/upload/files/20250201/1738408235.png",10,10,0,0,0,0);
    • for(i=1;#imgs;1){
    • mainForm.vlistEx.addImg(i/*图片名称*/,imgs[i]/*图片文件*/,false/*是否替换*/,/*宽度*/,/*高度*/);
    • }
    • //创建实例
    • var listbar = godking.vlistEx.listbar2(mainForm.vlistEx,{
    • menuBkColor = 0x71B33C; /*菜单背景颜色*/
    • menuHoverBkColor = 0xFB3F3C; /*菜单鼠标划过背景颜色*/
    • menuBkColor2 = 0xC9FFC9; /*菜单背景颜色*/
    • menuHoverBkColor2 = 0xE6E0B0; /*菜单鼠标划过背景颜色*/
    • itemBkColor = 0xFFFFFF; /*项目背景颜色*/
    • itemHoverBkColor = 0xFEE0E0; /*项目鼠标划过背景颜色*/
    • itemHeight = 40; /*项目高度*/
    • lineColorH = 0xDDDDDD; /*横线颜色*/
    • bkcolor = 0xFFFFFF; /*表格背景颜色*/
    • single = -1; /*菜单单开时默认展开的菜单索引。0是多开全展开。无效索引(如-1)则全不展开。*/
    • alwaysOpen = false; /*菜单多开时,是否一直展开,不允许关闭*/
    • menuFont=::LOGFONT({name="fontAwesome",h=16,color=0xFFFFFF}); /*菜单字体*/
    • menuHoverFont=::LOGFONT({name="fontAwesome",h=16,color=0xFFFFFF}); /*菜单鼠标划过字体*/
    • menuFont2=::LOGFONT({name="fontAwesome",h=16,color=0x000000}); /*菜单字体*/
    • menuHoverFont2=::LOGFONT({name="fontAwesome",h=16,color=0x000000}); /*菜单鼠标划过字体*/
    • itemFont=::LOGFONT({name="fontAwesome",h=16,color=0x000000}); /*项目字体*/
    • itemHoverFont=::LOGFONT({name="fontAwesome",h=16,color=0xFF0000}); /*项目鼠标划过字体*/
    • })
    • /*设置项目数据{{*/
    • var t = {
    • {0," <img name=95,w=30,h=30> 主菜单1"++' \uF0DA'}
    • {1,"  <img name=91,w=30,h=30> 菜单11"++' \uF0DA'}
    • {2,"   <img name=72,w=30,h=30> 子菜单1","bx1.1.1"}
    • {2,"   <img name=72,w=30,h=30> 子菜单2","bx1.1.2"}
    • {2,"   <img name=72,w=30,h=30> 子菜单3","bx1.1.3"}
    • {2,"   <img name=72,w=30,h=30> 子菜单4","bx1.1.4"}
    • {2,"   <img name=72,w=30,h=30> 子菜单5","bx1.1.5"}
    • {1,"  <img name=91,w=30,h=30> 菜单12"++' \uF0DA'}
    • {2,"   <img name=72,w=30,h=30> 子菜单1","bx1.2.1"}
    • {2,"   <img name=72,w=30,h=30> 子菜单2","bx1.2.2"}
    • {2,"   <img name=72,w=30,h=30> 子菜单3","bx1.2.3"}
    • {1,"  <img name=91,w=30,h=30> 菜单13"++' \uF0DA'}
    • {2,"   <img name=72,w=30,h=30> 子菜单1","bx1.3.1"}
    • {2,"   <img name=72,w=30,h=30> 子菜单2","bx1.3.2"}
    • {2,"   <img name=72,w=30,h=30> 子菜单3","bx1.3.3"}
    • {2,"   <img name=72,w=30,h=30> 子菜单4","bx1.3.4"}
    • {0," <img name=95,w=30,h=30> 主菜单2"++' \uF0DA'}
    • {1,"  <img name=91,w=30,h=30> 菜单21"++' \uF0DA'}
    • {2,"   <img name=72,w=30,h=30> 子菜单1","bx2.1.1"}
    • {2,"   <img name=72,w=30,h=30> 子菜单2","bx2.1.2"}
    • {2,"   <img name=72,w=30,h=30> 子菜单3","bx2.1.3"}
    • {2,"   <img name=72,w=30,h=30> 子菜单4","bx2.1.4"}
    • {2,"   <img name=72,w=30,h=30> 子菜单5","bx2.1.5"}
    • {1,"  <img name=91,w=30,h=30> 菜单22"++' \uF0DA'}
    • {2,"   <img name=72,w=30,h=30> 子菜单1","bx2.2.1"}
    • {2,"   <img name=72,w=30,h=30> 子菜单2","bx2.2.2"}
    • {2,"   <img name=72,w=30,h=30> 子菜单3","bx2.2.3"}
    • {1,"  <img name=91,w=30,h=30> 菜单23"++' \uF0DA'}
    • {2,"   <img name=72,w=30,h=30> 子菜单1","bx2.3.1"}
    • {2,"   <img name=72,w=30,h=30> 子菜单2","bx2.3.2"}
    • {2,"   <img name=72,w=30,h=30> 子菜单3","bx2.3.3"}
    • {2,"   <img name=72,w=30,h=30> 子菜单4","bx2.3.4"}
    • {0," <img name=95,w=30,h=30> 主菜单3"++' \uF0DA'}
    • {1,"  <img name=91,w=30,h=30> 菜单31"++' \uF0DA'}
    • {2,"   <img name=72,w=30,h=30> 子菜单1","bx3.1.1"}
    • {2,"   <img name=72,w=30,h=30> 子菜单2","bx3.1.2"}
    • {2,"   <img name=72,w=30,h=30> 子菜单3","bx3.1.3"}
    • {2,"   <img name=72,w=30,h=30> 子菜单4","bx3.1.4"}
    • {2,"   <img name=72,w=30,h=30> 子菜单5","bx3.1.5"}
    • {1,"  <img name=91,w=30,h=30> 菜单32"++' \uF0DA'}
    • {2,"   <img name=72,w=30,h=30> 子菜单1","bx3.2.1"}
    • {2,"   <img name=72,w=30,h=30> 子菜单2","bx3.2.2"}
    • {2,"   <img name=72,w=30,h=30> 子菜单3","bx3.2.3"}
    • {1,"  <img name=91,w=30,h=30> 菜单33"++' \uF0DA'}
    • {2,"   <img name=72,w=30,h=30> 子菜单1","bx3.3.1"}
    • {2,"   <img name=72,w=30,h=30> 子菜单2","bx3.3.2"}
    • {2,"   <img name=72,w=30,h=30> 子菜单3","bx3.3.3"}
    • {2,"   <img name=72,w=30,h=30> 子菜单4","bx3.3.4"}
    • };
    • /*}}*/
    • listbar.setItemList(t);
    • //定义点击事件
    • listbar.onClick = function(index/*项目索引*/,text/*项目文本*/,data/*附加数据*/){
    • mainForm.custom.text = "您点击了选项:" ++ data;
    • }
    • mainForm.show();
    • win.loopMessage();


    最新回复 (1)
    • 近我者赤 1月前
      0 引用 2
      这个超赞💯
    返回