Unigui使用IconFont图标

【一起学UniGUI】--UniGUI的控件(Components)(9) 与Delphi本身相比,UniGUI也提供几组类似的非可视组件和可视组件。有些Delphi组件与UniGUI兼容或受其支持,因此没有必要将它们包含在UniGUI组件包中。例如,对于VCL和UniGUI应用程序,许多数据访问控件是相同的。UniGUI支持其他组件,比如TActionList。 UniGUI可视化控件是Ext JS控件(或由Ext JS控件组成),通常提供几... 阅读详情

UniGui使用IconFont字体图标之前已经介绍过,UniGUi版本1.7.0.1500以后增加了Custom,使用第三方图标变得更简单了。

关于IconFont.cn的使用,请参考另一篇文章

选择完自己的图标后,下载自己项目的图标文件解压,然后把解压后的文件夹复制到Unigui工程的files文件夹下(笔者喜欢放到resource下)

然后在uniservermodule的customfiles里添加字体的引用

然后在UniNativeImageList里新建图标,Font Family选择Custom,IconCls填写图标名称

图标名称的填写方法,首先在IconFont后天鼠标悬浮到要添加的图标上,点击复制代码


 

然后在IconCls里 先添加 icon iconfont 然后粘贴上刚才复制的代码

注意空格,然后就完成了图标的添加,项目中直接使用即可


 

就是这么简单

扩展一点,如何修改图标颜色,首先在uniservermodule的customcss里添加自定义颜色css

然后在UniNativeImageList添加图标的时候后面追加这个css

注意空格,然后运行

unigui Bootstrap按钮分组 立即下载

相关推荐

unigui入门视频教程4(图标的使用)

unigui入门视频教程4(图标的使用)

UniGUI中-UniTreeMenu1常见技巧

目前发现菜单太多时右侧不能自动出现滚动条,即太多的子菜单将超出屏幕范围,鼠标滚轮不能翻动菜单项,不太方便。在UniTreeMenu的clientEvents属性里的UniEvents里,左侧顶部选择Ext.list.Tree,然后在treeMenu.afterCreate里面添加代码如下,即可解决,效果还不错。[info]和[search],[home],[download],[trash],[refresh],[reply],[star],[user]有用,不是所有的都会显示出来。

GuoGuoABC 1920

基于zynq在linux下的AXI-CAN实战

从petalinux的搭建,到uboot、kernel、rootfs的调试、打包提示:以下是本篇文章正文内容,下面案例可供参考本次要讲述的zynq的AXI-CAN实战小知识就说到这里了,兄弟萌要有什么指导意见或疑问可以在评论区留下"足迹"。

qq_45521099的博客 3167

uniapp中iconfont彩色图标

uniapp中iconfont彩色图标 1、进入iconfont-阿里巴巴矢量图标库:https://www.iconfont.cn/,将项目图标下载至本地 2、解压下载的图标文件,然后进入文件夹 3、下载 iconfont-tools npm install -g iconfont-tools 或者:cnpm install -g iconfont-tools 4、执行命令,可以自己定义输出文件名字,(或者一直enter,默认文件名字为:iconfont-weapp-icon ) iconfont-to

suguangzhong的博客 2714

数字IC物理验证实战 | 从Calibre LVS报告到Innovus定位的Debug全链路解析

本文详细解析了数字IC物理验证中Calibre LVS报告的Debug全流程,从INCORRECT NETS错误的初探到Innovus定位技巧,提供了实战案例和高效工具的使用方法。重点介绍了Calibre高亮功能、Innovus验证命令以及前后端工具联动的关键策略,帮助工程师快速定位和解决LVS问题,提升物理验证效率。

weixin_30919429的博客 127

[SWPUCTF 2018]SimplePHP--一道简单的Phar反序列化题目

题目就不贴了,直接给出利用链①:echo会触发__toString魔术方法,所以这里的$this->test应该是Show类实例化的对象show②:这里应该使$this->str['str']为Test类实例化后的对象test,然后test->source会触发__get魔术方法(因为Test类没有名为source的成员变量,所以会触发get魔术方法,并且$key=source)③④:调用get方法,$...

Dream' 1260

unigui中在unidbgrid中添加按钮

1、fdquery组件右击field editor弹出菜单。 2、在字段名列表右击”New Field“弹出菜单。 3、输入name,field type和type后点击”OK“按钮。 回到字段编辑浮动窗体,选中新建的字段名称,点击Gettext事件。并编写代码。 procedure TFramMembers.FDQuery1editGetText(Sender: T...

Winfredzhang的博客 1903

用生成式AI自动生成测试用例的完整教程

本文旨在帮助测试工程师、开发人员快速掌握“生成式AI自动生成测试用例”的核心技术,覆盖从概念理解、工具选择到实战落地的全流程。无论是Web应用、API接口还是移动端功能测试,你都能找到可复用的方法。本文将按照“概念→原理→实战→避坑”的逻辑展开:先通过生活案例理解生成式AI如何生成测试用例,再拆解核心算法原理,接着用Python代码演示完整生成流程,最后分享实际应用中的优化技巧和未来趋势。生成式AI:能“创造内容”的AI模型(如ChatGPT、CodeLlama),像会写作文的智能笔。测试用例。

AIGC应用创新大全的博客 1581

uniapp中使用iconfont 图标库

我们要是想使用 图标的话,快速的应用到我们的项目中 1.阿里矢量图标库 作为一个前端开发人员还是要了解的 今天就说一下 怎么快速应用到我的uni-app项目中 第一步 选择图标点击 我的项目 没有账号的创建一个账号 登陆下 搜索一个图标 添加到购物车里面 添加到项目中 下载至本地 下载到本地 解压打开 把 iconfont.css里面的代码...

业余前端的职业经历 3097

IO Virtualization with Virtio.part 2 [十三]

通过对virtio_device_id 中的 device 和 vendor 的值进行比较,我们找到对应的 virtio 驱动,由于这里我们使用 i2c virtio 为例,所以调用 virtio_i2c_probe 进行 virtio i2c 设备的初始化。在和 virtio mmio 设备交互时我们会读取 VIRTIO_MMIO_DEVICE_ID 和 VIRTIO_MMIO_VENDOR_ID,并将其值写入 virtio_device_id 中,这个就会用作后面和 virtio 设备驱动的匹配参数。

cxjczy1990的博客 1212

YOLO11 改进系列 | 引入2023年 MLCA 的 C3k2_MLCA 模块,近零参数开销的本地-全局通道注意力,适合检测与分割特征增强

本文提出将MLCA(混合局部通道注意力)模块嵌入YOLOv11的C3k2框架中,形成C3k2_MLCA改进结构。该模块通过5×5局部池化和1×1全局池化双路融合,结合ECA式Conv1d生成通道注意力,在几乎不增加参数量的前提下(仅增加66个参数),实现了局部空间信息与全局通道统计的联合建模。相比传统SE和ECA注意力,MLCA保留了空间分布信息,更适合实例分割等需要精细定位的任务。实验表明改进后模型参数量仅增加0.002%,计算量基本不变,是一种高效的注意力增强方案。

qq_44224801的博客 93

unigui资源整合

UniGUI集合说明--追月无名_文档之家 (doczj.com)

GuoGuoABC 418

60、磁悬浮主动隔振系统的LQR控制研究

本研究针对磁悬浮主动隔振系统,提出了一种结合ANN建模、LQR控制与MPGA优化的综合控制方案。通过建立系统的动力学与状态空间模型,利用混合训练算法的ANN精确描述MSVI的非线性和滞后特性,并设计基于最小力传递率的LQR控制器。为优化LQR的Q和R矩阵,引入多群体遗传算法(MPGA),有效克服传统GA的早熟收敛问题,提升搜索效率与控制性能。仿真结果表明,在单频、扫频、随机及冲击激励下,该方法显著降低传递力幅值,隔振效果远优于被动系统。研究验证了所提方法的有效性,为磁悬浮隔振技术的实际应用奠定了基础,并展望

linux6sysadmin的博客 127

uniGUI之UniButton

uniGUI

zheng的博客 887

yolov8知识蒸馏代码详解:支持logit和feature-based蒸馏

特别地,在COCO数据集上对MAP中的RetinaNet检测器(resnet50主干)获得了3.4%的性能提升,在Cityscapes数据集上, 针对mIoU指标,PSPNET(resnet-18 backbone)获得5.81%的性能提升。大部分的KD方法都是通过algin学生网络和教师网络的归一化的feature map, 最小化feature map上的激活值的差异。MGD是一种真正通用的基于特征feature的知识蒸馏方法,它可以用于各种任务,包括图像分类,目标检测,语义分割和实例分割。

@bangbang的博客 7286

VC中sqlite的使用

在VC中对sqlite的使用,实现数据库大批数据的快速插入,读取数据库中的数据在ListCtrl中显示

(37)uniGUI for Delphi UniSweetAlert控件详解

(中行雷威2019.12.19) (同一个世界,同一个梦想,交流学习C++Builder and Delphi XE10,传承c++builder and Delphi的魅力!欢迎各地朋友加入我的QQ群484979943、299497712,860634510,进群密码“BCB”,同时也请将该群号广为宣传,希望能够广集各方高手,共同进步。如需下载开发工具及源代码请加入我的QQ群。) 【阅读倡议...

路在脚下 2650

jdk-8u144-linux-x64.tar.gz.

该资源为搭建Linux系统Java环境用,资源的后缀为tar.gz格式的压缩包

delphi的unigui web开发中使用font awesome 字体

"fa-lg" 是一个可选的类,用来增加图标的大小。如果你中选后面的一个显示出来的只有一个框,因为fa负责设置好字体为awesome字体,才能正确显示。它提供了许多预定义的、可以通过 CSS 类名引用的图标。因此,整体上,这行代码设置了 UniLabel3 的标题为一个大号的复古相机图标,后面跟着文本 "fa-lg"。在哪里呢,我截图出来,这是相其css文件及其路径,可以看出css是经过压缩的,我们vs code将其格式化。格式化后的css,这样就好多了,其中,我们可以看到其中的各种样式的设置。

程序员与注册会计师 1435

OV9734 DATASHEET,完整规格书

OV9734完整规格书,包括电气参数,尺寸规格,寄存器配置表等

Statistics and Machine Learning Toolbox

Statistics and Machine Learning Toolbox(带书签),MATLAB统计学习工具

UniGUI 之UniDBGrid

/DisplayValues存储显示文字 ,不设置 则 显示 True/False;.GridLotacao .x-grid-column {/*带元素id的属性(设置栏),在unidbgrid中的layoutconfig属性中的cls子属性中加入GridLotacao名称*/.GridLotacao .x-grid-cell {/*带元素id的属性(设置单元格),在unidbgrid中的layoutconfig属性中的cls子属性中加入GridLotacao名称*/// 一定为True;

GuoGuoABC 3529

(36)uniGUI for CBuilder UniDBGrid增加按钮列

9.16.8 为UniDBGrid增加按钮列 按钮列就是在表格行首、行尾或其它指定位置放置几个按钮,点击按钮时触发不同动作,UniDBGrid实现这个功能很简单。创建一个新项目,添加一个UniDBGrid、一个UniConnection、一个SQLiteUniProvider、两个UniQuery,一个UniDataSource和一个UniNativeImageList控件,使...

路在脚下 1537

如何完美实现在DataGridView单元格中增加多个Button按钮?

在很多WinForm过程中,经常会遇到使用DataGridView进行编辑的场景,用户希望在最后放一个操作列,里面放置两个按钮,一个增加行的按钮,一个删除行的按钮;并且第一行只有增加行的按钮,没有删除行的按钮;DataGridView本身提供了DataGridViewButtonColumn列类型,但问题是只会放置一个Button在单元格里,不能满足我们的需求;通过网络搜索,有很多实现方案,最终选用了通过动态生成按钮的方案,并根据所在单元格的显示范围动态设置大小和位置。

softwaiter的专栏 6303

UniDBGrid的所有记录末尾添加按钮

1、在unidbgrid的(TUniDesktopDBGridColumns)属性中设置。如图。 2、在新增Colum的设置ActionColumn属性的子属性(TUniButtonItems)。并将Enabled属性设置成True。 3、新建一个actionbutton。如图。 4、设置该actionbutton的属性buttonid和imageindex。 5、在窗口拖...

Winfredzhang的博客 1062

UniGui中使用IconCls

在使用UniGui的时候,我时候我们需要使用系统自己的图标,通常会如下图一样的使用方式: 选择ICON对齐方式及系统定义好的ICON对应值。但实际上UniGui中可以使用的图标远远大于他已定义的这十几个(或者应该说是EXJS原本就多,UniGui只定义了很少一部分提供使用)。 如下图,这些图标实际都是可以直接使用的,我花了点时间把对应图标与图标名例了出来,以后使用就方便多了。 使用方式:不用直接选择系统已定义的,而是直接输入某个图标名就OK了,例如下边这样: 直接输入:photos ...

tanqth的专栏 1万+

UniGui iconCls字符图标的引用

游览unigui官方论坛,发现了iconCls字符图标的引用功能,测试了一下,很好用。 引用格式:iconCls: '{fontCls} {iconPrefix}-{iconName}' 例子:iconCls: 'x-fa fa-home'

weixin_45755495的博客 535

iconfont图标库的简单使用

iconfont的基本使用

lalala_dxf的博客 1575

(36)uniGUI for Delphi UniDBGrid增加按钮列

(中行雷威2019.12.5) (同一个世界,同一个梦想,交流学习C++Builder and Delphi XE10,传承c++builder and Delphi的魅力!欢迎各地朋友加入我的QQ群484979943、299497712,860634510,进群密码“BCB”,同时也请将该群号广为宣传,希望能够广集各方高手,共同进步。如需下载开发工具及源代码请加入我的QQ群。) 【阅读倡议】 1、有问题请留言; 2、没问题请点赞; 3、看连载请加群; 4、下源码请加群; 【开发工具】 1、

martian6125 's blog! 1009

Unigui fontawesome图标字库的使用

http://www.fontawesome.com.cn/ 中文网 复制font-awesome目录到项目files文件夹里 1、在UniServerModule模块customfiles中加载font-awesome.min.css文件 加入<link rel="stylesheet" href="files/fontawesome/css/font-awesome.min.css"> 在其他网页也可引用使用其 CSS 复制font-awesome目录到你的项目中 在&...

1085
上一篇: 基于HTTP的DataSnap session管理
下一篇: uniDBGrid设置文字操作栏
NumberTop
博客等级 码龄23年 61粉丝 9原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值