当前位置： 移动技术网 > IT编程>开发语言>Delphi > uniGUI之主窗口折叠UI之UniTreeMenu(32-2)

uniGUI之主窗口折叠UI之UniTreeMenu(32-2)

2020年04月15日  | 移动技术网IT编程  | 我要评论

 用unigui专有控件tunitreemenu

    2.0给tunitreemenu菜单添加图标

    2.1给tunitreemenu菜单添加事件

和大小

 2] 用unigui专有控件tunitreemenu，类似标准控件的treeview，还可以为每个菜单增加图标

 

2.0给tunitreemenu菜单添加图标 

 

 其中左边的图标：font awesome

[info]和[search],[home],[download],[trash],[refresh],[reply],[star],[user]有用，不是所有的都会显示出来。不推荐使用font awesome

推荐使用 pictos,图标更全更多（[locate]显示不出来）

  2.1给tunitreemenu菜单添加事件

 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');
}

2.2修改背景色

 2.3调整行高

 

 加入

.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;
}

 

 

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网