Icon class生成器（Python）

先说起因，项目中有很多图标，需要把美工给的三种尺寸的png加工成class来用，这样的好处就不必说了。但是图标数量比较大，以后换肤的时候，更是纯搬砖的活，写了个脚本来解放一下以后写icon的class的搬运工。

搬砖步骤：

所有的icon的一倍图片，与本脚本放到一起（全部英文命名）
- 图片命名与class一致,对应三种尺寸标记为1,2,3号.所有图片存储位置为:src/public/assets/images.
- class命名: 图标名称+图标状态(N:normal;O:on;C:click;D:disable)
- 使用者不关心图片大小.(^o^)/~
- 注:图标最多有4种情况,个别图标可能不足4种,请勿强求.
运行脚本
- python iconClass.py
将输出的内容copy到一个可以格式化的地方（比如webstream）
格式化一下，然后利用全局替换，把图片路径换一下。
最后结构：

/*以下参照UI20161220提供的图标*/@media all and (max-width: 1280px) {/*置顶*/.putTopN {display: inline-block;width: 18px;height: 18px;background: url(../images/putTopN1.png) no-repeat;background-size: 100% 100%;}.putTopN:hover {display: inline-block;width: 18px;height: 18px;background: url(../images/putTopC1.png) no-repeat;background-size: 100% 100%;}.putTopC {display: inline-block;width: 18px;height: 18px;background: url(../images/putTopC1.png) no-repeat;background-size: 100% 100%;}.putTopD {display: inline-block;width: 18px;height: 18px;background: url(../images/putTopD1.png) no-repeat;background-size: 100% 100%;}
}@media all and (min-width: 1280px) and (max-width: 1920px) {/*置顶*/.putTopN {display: inline-block;width: 18px;height: 18px;background: url(../images/putTopN2.png) no-repeat;background-size: 100% 100%;}.putTopN:hover {display: inline-block;width: 18px;height: 18px;background: url(../images/putTopC2.png) no-repeat;background-size: 100% 100%;}.putTopC {display: inline-block;width: 18px;height: 18px;background: url(../images/putTopC2.png) no-repeat;background-size: 100% 100%;}.putTopD {display: inline-block;width: 18px;height: 18px;background: url(../images/putTopD2.png) no-repeat;background-size: 100% 100%;}
}@media all and (min-width: 1920px) {/*置顶*/.putTopN {display: inline-block;width: 18px;height: 18px;background: url(../images/putTopN3.png) no-repeat;background-size: 100% 100%;}.putTopN:hover {display: inline-block;width: 18px;height: 18px;background: url(../images/putTopC3.png) no-repeat;background-size: 100% 100%;}.putTopC {display: inline-block;width: 18px;height: 18px;background: url(../images/putTopC3.png) no-repeat;background-size: 100% 100%;}.putTopD {display: inline-block;width: 18px;height: 18px;background: url(../images/putTopD3.png) no-repeat;background-size: 100% 100%;}
}

附源码

# coding: utf8
import os
from PIL import Image
# 获取指定图片的长和宽
def imgSize(imgPath):img = Image.open(imgPath)return img.size# 获得.png的图片
def judjepng(filename):if os.path.isfile( filename ):a,b = os.path.splitext( filename )if b == ".png":return 1;else:return 0;def getFileList( p ):p = str( p )if p=="":return [ ]if p[ -1] != "/":p = p+"/"a = os.listdir( p )b = [ x   for x in a if judjepng( p + x )==1 ]return bpath = os.getcwd();
imgPaths = getFileList( path )
for imgPath1 in imgPaths:a,b = os.path.splitext( imgPath1 )imgsize = imgSize(imgPath1)classname = "." + a[:-1] +"{display: inline-block;width: "+str(imgsize[0])+"px;height: "+str(imgsize[1])+"px;background: url(../images/"+ a +".png) no-repeat;background-size: 100% 100%;}"print classname

补充:

    classname = "." + a[:-2] +"N:hover{display: inline-block;width: "+str(imgsize[0])+"px;height: "+str(imgsize[1])+"px;background: url(../images/"+ a +".png) no-repeat;background-size: 100% 100%;}"#   classname = "." + a[:-1] +"{display: inline-block;width: "+str(imgsize[0])+"px;height: "+str(imgsize[1])+"px;background: url(../images/"+ a +".png) no-repeat;background-size: 100% 100%;}"#   print " <td><span class=\" "+ a[:-1] + "\"></span></td><td>" + a[:-1] + "</td>"print classname

Icon class生成器（Python）相关推荐

python的英文单词表_随机单词生成器 - Python
所以我基本上是在一个项目中,计算机从单词列表中抽出一个单词,并为用户乱七八糟.只有一个问题:我不想不断地在列表中写很多单词,所以我想知道是否有一种方法可以导入大量的随机单词,所以即使我不知道它是什么, ...
python代码图片头像_GitHub - nonPointer/avatar_generator: 头像图片生成器 Python代码
avatar_generator 哈希头像图片生成器 Python代码 Identicon 在很多大型IT网站上可以见到,比如 Github, Sourceforge, Stackoveflow 等等 ...
github 头像生成 java_GitHub - haoziiy/avatar_generator: 头像图片生成器 Python代码
avatar_generator 哈希头像图片生成器 Python代码 Identicon 在很多大型IT网站上可以见到,比如 Github, Sourceforge, Stackoveflow 等等 ...
AI智能文章生成器python仿文案狗AI文章写作
近期有朋友想要一款AI智能写作软件,需求根据关键词或标题自行生成一篇文章,今天家兴网络免费分享给大家一款用python写的机器人训练智能写作软件! 据传这款软件是清华大学-计算机系某位学生写的,家兴网 ...
论文生成器python_一本道生成器Python版，笑喷了
今天皮一下,众所周知,一本道是一本正经的胡说八道的简称,想必写过议论文的小伙伴,都知道引经据典是议论文高分必备,套上名人的话更加具有说服力是语文老师必教的知识点. 所以呢,今天介绍的这个生成器就走的是 ...
营销号废话生成器-python
营销号废话生成器深受其害先弄个简单版,有空再试试"长篇大论" feihuas = ['是怎么回事呢?','相信大家都很熟悉,但是','是怎么回事呢,下面就让小编带大家一起了解吧 ...
python随机生成列表_随机词生成器-Python
所以我基本上是在一个项目中,计算机从单词列表中提取一个单词,然后为用户弄乱它. 只有一个问题:我不想继续在列表中写很多单词,所以我想知道是否有一种方法可以导入很多随机单词,所以即使我也不知道它是什么, ...
python编写程序输出诗句_Python文本处理简介：44行代码编写一个简单的隐藏诗生成器,python,入门,藏头诗...
想必最近大家家庭群里最近都会看到这么一张图: 一惊,这什么玩意儿???后来一搜会发现里面不同的诗句来自于不同的古诗,嘛,这不是很好玩的一件事情吗?这次我们使用Github的唐诗宋词dataset:ht ...
完全理解 Python 迭代对象、迭代器、生成器（转）
完全理解 Python 迭代对象.迭代器.生成器本文源自RQ作者的一篇博文,原文是Iterables vs. Iterators vs. Generators » nvie.com,俺写的这篇文章是 ...

Icon class生成器（Python）

Icon class生成器（Python）

附源码

Icon class生成器（Python）相关推荐

最新文章

热门文章