Swift iOS : 字体图标
厌倦了使用位图在xcode的Assets.xcassets内,因为麻烦,包括如下的麻烦:
- 找图
- 图需要分尺寸
- 需要操作员类似工作去管理
然后,现在有了字体图标,就方便多了:
- 比较成熟的几套库,用名字就可以查
- 矢量图,尺寸无极缩放,想要多大都行
- 都在代码和字体文件内,不需要在工程IDE内管理
一套SwiftIcons:
https://github.com/ranesr/SwiftIcons)
包括了几个常见的字体图标,可以如同字体一样设置大小、背景色、前景色。下面的代码可以显示两个小飞机字体图标:
import UIKit
import SwiftIcons
@UIApplicationMain
class AppDelegate: UIResponder, UIApplicationDelegate {var window: UIWindow?func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplicationLaunchOptionsKey: Any]?) -> Bool {self.window = UIWindow(frame: UIScreen.main.bounds)self.window!.rootViewController = Page()self.window?.makeKeyAndVisible()return true}
}
class Page: UIViewController {var bgImage: UIImageView!override func viewDidLoad() {super.viewDidLoad()view.backgroundColor = .bluevar b: UIImageView!b = UIImageView()b!.frame = CGRect(x: 0,y: 0,width: 50,height: 50)b.image = UIImage.init(icon: .emoji(.airplane), size: CGSize(width: 35, height: 35), textColor: .white, backgroundColor: .red)self.view.addSubview(b!)var c: UIImageView!c = UIImageView()c!.frame = CGRect(x: 0,y: 50,width: 100,height: 100)c.image = UIImage.init(icon: .emoji(.airplane), size: CGSize(width: 35, height: 35))self.view.addSubview(c!)}
}
当然,既然是一个库,使用Pod管理它会很方便。Podfile文件为:
target 'three' douse_frameworks!pod 'SwiftIcons', '~> 1.4.1'
end
这里的three,是因为我的工程名为three,你的会不一样。设置好了Podfile,就需要更新它:
pod install --verbose --no-repo-update
如果你是刚刚下载的cocoa pod specs那么已经加上--no-repo-update参数,这样会很快。
然后打开workspace(注意不是xcproject)
open three.xcworkspace
因为xcworkspace包括了app和pod.xcproject,两个一起编译通过后,在单独打开:
open three.xcproject
进入正常的开发过程即可。国内为了快速的下载cocoa specs,可以手工自己做,使用镜像,手动下载,初始化完成后执行一次
git clone https://git.coding.net/CocoaPods/Specs.git ~/.cocoapods/repos/master
pod repo update
使用pod install就得慢死。
--干死防火长城--
常见字体,比如 http://fontawesome.io/icons/ ,查找还是很方便的。
Swift iOS : 字体图标相关推荐
- 在iOS应用中使用字体图标及制作字体库
做iOS开发的都知道,因为屏幕分辨率的问题,在iOS app 中都得放两套切图来支持retina屏和非retina屏幕,但是文字就不需要考虑分辨率的问题,所以可不可以将一些图片用文字来代替呢,省时省力 ...
- uni-app小程序 阿里巴巴字体图标兼容ios
问题描述 提示:uni-app 小程序 阿里巴巴字体图标库不兼容 <icon class="iconfont icon-xuanze"></icon> 解决 ...
- iOS iconfont 图标字体
iconfont 技术的主要是将图标转化为字体来减少应用体积.如需在项目中使用iconfont技术,图标矢量图一开始都应合并转化为字体库. 优点: 减小体积,字体文件比图片要小 图标保真缩放,解决2x ...
- 《Swift iOS应用开发实战》——2.2 了解故事板
本节书摘来自华章计算机<Swift iOS应用开发实战>一书中的第2章,第2.2节,作者:刘铭 著, 更多章节内容可以访问云栖社区"华章计算机"公众号查看. 2.2 了 ...
- 第104天:web字体图标使用方法
字体图标经常使用的是 阿里图标库的:http://www.iconfont.cn/ icomoon图标库的:https://icomoon.io/ 一.阿里库字体图标使用 第一步: 首先进入阿里巴巴矢 ...
- elementUI自定义字体图标
上一篇<ionic(mui.elementUI)自定义字体图标>写一部分了.重要的点,再强调一下下. 在阿里妈妈上的项目中编辑相关属性: elementUI 的前缀是el-icon,Fon ...
- 小程序开发时能否使用我们自定义的字体图标
转载地址:https://segmentfault.com/a/1190000008518103 相关讨论一:字体文件无法加载,确认文件是存在的 @font-face {font-family:'Gl ...
- 将svg编译成字体图标
有时将svg图标编译成字体图标,可以更方便的来使用,下面就介绍如何将svg编译成字体图标 1. 使用npm安装svgtofont npm i svgtofont 2. 编译字体图标 const svg ...
- html 字体图标不显示不出来了,h5页面字体图标显示不正常
问题描述 开发的是微信公众号的纯静态H5页面,测试发现在iOS上面首次打开会出现字体图标无法显示的问题,并且切换到其它页面,字体图标也是一样无法显示: 只能使用微信的右上角内的刷新选项,所有页面的图标 ...
最新文章
- Javascript使用Ajax跟踪历史
- SkyWalking之高级玩法
- C/C++杂记:虚函数的实现的基本原理 虚函数表
- 如何提取D-Link解密密钥
- xgboost算法 c语言,xgboost与sklearn的接口
- J2ME游戏开发中时钟的简单实现
- MTK 驱动开发(42)---GAT 工具使用
- PHP核心技术与最佳实践 读书笔记 第二章 面向对象的设计原则
- Java/JSP中使用JDBC连接SQL Server 2000/2005
- MYSQL问题解决方案:Access denied for user ‘root‘@‘localhost‘ (using password:YES)
- 使用Echarts实现中国地图,官方china.js文件
- 中科大EPC自动程序(2022python版)
- 关于Windows Boot Manager、Bootmgfw.efi、Bootx64.efi、bcdboot.exe 的详解
- 高盛vr/ar研究报告
- 推荐三款动态壁纸软件,足够让你的桌面惊艳!
- Spark存储体系——内存管理器
- 使用AWS迁移工具MGN迁移腾讯云到AWS
- YC++编译器最新版主要功能及特点简介, 请广大的编程爱好者试用,并且希望能提出更多宝贵意见,使此软件更加完善。谢谢!
- passwd出现不完全匹配登陆成功的情况,问题解决如下
- FC接口测试工装研究