易语言资源网 - 做最全的易语言资源下载社区
精易论坛授权登录

JUI 自绘按钮,一个字体文件顶N个图标jpg文件   [复制链接]

    2022-07-08 09:48:12
    高级教程源码
    易语言资源网
    3191 次浏览
    来源链接

先上动图

 

以上示例没有使用任何图片素材,只用了一个自定义字体

可以用来替换简单的图标,比如关闭、收藏图标等等,相比图形按钮的好处是只要符号不变,颜色、背景、大小随便换,不需要重新制作字体

当然复杂的图片素材还得用图形按钮


教程

1.基础使用

你可以用现成的字体,以 fontawesome 为例,你可以在 https://fontawesome.com/download 下载,下载的时候选右边的“Free For Desktop”

解压后有三个文件:Font Awesome 6 Brands-Regular-400.otf(品牌图标)、Font Awesome 6 Free-Regular-400.otf(普通图标-常规)、Font Awesome 6 Free-Solid-900.otf(普通图标-填充)

以点赞图标为例,打开搜索页面,输入“like”,找到并打开你想要的图标

 

复制右上角的 Unicode 码

效果图:

 

2.自定义图标

打开 icomoon(https://icomoon.io/app/#/select

同样地你可以在它自带的图标里搜索,想要的图片点一下选中即可

部分的图标是收费的

 

里面没有我想要的图片怎么办呢?

你可以在阿里巴巴矢量图片库(https://www.iconfont.cn/)里搜索

以网易云音乐 logo 为例,搜索“netease”(搜中文搜出来的结果还没有英文多)

下载 svg 文件

 

导入图标

 

导入之后记得选中!

 

生成字体,点了之后会有 download 按钮出现,再点一下

 

复制 unicode 码

 


效果如图:

 

字体也可以内存加载,调用 JUI_按钮.字体_内存() 即可

背景暂时不能透明,你可以与窗体背景色保持一致来假装透明

背景图会在之后支持



点我下载 (已有 65 次下载)

引用模块


源码文件名 模块文件名
GIF_例程.e
JUI.ec
网易云音乐.e
JUI.ec
JUI_图形按钮版本.e
AYuYan.ec
WinAPI_Helper.ec
控制台模块.ec


引用支持库


源码文件名 支持库文件名 支持库标识
GIF_例程.e 系统核心支持库 5.7 d09f2340818511d396f6aaf844c7e325
网易云音乐.e 系统核心支持库 5.7 d09f2340818511d396f6aaf844c7e325
JUI_图形按钮版本.e 系统核心支持库 5.7 d09f2340818511d396f6aaf844c7e325
特殊功能支持库 3.1 A512548E76954B6E92C21055517615B0


[错误报告]   上一篇:梦幻西游pc端鼠标防漂移点击例子...     下一篇:类_mysql操作