SF Symbols

SF符号提供了一套超过2400个一致的、高度可配置的符号,你可以在你的应用程序中使用。苹果公司设计的SF符号能够与旧金山系统字体无缝整合,因此这些符号能够自动确保与所有重量和尺寸的文本进行光学垂直对齐。

你可以使用SF符号来代表各种UI元素中的任务和内容类型,如导航栏、工具栏、标签栏、上下文菜单和小部件。在你的应用程序的其余部分,你可以在任何可以使用图像的地方使用符号。SF符号在iOS 13及以后版本、macOS 11及以后版本、watchOS 6及以后版本和tvOS 13及以后版本中可用。

单个符号和功能的可用性根据你所针对的系统版本而有所不同。当你把SF Symbols 2中介绍的符号导出为SVG模板并与你的应用程序捆绑时,你可以在针对iOS 13、Mac Catalyst 13、tvOS 13或watchOS 6的应用程序中使用它,但没有SF Symbol 2功能的好处,如多色支持和自动本地化。访问SF符号,下载该应用并浏览全套符号。

SF符号2引入了750多个新的符号,包括。

超过150个预设的多色符号,可自动适应鲜艳度、无障碍设置和外观模式
标准和自定义符号中的负侧边距,让你对水平对齐有更大的控制权
从右到左书写系统的本地化符号变体,以及阿拉伯文、梵文和希伯来文的特定字体符号

九个符号的每一个重量–从超轻到黑色–都对应着旧金山系统字体的一个重量。这种对应关系让你在符号和相邻文本之间实现精确的重量匹配,同时支持不同尺寸和背景的灵活性。

每个符号也有三种比例:小、中(默认)和大。这些比例是相对于旧金山系统字体的上限高度而定义的。通过指定比例,你可以调整一个符号相对于相邻文本的强调程度,而不会破坏与使用相同点数的文本的重量匹配。关于开发人员的指导,请参阅imageScale(SwiftUI)、SymbolScale(UIKit)和SymbolConfiguration(AppKit)。

默认情况下,一个符号可以使用一个应用程序的重点颜色。在SF符号2及以后的版本中,你可以使用多色符号来显示包含一种以上颜色的图像。例如,cloud.sun.rain.fill符号使用白色表示云,黄色表示太阳,蓝色表示雨。在某些情况下,你可以在一个符号的不同区域使用不同的颜色。例如,你可能想为folder.badge.plus的文件夹区域指定一种类似于你的应用程序的重点颜色,而系统则为徽章提供一种绿色。关于开发者的指导,请参阅renderingMode(_:)。

默认情况下,多色符号会自动适应不同的外观模式,比如黑暗模式。如果你在创建的自定义符号中指定了一种颜色,那么该自定义符号就不会自动适应不同的外观模式。

创建自定义符号
如果你需要一个SF Symbols没有提供的符号,你可以创建你自己的。SF符号应用程序让你以可重复使用的、基于矢量的文件格式导出一个符号作为模板。要创建一个自定义的符号,导出一个与你想要的设计相似的SF符号,并使用Sketch或Illustrator等矢量编辑工具修改模板。在你的应用程序中使用这个结果,就像你使用原始模板文件一样。(自定义符号不支持自适应颜色。)关于开发者的指导,请参阅为你的应用程序创建自定义符号图像。请参阅 “按原样使用的符号”,了解不能定制的符号列表。

以模板为指导。创建一个自定义符号,在细节程度、光学重量、对齐方式、位置和视角方面与系统提供的符号一致。努力设计一个符号,它是。

简单
可识别的
不具攻击性
与它所代表的行动或内容直接相关

Original: https://www.cnblogs.com/mkdocs/p/sf_font.html
Author: MkDocsMan
Title: SF Symbols

原创文章受到原创版权保护。转载请注明出处:https://www.johngo689.com/583168/

转载文章受原作者版权保护。转载请注明原作者出处!

(0)

大家都在看

  • Java — 枚举

    枚举是 JDK5 中引入的特性,由 enum 关键字来定义一个枚举类。 格式: enum 枚举类名 { 枚举项1, 枚举项2, …; 成员变量; 构造方法 成员方法 } 说明:…

    Linux 2023年6月8日
    098
  • 内核同步问题

    linux内核同步问题 Linux内核设计与实现 十、内核同步方法 [手把手教Linux驱动5-自旋锁、信号量、互斥体概述](https://www.cnblogs.com/yik…

    Linux 2023年6月13日
    089
  • Docker安装使用–Centos

    前言 Docker安装使用 安装步骤 卸载旧版本 安装utils 配置utils的存储库 安装Docker 安装指定版本Docker 验证安装 官网安装说明 阿里云镜像加速 Doc…

    Linux 2023年6月7日
    0101
  • 源码安装apache脚本部署

    源码安装apache脚本部署 [root@localhost ~]# ls anaconda-ks.cfg httpd.tar.xz [root@localhost ~]# tar…

    Linux 2023年6月6日
    0111
  • Docker容器镜像打成tar包

    简述需求: 在现在容器上保存镜像进行打包,在另一台服务上使用 首先查看下现有要打tar包的容器 接下来用commit参数进行保存镜像, -a 提交人的姓名 -m “提交…

    Linux 2023年6月8日
    097
  • 卷积神经网络(简单)

    1.反向传播BP 反向传播(Backpropagation)是”误差反向传播”的简称,是一种与最优化方法,用来训练人工神经网络的常见方法。 简单来说就是: …

    Linux 2023年6月6日
    0133
  • 前端Web实训项目-教务系统成绩查询

    通过暑期前半个月实训,我们选的方向是Web前端(虽然我想选Java全栈的),所以我们最终确立的主题是做一个网页。 这个项目是我们组四个人做的,因为技术水品都不咋样,所以有很多地方需…

    Linux 2023年6月7日
    0123
  • 软件负载均衡

    软件负载均衡成本几乎为零,基本都是开源软件。例如:LVS、HAProxy、Nginx等。 该机群包含一台Nginx服务器,两台Web服务器(node2和node3) 修改nginx…

    Linux 2023年6月11日
    075
  • 小文件、nginx、Redis、Moosefs

    现在有3KW的数据,单条数据都很小的,如果按key-value来看的话,key就是32位的MD5字符串,value按平均算大概是100字节左右。 现在需要将这些数据做缓存以在高并非…

    Linux 2023年5月28日
    0117
  • 使用URL快捷方式提高效率

    阅文时长 | 0.9分钟字数统计 | 1453.6字符主要内容 | 1、引言&背景 2、URL格式基本格式介绍 3、附录:Hotkey详细参数 4、拓展:收藏夹中的URL格…

    Linux 2023年6月14日
    0103
  • Linux驱动编程1——内核编译

    1.安装必要的内核开发包,包括gcc、make、libncurses-dev。 $ apt-get install gcc make libncurses-dev 2.$ make…

    Linux 2023年6月8日
    0103
  • 代码中的软件工程复习

    编写高质量代码的基本方法 通过控制结构简化代码 通过数据结构简化代码 一定要有错误处理 注意性能优先的代价 拒绝修修补补不断重构代码 性能优先策略带来的隐藏代价 软件工程师的人力成…

    Linux 2023年6月8日
    0106
  • 磁盘空间满,如何处理?

    作为运维人员,磁盘空间报警是最寻常遇到的情况,那么遇到空间如何处理呢?这里介绍一下处理办法及处理思路。 操作系统:centos系统 、Ubuntu 1 定位目录 收到空间报警信息,…

    Linux 2023年6月6日
    0111
  • mongodb压力测试工具ycsb

    mongodb安装 这里以安装单机版为例,rpm包方式安装 启动 ​ systemctl start mongod YCSB压测工具安装 这里不采用网上大多说的maven方式源码安…

    Linux 2023年6月14日
    097
  • bash 中 echo & printf

    首先列一下今天收获的消息 sh是: Bourne Shell(/usr/bin/sh或/bin/sh) bash是: Bourne Again Shell(/bin/bash) p…

    Linux 2023年6月6日
    0111
  • Ubuntu18.04 显卡驱动安装(解决各种疑难杂症)

    步骤 下载驱动 准备工作 进行安装 检查安装 下载驱动 首先,我们需要从官网下载显卡驱动。 [En] First of all, we need to download the v…

    Linux 2023年5月27日
    0107
亲爱的 Coder【最近整理,可免费获取】👉 最新必读书单  | 👏 面试题下载  | 🌎 免费的AI知识星球