uniGUI之主窗口折叠UI之UniTreeMenu(32-2)
程序员文章站
2021-12-14 10:43:41
用uniGUI专有控件TUniTreeMenu 2.0给TUniTreeMenu菜单添加图标 2.1给TUniTreeMenu菜单添加事件 2.2修改背景色 2.3调整行高 2.4改变字体和大小 2] 用uniGUI专有控件TUniTreeMenu,类似标准控件的TreeView,还可以为每个菜单增 ......
和大小
2] 用unigui专有控件tunitreemenu,类似标准控件的treeview,还可以为每个菜单增加图标
其中左边的图标:font awesome
[info]和[search],[home],[download],[trash],[refresh],[reply],[star],[user]有用,不是所有的都会显示出来。不推荐使用font awesome
推荐使用 pictos,图标更全更多([locate]显示不出来)
2.1.1添加一个unimenuitems1
2.1.2将unitreemenu1的sourcemenu设为unimenuitems1
然后像普通的mainmenu操作unimenuitems1,添加事件,选择图标
存在的问题
目前发现菜单太多时右侧不能自动出现滚动条,即太多的子菜单将超出屏幕范围,鼠标滚轮不能翻动菜单项,不太方便。如何解决呢?在unitreemenu的clientevents属性里的unievents里,左侧顶部选择ext.list.tree,然后在treemenu.aftercreate里面添加代码如下,即可解决,效果还不错。
function treemenu.aftercreate(sender) { sender.el.setstyle('overflow-y', 'auto'); }
加入
.x-treelist-nav .x-treelist-item-text { line-height: 30px; } .x-treelist-nav .x-treelist-item-icon:before, .x-treelist-nav .x-treelist-item-tool:before, .x-treelist-nav .x-treelist-item-expander { line-height: 30px; }
2.4类似地,同2.3改变字体和大小,在customcss里加入
.x-treelist-nav .x-treelist-item-text { font-family:"楷体"; font-size: 24px; }
上一篇: 详解C语言读取文件求某一列的平均值