no symbols_SF Symbols 2的新增功能

2023-10-29 03:40
文章标签 功能 新增 symbols sf

本文主要是介绍no symbols_SF Symbols 2的新增功能,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

no symbols

Before SF Symbols, making icons for iOS apps used to present a major hassle for both the designer and the developer. A workflow would often look along the lines of this:

在SF Symbols之前,为iOS应用制作图标曾经给设计人员和开发人员带来了很大的麻烦。 工作流通常会遵循以下思路:

  1. Plan the icon.

    计划图标。
  2. Design it and make sure it aligns with your app’s message.

    设计它并确保它与您的应用程序的消息对齐。
  3. Or go online and find an icon instead…

    或者上网查找图标代替...
  4. … which would probably mean purchasing a license.

    …这可能意味着要购买许可证。
  5. After all the work, you can finally embed it into your app — only to find the font weight is off and you need to tweak it.

    完成所有工作之后,您最终可以将其嵌入到您的应用程序中-只是发现字体粗细已关闭,您需要对其进行调整。

Google’s Material Design icons have been around since 2014, and websites like Font Awesome were launched even earlier. So when would Apple jump into the icon battle?

Google的Material Design图标自2014年以来就出现了,像Font Awesome这样的网站甚至更早就已经启动。 那么,苹果何时会跳入图标之战?

In 2019, Apple debuted their own set of icons, called SF Symbols. It was a huge gift for developers and designers alike, as in a truly Apple way, they were easier to use than any other icon pack.

苹果在2019年首次推出了自己的图标集SF Symbols 。 对于开发人员和设计师而言,这都是一份巨大的礼物,因为以一种真正的Apple方式,它们比其他任何图标包都更易于使用。

Now, in 2020, Apple has decided it was time for a refresh. At WWDC20, they released the second generation of SF Symbols: SF Symbols 2. Here’s what’s new.

现在,在2020年,苹果公司决定是时候进行更新了。 在WWDC20上,他们发布了第二代SF Symbols:SF Symbols2。这是新功能。

号码 (The Numbers)

SF Symbols 1 boasted 1,500+ icons, and SF Symbols 2 raises that to 2,400+, including 150+ that are multicolor.

SF Symbols 1拥有1,500+个图标,而SF Symbols 2则将其增加到2,400+个,其中150+个是彩色的。

Image for post

A lot of the new icons depict physical devices, like the buttons on a gaming controller and an external drive. The Apple logo is also finally available as an icon, but it can only be used to reference “Sign in with Apple.”

许多新图标描述了物理设备,例如游戏控制器和外部驱动器上的按钮。 Apple徽标最终也可以作为图标使用,但只能用于引用“使用Apple登录”。

设计改进 (Design Improvements)

Multicolor icons are now available.

现在可以使用多色图标。

Image for post

However, they’re currently only supported in NSImage, which doesn’t work on iOS. An Apple engineer told me, “Unfortunately, iOS doesn’t support multicolor symbols at this point. This also includes Mac Catalyst, since that’s using UIKit APIs.”

但是,它们目前仅在NSImage中受支持,但在iOS上不起作用。 一位苹果工程师告诉我:“很遗憾,iOS目前不支持多色符号。 这也包括Mac Catalyst,因为它使用的是UIKit API。”

But support will definitely come soon. After all, SF Symbols 2 is still in beta, and you can check out this thread for updates.

但是支持肯定会很快到来。 毕竟,SF Symbols 2仍处于beta版,您可以签出该线程以进行更新。

New this year are also negative side margins. This means that icons can overflow out of their bounding boxes while preserving alignment.

今年的新产品也有负边际利润。 这意味着图标可以在保持对齐的同时溢出其边界框。

Image for post

With negative side margins, you get a lot of control of the optical alignment.

在负边距的情况下,您可以很好地控制光学对准。

应用程序改进 (App Improvements)

All of these new icons, including the old ones, are discoverable in the new SF Symbols 2 app. And just like how the icons got upgrades, the app got some too.

所有这些新图标(包括旧图标)都可以在新的SF Symbols 2应用中找到 。 就像图标如何升级一样,该应用程序也得到了一些升级。

The first things you’ll probably notice are the two new buttons in the toolbar:

您可能会注意到的第一件事是工具栏中的两个新按钮:

Image for post

The Color Well button, when pressed, goes into multicolor preview mode. Any icons that are available in multicolor will be highlighted.

按下彩色井按钮时,它将进入多色预览模式。 多色可用的任何图标将突出显示。

Image for post

Then there’s the Info button, which opens the all-new Inspector Panel. When you select an icon, this panel will populate with information about your selected icon.

然后是“信息”按钮,它将打开全新的“检查器面板”。 当您选择一个图标时,此面板将填充有关所选图标的信息。

Image for post

This panel contains:

该面板包含:

  • Name of the icon

    图标名称
  • Preview of the icon

    图标预览
  • Whether it’s available in multicolor or not

    是否提供多色
  • Localized versions, if any

    本地化版本(如果有)
  • Which iOS versions it’s available in

    它在哪些iOS版本中可用
  • Deprecated names, if any

    弃用的名称(如果有)
  • Any use restrictions

    任何使用限制

In my opinion, the iOS version availability check is the coolest and most useful feature in the entire app update. Also in my opinion, the new app icon is the worst part of the entire app update.

我认为,iOS版本可用性检查是整个应用程序更新中最酷,最有用的功能。 我也认为,新的应用程序图标是整个应用程序更新中最糟糕的部分。

Image for post

I’m still not a fan of the rounded app icons that will soon take over macOS.

我仍然不喜欢即将接管macOS的圆形应用程序图标。

其他改进 (Miscellaneous Improvements)

本土化 (Localization)

SF Symbols already supported some languages last year, but more are supported this year. For right-to-left writing systems, you can simply flip the image. (In the asset catalog, set Direction to Mirrors.) Also, script-based languages like Arabic, Devanagari, and Hebrew now also have their own variants.

去年,SF Symbols已经支持某些语言,但今年将支持更多语言。 对于从右到左书写系统,您可以简单地翻转图像。 (在资产目录中,将Direction设置为Mirrors。)此外,基于脚本的语言(如阿拉伯语,梵文和希伯来语)现在也有自己的变体。

Image for post

字符串插值 (String interpolation)

New in SwiftUI, you can now also embed SF Symbols within strings.

SwiftUI中的新增功能,您现在还可以在字符串中嵌入SF符号。

Image for post

However, I tried this in UIKit and it didn’t work — looks like I still need to stick with NSTextAttachment in my UIKit apps for now. *sigh*

但是,我在UIKit中尝试了一下,但没有成功-看来我现在仍然需要在UIKit应用程序中坚持使用NSTextAttachment 。 *叹*

处理过时的名称 (Handling of deprecated names)

Now that SF Symbols has gotten a refresh, some of the icons’ names have been changed. If you’re using an icon that got a name change:

如今,SF Symbols得到了刷新,一些图标的名称已更改。 如果您使用的图标名称已更改:

  • If your minimum deployment target is iOS 13, you need to use the old name.

    如果最小部署目标是iOS 13,则需要使用旧名称。
  • If your minimum deployment target is iOS 14, you should use the new name.

    如果最小部署目标是iOS 14,则应使用新名称。

Xcode knows of these changes, but only in the storyboard. In the code editor, you need to keep the naming in mind.

Xcode知道这些更改,但仅在情节提要中知道。 在代码编辑器中,您需要牢记命名。

结论 (Conclusion)

SF Symbols 2 brings 750+ new icons, out of which 150+ are available in multicolor. Controlling optical alignment is much easier. Localization is improved, as is the syntax for declaring icons. The app itself received a small (but very useful) update.

SF Symbols 2带来了750多个新图标,其中有150多个是彩色的。 控制光学对准要容易得多。 本地化得到了改善,声明图标的语法也得到了改善。 该应用程序本身收到了一个小(但非常有用)的更新。

All in all, SF Symbols 2 is a very nice resource for developers and designers. Happy coding, and make sure to use them!

总而言之,对于开发人员和设计人员而言,SF Symbols 2是一个很好的资源。 编码愉快,请确保使用它们!

翻译自: https://medium.com/better-programming/whats-new-in-sf-symbols-2-b5e49eee7f0a

no symbols


http://www.taodudu.cc/news/show-8083900.html

相关文章:

  • Flutter(一)--初入Flutter基础组件
  • js 复制粘贴到微信编辑器出现图片和样式问题
  • 【微信小程序】基础知识
  • 附录4-微信开发者工具
  • android会禁微信吗,微信开发踩过的坑
  • php-微信自定义菜单按钮格式
  • 微信小程序整理资料
  • 平凡而又神奇的贝叶斯方法 zz刘未鹏
  • zz: RTSP协议分析-3
  • [zz]C++面试宝典
  • UTF-8 and Unicode FAQ(zz)
  • zz正则表达式语法
  • js实现字符串处理,具体如下:字母变成相邻字母,标点符号不变,结果如果是元音字母则大写,z变成a。...
  • php元字符匹配规则,正则表达式 元字符和匹配规则
  • 安卓逆向——抖音极速版爬虫
  • 每日新闻 | 华为应届生年薪百万,引才就得打破薪酬“天花板”
  • 汽车屏类产品(五):中控IVI车载信息娱乐系统
  • 全年产假? 冻卵报销? $2000刀旅行补贴....硅谷公司的蜜汁福利你知多少?
  • 这一年:我30岁,孩子3岁!看完后,对孩子再好一点吧~
  • 五万粉丝,30万保底
  • 一个卖家的自述:网上开店 你能走得更远-
  • 过去一年你买了多少外国货?大数据估计又要令你扎心了……
  • chrome 模拟微信浏览器
  • GET http://192.168.xx.xxx:xxxx/sockjs-node/info?t=1638719004722 net::ERR_CONNECTION_TIMED_OUT
  • dubbo测试时启动项目报错
  • 爬虫笔记5:requests模块
  • CSS打印预览不显示问题
  • OSX:CUPS不打印问题
  • 潇洒郎: 非常好用的网页下载打印插件Print Friendly PDF
  • 重生奇迹MU武器在哪里买
  • 这篇关于no symbols_SF Symbols 2的新增功能的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



    http://www.chinasem.cn/article/298010

    相关文章

    C++11第三弹:lambda表达式 | 新的类功能 | 模板的可变参数

    🌈个人主页: 南桥几晴秋 🌈C++专栏: 南桥谈C++ 🌈C语言专栏: C语言学习系列 🌈Linux学习专栏: 南桥谈Linux 🌈数据结构学习专栏: 数据结构杂谈 🌈数据库学习专栏: 南桥谈MySQL 🌈Qt学习专栏: 南桥谈Qt 🌈菜鸡代码练习: 练习随想记录 🌈git学习: 南桥谈Git 🌈🌈🌈🌈🌈🌈🌈🌈🌈🌈🌈🌈🌈�

    让树莓派智能语音助手实现定时提醒功能

    最初的时候是想直接在rasa 的chatbot上实现,因为rasa本身是带有remindschedule模块的。不过经过一番折腾后,忽然发现,chatbot上实现的定时,语音助手不一定会有响应。因为,我目前语音助手的代码设置了长时间无应答会结束对话,这样一来,chatbot定时提醒的触发就不会被语音助手获悉。那怎么让语音助手也具有定时提醒功能呢? 我最后选择的方法是用threading.Time

    Spring框架5 - 容器的扩展功能 (ApplicationContext)

    private static ApplicationContext applicationContext;static {applicationContext = new ClassPathXmlApplicationContext("bean.xml");} BeanFactory的功能扩展类ApplicationContext进行深度的分析。ApplicationConext与 BeanF

    JavaFX应用更新检测功能(在线自动更新方案)

    JavaFX开发的桌面应用属于C端,一般来说需要版本检测和自动更新功能,这里记录一下一种版本检测和自动更新的方法。 1. 整体方案 JavaFX.应用版本检测、自动更新主要涉及一下步骤: 读取本地应用版本拉取远程版本并比较两个版本如果需要升级,那么拉取更新历史弹出升级控制窗口用户选择升级时,拉取升级包解压,重启应用用户选择忽略时,本地版本标志为忽略版本用户选择取消时,隐藏升级控制窗口 2.

    Android 10.0 mtk平板camera2横屏预览旋转90度横屏拍照图片旋转90度功能实现

    1.前言 在10.0的系统rom定制化开发中,在进行一些平板等默认横屏的设备开发的过程中,需要在进入camera2的 时候,默认预览图像也是需要横屏显示的,在上一篇已经实现了横屏预览功能,然后发现横屏预览后,拍照保存的图片 依然是竖屏的,所以说同样需要将图片也保存为横屏图标了,所以就需要看下mtk的camera2的相关横屏保存图片功能, 如何实现实现横屏保存图片功能 如图所示: 2.mtk

    Spring+MyBatis+jeasyui 功能树列表

    java代码@EnablePaging@RequestMapping(value = "/queryFunctionList.html")@ResponseBodypublic Map<String, Object> queryFunctionList() {String parentId = "";List<FunctionDisplay> tables = query(parent

    Android13_SystemUI下拉框新增音量控制条

    提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 Android13_SystemUI下拉框新增音量控制条 一、必备知识二、源码分析对比1.brightness模块分析对比2.statusbar/phone 对应模块对比对比初始化类声明对比构造方法 三、源码修改四、相关资源 一、必备知识 在Android12 版本上面已经完成了功能的实现,目前是在And

    PostgreSQL核心功能特性与使用领域及场景分析

    PostgreSQL有什么优点? 开源和免费 PostgreSQL是一个开源的数据库管理系统,可以免费使用和修改。这降低了企业的成本,并为开发者提供了一个活跃的社区和丰富的资源。 高度兼容 PostgreSQL支持多种操作系统(如Linux、Windows、macOS等)和编程语言(如C、C++、Java、Python、Ruby等),并提供了多种接口(如JDBC、ODBC、ADO.NET等

    寻迹模块TCRT5000的应用原理和功能实现(基于STM32)

    目录 概述 1 认识TCRT5000 1.1 模块介绍 1.2 电气特性 2 系统应用 2.1 系统架构 2.2 STM32Cube创建工程 3 功能实现 3.1 代码实现 3.2 源代码文件 4 功能测试 4.1 检测黑线状态 4.2 未检测黑线状态 概述 本文主要介绍TCRT5000模块的使用原理,包括该模块的硬件实现方式,电路实现原理,还使用STM32类

    nginx介绍及常用功能

    什么是nginx nginx跟Apache一样,是一个web服务器(网站服务器),通过HTTP协议提供各种网络服务。 Apache:重量级的,不支持高并发的服务器。在Apache上运行数以万计的并发访问,会导致服务器消耗大量内存。操作系统对其进行进程或线程间的切换也消耗了大量的CPU资源,导致HTTP请求的平均响应速度降低。这些都决定了Apache不可能成为高性能WEB服务器  nginx: