Giter Site home page Giter Site logo

iconfont's Introduction

IconFont 文字图标

你说什么?这玩意有什么用?

如果你的公司连美工都没有!(真的有这样的公司!) 如果你是自己写一些app玩、

或者如果你的项目中图片过多,恰好又支持夜间模式,那么仅仅是一个按钮,你可能会需要如下 8 套图

日间模式: @2x一张、@3x一张、normal一张、selected 或者 highlighted一张、

夜间模式: @2x一张、@3x一张、normal一张、selected 或者 highlighted一张、

因此共计8张图片...

当项目比较复杂,界面元素比较多!到处使用图片,即便是压缩图片,你的资源包依旧很大...

那么!你可以试试这个方法!兴许你会喜欢上它!

一些简单的按钮、Logo、等图标、从此告别图片。(项目做完,你会发现资源包会比以前小很多哦~)

并且你想要多大就可以多大,不需要@2x、@3x等图片来适配..

UIbutton、UILabel 等 均可使用!

说多都是废话,看图便知

看看淘宝的图标

使用用法超级简单!请看下面!

image

  • 第1步: 打开 图标字体库1 或者 图标字体库2 海量的图标,会有你所用到的!
    (如果没有你需要的,你还可以使用自定义的图标、比如你公司的logo等、都是可以的哦~)

    找到自己需要的图标,然后依次加入下载列表,点击右上角的 Download webFont 下载字体。

    还可以做自己的svg来生成相对应的字体!(这里先不用这种方法)

    下载完成后,找到font文件夹中的字体、iOS是支持ttf格式的字体、这里使用ttf格式的。

  • 第2步 将其字体导入你的项目中!还是看图吧!

![(图1)] (http://ww1.sinaimg.cn/mw690/00668vF9jw1eubw1yzphvj30v40b50wr.jpg)

// .h中
- (void)setTitleFontSize:(CGFloat)size;

// .m中
 - (void)setTitleFontSize:(CGFloat)size {
    self.titleLabel.font = [UIFont fontWithName:iconFontName size:size];
}
  • 看图!

(图4)

Let's Go

 UIButton *setupBtn = [[UIButton alloc] init];
 setupBtn.frame = CGRectMake(50, 100, 44, 44);
 setupBtn.backgroundColor = [UIColor clearColor];
 // 按钮文字的大需用此方法设置。内部设置了字体
 [setupBtn setTitleFontSize:30];
 [setupBtn setTitleColor:UIColorFromRGB(62, 68, 79) forState:UIControlStateNormal];
 [setupBtn setTitle:setupFont forState:UIControlStateNormal];
 [setupBtn setTitleColor:UIColorFromRGB(248, 55, 10) forState:UIControlStateSelected];
 [setupBtn addTarget:self action:@selector(setupBtnClick:) forControlEvents:UIControlEventTouchUpInside];
 [self.view addSubview:_setupBtn];

Command + R 大功告成!

联系方式

Q Q:1363852560
Mail:[email protected]

iconfont's People

Contributors

coderxslee avatar

Watchers

James Cloos avatar Alice avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.