精华内容
下载资源
问答
  • 制作自己的字体图标

    千次阅读 2018-09-20 23:00:39
    你可能使用过或听说过各种字体图标库,比如fontawesome, glyphicon等,想过制作一个属于自己的字体图标库吗?今天就试着一个。 参考:https://justforuse.github.io/blog/2018/09/personal-font-icon-tutorial/ ....

    你可能使用过或听说过各种字体图标库,比如fontawesome, glyphicon等,想过制作一个属于自己的字体图标库吗?今天就试着做一个。

    参考:https://justforuse.github.io/blog/2018/09/personal-font-icon-tutorial/

    展开全文
  • 如何将自己设计的图标或通过网上下载的图标上传到阿里图标图库中使用方法教程 作者:张国军_Suger 开发工具与关键技术:Win10、项目、图标         对于编程人员来说,有一...

    如何将自己设计的图标或通过网上下载的图标上传到阿里图标图库中使用方法教程


    作者:张国军_Suger
    开发工具与关键技术:Win10、项目、图标

            对于编程人员来说,有一个不可获取的图库就是阿里图标库,这个图标库可以帮助我们把很多图标编译成文件,这样就可有方便我们调用。不需要繁杂的操作,只需按照步骤来就会变得轻而易举了,希望对朋友们有所帮助。
            下面分为几个步骤介绍。
    步骤一:
            首先我们需要进入阿里图标库官网,然后我们需要先登录,点击右上角的☞登录图标☜即会弹出登录窗体。
    阿里图标库官网
    步骤二:
            弹出登录窗体后,选择快捷登录方式(我这里选择新浪微博账号登录),即可跳转相应的登录界面。
    登录界面
    步骤三:
            输入您需要登录的账号密码,点击登录即可进行登录。
    新浪微博登录
    步骤四:
            点击☞图标管理☜下面的☞我的项目☜,进入我的项目。
    我的项目
    步骤五:
            如果没有项目可以先点击右边的☞+号图标☜进行新建(由于本人已经有项目的,因此本人就不新建了)。
    +号图标
    步骤六:
            在这里添加图标到项目有两种方式:
                    1、拖拽上传或点击上传。
                    2、加购物车添加如项目。
    1、拖拽上传或点击上传。
    步骤1.1:
            如果已经有自己的图标可以直接点击上传图标至项目,即可跳转到上传界面进行上传。
    拖拽上传或点击上传
    步骤1.2:
            打开您要上传的图标文件,选中拖拽到当前界面进行上传,或者直接点击上传找到需要上传的文件进行上传操作。
    拖拽
    步骤1.3:
            这里显示您想要修改的信息(本人默认不进行修改),最后可以选择去色上传或者保留颜色上传(看您的需要而定)。
    保留颜色上传
    步骤1.4:
            这里即为刚才上传的图标。最好点击一次☞查看在线链接☜进行更新icon代码。
    查看在线链接
    步骤1.5:
            点击下面的红色字体进行更新代码。
    点击下面的红色字体进行更新代码。
    步骤1.6:
            更新完成后即可点击☞下载至本地☜按钮进行下载文件。
    下载至本地
    步骤1.7:
            直接下载
    直接下载
    步骤1.8:
            下载完成后进行解压,解压完成后,打开到最里面的文件Ctrl A 全选,然后Ctrl C复制,复制到您的项目的下。
    解压
    步骤1.9:
            打开您的项目,把刚才复制的文件复制到iconfont目录下,直接选中当前文件夹Ctrl V就可以了。
    复制
    步骤1.10:
            然后这里选中这几个字体和图标文件,按住Ctrl 键再进行多选就可以了,选完后Ctrl C复制,复制到您的项目的下。
    复制
    步骤1.11:
            打开您的项目,把刚才复制的文件复制到fonts目录下,直接选中当前文件夹Ctrl V就可以了。
    复制
    步骤1.12:
            回到刚才的阿里图标库管理鼠标悬浮到您刚才上传的图标上方,这里会显示几个功能操作,我们需要的就是复制代码,直接点击☞复制代码☜即可。
    复制代码
    步骤1.13:
            粘贴到您需要显示图标的界面即可。
    粘贴到您需要显示图标的界面即可
    步骤1.14:
            上面其实还有一步,那就是需要我们打开☞iconfont☜下面的☞iconfont.css☜文件来查看他的家族是哪一个。Ctrl C复制他的家族名字。
    复制
    步骤1.15:
            打开刚才的文件,把刚才复制的家族名字复制到这个i标签的类里面就可以了,否则就会不显示图标。
    复制
            这样添加图标到项目的第一种方式的使用就完成啦,其实一种方式就够了

      下面来介绍第二种方式:
    2、加购物车添加如项目。
    步骤2.1:
            首先我们需要找到我们需要的图标,这里可以通过官方图标库来查找(点击状态栏☞图标库☜下面的☞官方图标库☜进入),也可以通过下方☞搜索框☜进行搜索。
    官方图标库
    步骤2.2:
            我这里就以日期为例,直接在搜索框中搜索日期敲回车即可搜索。
    搜索
    步骤2.3:
            进入到搜索结果界面后,找到我们要的图标,然后在我们需要的图标上方悬浮会出现三个图标(加入购物车、收藏、下载),这里我们选择加入购物车。
    加入购物车
    步骤2.4:
            加入购物车后我们可以点击右上角的☞购物车图标☜查看购物车的图标。
    购物车图标
    步骤2.5:
            点击☞购物车图标☜后,这里会显示我们加入购物车的图标列表信息,在这里会显示两个选项,☞添加至项目☜和☞下载素材☜,这里我们选择☞添加至项目☜。
    添加至项目
    步骤2.6:
            点击☞添加至项目☜选项后,会让你选择加入的项目,这里选择我们☞已有的项目☜里面,如果没有可以点击右面的☞+号☜添加项目,然后点击☞确定☜按钮即可添加入项目。
    添加至项目
    步骤2.7:
            从这里开始其实和第一种方式一样的操作了,不过还是说一下吧,怕有些朋友忘记了。
    这里即为刚才从购物车添加到项目的图标。最好点击一次☞查看在线链接☜进行更新icon代码。
    查看在线链接
    步骤2.8:
            点击下面的红色字体进行更新代码。
    点击下面的红色字体进行更新代码
    步骤2.9:
            更新完成后即可点击☞下载至本地☜按钮进行下载文件。
    下载至本地
    步骤2.10:
            直接下载
    直接下载
    步骤2.11:
            下载完成后进行解压,解压完成后,打开到最里面的文件Ctrl A 全选,然后Ctrl C复制,复制到您的项目的下。
    解压
    步骤2.12:
            打开您的项目,把刚才复制的文件复制到iconfont目录下,直接选中当前文件夹Ctrl V就可以了。
    复制
    步骤2.13:
            然后这里选中这几个字体和图标文件,按住Ctrl 键再进行多选就可以了,选完后Ctrl C复制,复制到您的项目的下。
    复制
    步骤2.14:
            打开您的项目,把刚才复制的文件复制到fonts目录下,直接选中当前文件夹Ctrl V就可以了。
    复制
    步骤2.15:
            回到刚才的阿里图标库管理鼠标悬浮到您刚才上传的图标上方,这里会显示几个功能操作,我们需要的就是复制代码,直接点击☞复制代码☜即可。
    复制代码
    步骤2.16:
            粘贴到您需要显示图标的界面即可。
    粘贴到您需要显示图标的界面即可
    步骤2.17:
            上面其实还有一步,那就是需要我们打开☞iconfont☜下面的☞iconfont.css☜文件来查看他的家族是哪一个。Ctrl C复制他的家族名字。
    复制
    步骤2.18:
            打开刚才的文件,把刚才复制的家族名字复制到这个i标签的类里面就可以了,否则就会不显示图标。
    复制
    这样添加图标到项目的第二种方式的使用也一起完成啦。

    如有问题欢迎留言,谢谢。

    展开全文
  • Delph组件如何使用自己图标

    千次阅读 2012-02-27 15:28:08
    用Delphi开发的的组件如何使用自己设置的图标呢?它里面又有什么奥秘呢?.组件使用自己图标要进行以下几步: (1)知晓组件的信息: 我要注册的组件名为TNWTReport,在NWTReport.pas单元中. (2)制作一个和你的组件...

    用Delphi开发的的组件如何使用自己设置的图标呢?它里面又有什么奥秘呢?.组件使用自己的图标要进行以下几步:

    (1)知晓组件的信息: 我要注册的组件名为TNWTReport,在NWTReport.pas单元中.

    (2)制作一个和你的组件所在的单元文件同名的dcr文件,这里即为NWTReport.dcr,在该文件中添加一个24*24的BITMAP文件,名称一定要与你的组件名称一致,且全部大写,这里即为 TNWTREPORT.

    (3)将该NWTReport.dcr放在组件单元NWTReport.pas的同一目录下

    (4)重新在你的组件包NWTReport7.dpk中,Add组件单元NWTReport.pas,此时组件包NWTReport7.dpk中将自动添加一个dcr文件NWTReport.dcr.

    (5)重新编译,安装,即可了.

    注:以上工作可以用DELPHI自带的Image Editor软件完成. DCR实际上是资源文件,可以包含若干24X24大小16色的Bitmap,这些Bitmap只在设计时用到,就是显示在Component Platte中的那些代表控件的图标。当IDE加载一个组件包xxx.bpl时, 它会在该包所在的目录下查找一个名为 xxx.dcr 的文件,找到的话则加载该文件,对于该包中名为 YYY 的Component,会在该资源中查找名为 YYY 的资源项(bitmap),找到则调用该资 源项在Component Platte中绘图代表YYY这个组件。找不到则使用缺省的Bitmap来绘图表示包中的组件。运行时不会用到这些Bitmap,所以这种文件不会被编译到dcu或exe(bpl)中。任何 能打开 res 文件的工具应该都能打开 DCR 件,打开后每一项都可以存为bmp文件的,就可以再利用了.

    在Delphi2007中发现如果包的工程文件dpk与控件单元不在同一目录下,如果将dcr文件与dpk同目录则控件面板中显示图标,但拖放到窗体后不显示.反之控件面板不显示.将dcr与控件单元同目录,重启系统后则全部正常显示.

    展开全文
  • 用PS做图标

    千次阅读 2009-04-13 17:44:00
    很早就研究怎么自己制作图标,如果可以自制的话多好呀,什么“我的电脑”、文件夹啦都可以自由设置个性图标。 有了想法就改尝试呀,于是乎我试了一个最简单的方法:改扩展名!还记得曾经把一张BMP图片成功变成JPG,...

    很早就研究怎么自己制作图标,如果可以自制的话多好呀,什么“我的电脑”、文件夹啦都可以自由设置个性图标。

     

            有了想法就改尝试呀,于是乎我试了一个最简单的方法:改扩展名!还记得曾经把一张BMP图片成功变成JPG,只是改的扩展名而已,心想图标应该也是一种特殊图片吧。于是就随便找了一张JPG图片,把扩展名强制改为了ICO。

     

            选了一个文件夹,更改图标、选择刚才改成的“图标”。出错了“文件某某不包含图标!”!晕!就知道没这么简单,看来图标和图片在结构上还有点差别,但图标也是图像呀,是图像就能PS,于是我那PS强制打开!再晕!竟然打不开!

     

           ICO和JPG到底差到哪了呢?带着这个疑问,我打开了它们各自的属性框,“常规”肯定没什么用,从“摘要”着手!

     

           像素、分辨率……这些用PS都能修改……再看,竟然有一个“位深度”的属性!图标的是32,JPG的是24……陷入沉思。在打开几张JPG,竟然位深度都是24!看来他俩不能用扩展名切换的根本原因就在这儿了。如果把JPG的位深度提高到32就差不多了……

     

          于是又打开了PS,另存为——JPG,选项里面也没有什么调位深度的呀?难道JPG的位深度只能是24?再试,把一个ICO强制转换成JPG,这时就是一张位深度为32的JPG了,PS吧……又晕!打不开,后来经过证实:JPG的位深度只能是24!这下完了,有了这个位深度的差异不可能转换成ICO了!

     

          位深度,到底是个什么东西,上网百度了一下,了解了一点,没什么启发。突然想起BMP,BMP可是被成为“位图”的呀,由于它占用空间太大质量又不好几乎被人遗忘了。“位图”和“位深度”有没有关系呢?这下拿BMP试试,它可是图片的最简单的格式了,是图片老祖宗呀!

     

          搞了几张BMP,结果位深度还是24!郁闷!最终还是PS吧,打开一张JPG,另存为、选BMP,竟然出来选项了:选32位,成功!由此位深度为24的JPG成功转换成了位深度为32的BMP,这下差异没有了,再改扩展名就差不多了吧

     

          嘿嘿!果真行得通。以后能自己搞图标喽,你也快试试吧!

     

    展开全文
  • 利用iconfont 配置自己的在线图标

    千次阅读 2018-06-07 15:17:31
    我们平时的很多项目中都会引用小图标,把字体文件引入太麻烦,每次添加都要覆盖文件,今天推荐一种创建自己在线图标库的办法:使用:...在自己图标管理中,查看在线地址,生成就行(注意每次添加更新图标地址哦)...
  • MyLocationConfiguration.LocationMode mCurrentMode = MyLocationConfiguration.LocationMode.NORMAL; BitmapDescriptor mCurrentMarker = BitmapDescriptorFactory .fromResource(R.mipmap.car_fcdront_
  • 自定义图标

    千次阅读 2016-07-14 10:48:19
    本文以阿里巴巴矢量图标库为例,介绍一种用户自定义图标的方法,假设我们要一个电商项目,需要补充男装、女装、购物车三个图标,如下为分步实现操作; 1、登录  浏览器访问阿里巴巴矢量图标库官网,选择登录...
  • 如何制作自己的Visio图标

    千次阅读 2016-04-12 17:27:21
    拓扑图图标
  • 自己图标上传到iconfont并在项目中使用 第一步:进入iconfont官网,登录自己的账号 进入导航栏「图标管理」->「我的图标」 点击上传按钮: 选择想要上传的svg图标: 点击保留颜色并提交。 第二步:加入...
  • 1.默认图标 .icon-blank{ background:url('icons/blank.gif') no-repeat center center; } .icon-add{ background:url('icons/edit_add.png') no-repeat center center; } .icon-edit{ background:url('icons/...
  • 自己动手制作Debian程序图标

    千次阅读 2014-04-23 16:22:30
    Debian系统下自己安装的一些程序发现没有程序图标,从命令行终端启动一者麻烦二者还得保存终端不关闭。打开图标文件一看,原来也简单。系统级的图标在 /usr/share/applications 目录下,用户级图标在 ~/.local/share...
  • .exe控制台程序使用自己图标

    千次阅读 2012-01-03 16:45:59
    今天在弄这个UE17激活小程序时,字一个小小的控制台程序,发现生成...添加一个资源文件,加入自己图标,定义成101,重新编绎,就能使自己的.exe使用图标了。真好看。   #define IDI_ICON2 101 #define IDI_ICON1
  • layui图标拓展-自定义图标

    千次阅读 2019-05-17 09:37:54
    在前端开发过程中我们经常会遇到框架提供的图标不够用的情况,那就需要我们自己进行拓展了,自己弄过几次,但每次配置都会忽略一些小细节,写个备忘文章 配置流程: 1.下载矢量图标 2.导入图标文件 3.修改...
  • VC中加载自己的ICO图标

    千次阅读 2007-05-06 00:07:00
    VC中加载自己的ICO图标比如在对话框中方法如下1 RESOURCES右键IMPORT载入ICO图标ID设为IDI_ME2 m_hIcon = AfxGetApp()->LoadIcon(IDI_ME);3 SetIcon(m_hIcon, TRUE);4 要记得删除原来的图示否则可执行文件的图标不会...
  • 细心的人呢会发现别人的专栏分类都有自己喜欢的图标,而自己的却是个大大的C位图标,丑陋不堪呀! 今天阿坤就带领大家添加属于自己的博客专栏分类图标!!! 1.没创建图标之前如图 2.点击管理博客-->分类专栏...
  • 我用自己写的EXE替换一个文件夹下已安装程序的EXE后,任务栏的图标(不是托盘的图标)还是原来的,不是自己的,托盘的倒是自己图标,求解释,求方法.
  • 1.第一步(checkbox和RadioButton一样) android:button="@null" 2.第二步(同上,两个一样) android:background="@drawable/textselector" 3.注意 a....b.真机上不用设置id,不会出现上面的情况
  • 一般情况下会有专门的 UI 设计将 psd 或者图片资源发给前端工程师,但在没有 UI 的情况下,如何快速的找到自己想要的小图标呢? 二、步骤 1. 打开https://www.iconfont.cn/(阿里巴巴矢量图标库); 2. 假设想要...
  • 如何生成你自己的icon 图标

    千次阅读 2019-07-25 13:12:38
    前言:以前用那些ui框架,里面的图标都是icon,传统的png jpg无法直接用,当时直接用了img标签定位上去,这段时间自己在封装一个组件库,不可避免了又碰到了这个问题。通过网上简单的学习了下 发现真的比较简单,在...
  • 最近使用vue+Element 开发一个pc端的项目,了一个小操作,感觉蛮有意思的,其实就是二次封装下组件,符合自己的项目 就举个例子吧 这个时间选择组件,我们的项目的话需要把左侧的小图标移到右侧来,而且不能用这...
  • 用Qt设计一个属于自己图标按钮

    千次阅读 2014-11-28 22:08:32
    学c++以来,用qt做过一些界面,个人感觉软件界面还是比较漂亮的,但是如果界面想嵌入一些漂亮的图标做按钮,利用qt本身已有的控件实现就有点困难了,当然可以通过为QPushButton类添加背景图标来实现,但是自我感觉...
  • 今天来分享一下Android中的矢量图(SVG)的用法,我首先会说一下矢量图的基本使用方法,然后说一下阿里巴巴矢量图标库Iconfont的使用,最后会通过一个开源库的学习来自定义自己的矢量图标库,你可以把它集成到自己的...
  • 如何将tomcat图标换成自己

    万次阅读 2019-06-11 11:04:19
    IE7中每个页面都有一个自己图标,如果不自己制定的话,会变成tomcat的小猫咪。下面说一下怎么改掉这个小猫咪。 1)、在每个页面的<head></head>里加入以下两行代码。 <link rel="icon" href="{...
  • 字体图标,web页面常用图标

    千次阅读 2018-08-11 15:32:32
    在web开发过程中,我们常常需要用到图标,在一些前端框架中,也会带有自己图标库,但是可能不够全面,这里我给大家街上一个我常用的图标库:阿里巴巴矢量图标库。官网地址:http://www.iconfont.cn/ 首先,我们...
  • svg图标转Iconfont字体图标

    万次阅读 2017-05-04 11:44:59
    最近在实际开发项目中用到了SVG格式的图片,在web中用着挺麻烦的...选中图标然后点击Generate Font然后下载就可以愉快的用自己制作的字体的图标啦 附链接 https://icomoon.io/ 使用 把下载下来的fonts文件夹和style.c
  • 教你制作自己的文字图标

    千次阅读 2008-02-25 10:57:00
    今天想个串口读写软件的图标,上网下了个Microangelo的软件,感觉不错。点击Microangelo软件安装后的Librarian:进入Microangelo Librarian后点击"编辑"->“新建图标”这样就进入了Microangelo Studio。这时候就...
  • Android应用图标微技巧,8.0系统中应用图标的适配

    万次阅读 多人点赞 2018-03-13 07:56:38
    也有些朋友可能会说,自己的APP并没有过应用图标适配,在Android 8.0手机上也照样跑得好好的。 事实上,这个新功能Google是准备让它慢慢过渡的,而不是一次性就强推给所有的开发者。如果你的APP中的targetSdk...
  • (1)下载图标,并在线转化成.ico格式图标 ...(123.ico是自己下载的图标名) (3)图标和文件复制到U盘根目录下 (4)隐藏文件 打开Powershell转到U盘目录 attrib +r +s +h G:\123.ico attrib...
  • 如何在页面标题前添加自己的logo图标?如下图所示 下面给介绍两种方式: 1、如果你使用的是tomcat,并且你的tomcat下面项目可以使用统一logo,那么可以直接修改tomcat ROOT目录下的favicon.ico文件为你自己的...
  • icon图标

    千次阅读 2015-06-25 14:50:37
    什么是图标字体? 图标字体不同于标准的字体数字的字符,是一种包含符号和字形(如箭头、文件夹、放大镜)的字体文件。 例如: 图标字体的使用就像和使用网页字体一样,个人理解就是把一些图标以字体的形式...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 348,867
精华内容 139,546
关键字:

怎么自己做图标