Stencils, 使用 icon 字体加速你的iOS应用程序开发

分享于 

5分钟阅读

GitHub

  繁體 雙語
Speedup your iOS app development using icon fonts
  • 源代码名称:Stencils
  • 源代码网址:http://www.github.com/mokagio/Stencils
  • Stencils源代码文档
  • Stencils源代码下载
  • Git URL:
    git://www.github.com/mokagio/Stencils.git
    Git Clone代码到本地:
    git clone http://www.github.com/mokagio/Stencils
    Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/mokagio/Stencils
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
    
    模具

    Build StatusStories in ReadyPod VersionPod Version

    使用字体加速你的iOS应用程序开发的收费 !

    icon 字体在web开发领域非常流行。 他们是 。 你可以在 icon 应用程序的开发过程中访问强大的字体,并在左侧和 592 % LESS 不透明窗口中保存更多的电子邮件,以获得新资产。

    安装

    通过 CocoaPods

     
    pod 'Stencils'
    
    
    
     

    或者

    
    pod 'Stencils', ~> 'x.x.x'
    
    
    
    

    x.x.x 是你想要的版本号。 最新稳定为 Pod Version

    用法

    三个简单步骤:

    1将你的icon 字体文件添加到项目中

    只需将 .ttf 添加到项目。 无需 Info.plist 更新而且你甚至可以添加多个 icon 字体。

    2定义你的图标

    模具需要知道如何读取字体文件。 创建配置文件,默认情况下,模具将查找 Stencils.plist,以这种方式:

    
    font-icons Array
    
    
     Item 0 Dictionary
    
    
     font-name String The name of the font where the icon is located
    
    
     icon-name String The name to use to load the icon
    
    
     icon-code String The unicode caracter corresponding to the icon
    
    
     i.e: e001
    
    
     baseline-adjustement Number (Optional) A correction value to compensate eventual offset from the baseline
    
    
     scale-adjustement Number (Optional) A correction value to change the scale of the icon. Usually used with"baseline-adjustement"
    
    
    
    

    查看示例项目以了解实际配置 plist的外观。

    3使用 STIconsFactorySTIconView 加载图标
    #import<STIconsFactory.h>STIconsFactory *factory = [[STIconsFactory alloc] init];
    STIconView *arrow = [factory iconViewForIconNamed:@"arrow-left"withSide:60.0f];

    你可以像这样定制你的icon:

    arrow.backgroundColor = [UIColor whiteColor];
    arrow.color = [UIColor blackColor];// If no color is set the icon will use the tintColor of its superviewarrow.shadowColor = [UIColor grayColor];
    arrow.shadowOffset = CGSizeMake(1.0f, 1.0f);

    调整图标度量

    这些图标可能会出现在裁剪。 这是由于最初的字体指标没有被修改,因为iOS希望它们能够被使用。 baseline-adjustementscale-adjustement 是用来补偿这个问题的。

    为了帮助你微调这些值,这个 repo 有的IconSettings 应用。 你可以加载你的原始 .plist,在设备上启动它,调优每个 icon,然后向你自己发送电子邮件,然后把。 这是个相当好的优化方法但是,。 它可以工作。

    .plist 生成器脚本

    在你的应用程序中,使用位于 Scripts 文件夹中的实验 plist_generator.rb 脚本生成与你的应用程序中的.ttf 字体一起导入的Stencils.plist,以便在应用程序中。

    运行 plist_generator.rb --help

    重要说明:脚本是实验,这是我不能保证它能工作在 100%的时间。 我只在 IcoMoonFontello生成的css文件中尝试。

    哪里可以找到图标字体

    • fork repo
    • 签出新分支 username/feature_name
    • 打开请求请求

    == =

    特别感谢 @tancdev 服务。


    ICO  icon  font  speed  字体  图标字体  
    相关文章