SwiftUI如何使用图标库SF Symbols

最新推荐文章于 2023-01-15 17:32:56 发布
最新推荐文章于 2023-01-15 17:32:56 发布
阅读量1.4k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iCloudEnd/article/details/104551940
版权

苹果为我们的App制作可谓是操碎了心，不仅给我提供了开箱即用的SwiftUI界面设计框架。而且还提供了一套图标库。

41085-cc195e308a9362b7.jpg
Jietu20200227-125515@2x.jpg

看完本文您将掌握的技能

  • 了解SF Symbols图标库
  • 掌握调用方式

今天我们就来研究一下SF Symbols的基础使用

什么是SF符号？我认为Apple文档最能说明问题

SF Symbols提供了一组1,500多个一致的，高度可配置的符号，供您在应用程序中使用。苹果设计了SF Symbols以与San Francisco系统字体无缝集成。 SF Symbols具有广泛的重量和刻度，可帮助您创建适应性强的设计。

苹果的人机界面指南

您可以在iOS 13和更高版本，watchOS 6和更高版本以及tvOS 13和更高版本中运行的应用程序中使用SF符号。

如何在SwiftUI中使用SF符号

在SwiftUI应用中使用SF符号就像添加带有所需符号名称的图像一样简单：

Image(systemName: "square.and.pencil")

技术交流

QQ:3365059189
SwiftUI技术交流QQ群:518696470

知识大胖
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
macOS SwiftUI 教程之 13 图像视图用于显示图像 SF Symbols System images（教程含源码）
iCloudEnd的博客
08-09 704
图像视图用于显示图像。对于下面的示例，将名为“homer”的图像添加到资产目录中，然后图像在窗口中显示，同时保留其纵横比。
SF Symbols.7z
05-14
当你使用windows系统设计、开发苹果APP时，你需要准确的使用苹果的特定字体SF-Symbols，以便预览最佳视觉效果。 此SF-Symbols资源由苹果官方文件中提出的纯净Fonts字体文件，不含其他苹果系统的辅助配置。 SF-Symbols 适用于iOS的Apple UI设计资源包括Sketch，Photoshop和Adobe XD模板，以及全面的UI资源，这些资源描述了使用iOS SDK的开发人员可以使用的所有控件，视图和字形。这些资源可帮助您设计与iOS设计语言匹配的应用程序。图标和字形生产文件已预先配置为使用Sketch Slice或Adobe Generator for Photoshop CC自动进行资产生产。还包括色板，动态类型表和字体。 仅做学习使用，不得商用。
Swift之使用自定义IconFont
仰望星空的博客
06-18 1195
IconFont IconFont 也叫字体图标，顾名思义，就是字体做的图标。受到近些年扁平化设计 的影响，越来越多的图标都开始使用 icon font。 IconFont技术起源于Web领域的Web Font技术。随着时间的推移，网页设计越来越漂亮。但是电脑预装的字体远远无法满足设计者的要求，于是Web Font技术诞生了。一个英文字库并不大，通过网络下载字体，完成网页的显示。有了Web Font技术，大大提升了设计师的发挥空间。 优点 自由的变化大小，且不会模糊 比图片小，加载快 方便更改颜色大小，图
swift-EntypoSymbol一个Swift的字体图标库
08-15
EntypoSymbol：一个Swift的字体图标库
SF Symbols
小田的笔记簿
06-11 327
文章目录 Introducing SF Symbols https://developer.apple.com/design/ 苹果提供了一系列免费的 图标
swift-SwiftIcons自由轻便的使用各类字体图标Swift库
08-15
SwiftIcons：自由、轻便的使用各类字体图标Swift库
iOS 图标SF Symbols 官网
u014029960的博客
06-28 517
https://developer.apple.com/sf-symbols/
Section 08 : SF Symbols and Props
人称大叔的博客
03-21 448
How to use Apple’s iOS icons and pass values to components.（使用苹果 iOS 图标与向组件传递值）
SwiftUI 示例 iFonts 应用完整项目源代码
最新发布
01-08
- SwiftUI TabView、List 等视图的使用代码； - 平铺或按组显示 SF Symbols 图形字符的切换演示； - 在最新的 iOS 17 上测试通过； 文件列表： ├── iFonts │ ├── AppDelegate.swift │ ├── Assets....
swift-Symbolic是Apple在iOS13中添加的SFSymbols字体之上的类型安全包装器
08-15
Symbolic是Apple在iOS 13中添加的SF Symbols字体之上的类型安全包装器
SwiftUIFontIcon：在SwiftUI项目中实现字体图标的最简单方法
02-05
SwiftUI字体图标 在SwiftUI项目中实现字体图标的最简单方法。 用法 该库非常易于使用，就像这样:) 文本 import SwiftUIFontIcon // ... FontIcon. text (. materialIcon ( code : . access_alarm )) FontIcon. text (. materialIcon ( code : . access_alarm ), fontsize : 30 ) 纽扣 FontIcon. button (. ionicon ( code : . md_add_circle ), action : {}) FontIco
symbols:SF符号版本2.1（44）的集合
03-05
符号 SF符号版本2.1（44）的集合 搜索/过滤器即将推出.....
SF-Symbols-Viewer:iPadOS上用于Swift Playgrounds的SF Symbols Viewer
05-27
SF符号查看器 iPadOS上用于Swift Playgrounds的SF Symbols Viewer。
figma-symbols-browser:Figma插件，用于浏览和复制SF Symbols＆Material Icons字体中的符号图标
05-07
通过“符号图标浏览器”，可以轻松浏览和复制SF Symbols＆Material Icons字体中的符号。 要使用此插件，请安装San Francisco字体和Material Icons字体（.ttf）。 旧金山字体： 材料图标字体（.ttf）：通过符号图标...
ios swiftui_SwiftUI iOS开发：如何使用SF符号覆盖配置文件图像
weixin_26638123的博客
07-23 252
ios swiftuiWhile building a clone of the Instagram app to learn SwiftUI layouts I found myself trying to figure out how to correctly position an SF Symbol over an image like the one you find on your I...
SwiftUI SF Symbols 好处及其使用指南
iCloudEnd的博客
07-12 1697
SwiftUI SF Symbols 好处及其使用指南 SF Symbols在WWDC 2019期间推出，对我们开发人员来说是一个很大的礼物。 Apple基本上为我们提供了免费符号，供我们在应用程序中使用，而且使用它们甚至也非常容易！ 通过在WWDC 2020中引入SF Symbols 2.0，我们有了更多的可能性在我们的应用中显示精美的图标。 现在该深入探讨它们的详细信息以及如何使用它们来使您的...
ios swift 图标 图片 图像 SF Symbols 如何使用
12-13 756
从 iOS 13 开始，Apple 提供了开发可用 iOS App 的 icon SF Symbol。(SF 是 San Francisco 的缩写，是旧金山的意思）
如何安装SF Symbols
weixin_35749796的博客
01-15 263
在 Xcode 中安装 SF Symbols 的方法如下: 打开 Xcode 项目 选择你的项目文件, 点击 "Targets" 选项卡 选择你的应用程序的 Target 在 "General" 选项卡下找到 "Linked Frameworks and Libraries" 点击 "+" 按钮, 选择 "SF Symbols" 点击 "Add" 按钮即可完成安装。 ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

知识大胖

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值