SwiftUI 15-Apple SF Symbols

Apple SF Symbols 是 Apple 提供的一套官方图标系统,用于配合其系统字体 San Francisco(SF) 使用。它是为 macOS、iOS、watchOS 和 tvOS 应用程序设计的,可与文本无缝对齐,支持动态尺寸、粗细、颜色等,具有高度的可定制性。


SF Symbols 简介

  • 是 Apple 官方提供的图标集,超过 5,000 个图标。

  • 每个图标都有多个权重(如 ultra light, regular, bold 等)。

  • 可自适应动态字体,支持多种颜色和对齐方式。

  • 在 SwiftUI 和 UIKit 中都可以方便地使用。


官方文档与资源

以下是你可以参考的官方资料:

  1. SF Symbols 官网
    https://developer.apple.com/sf-symbols/
    包括下载 App、设计指南和技术文档。

  2. SF Symbols App(图标浏览器)

    • 下载地址:SF Symbols App

    • 提供图标浏览、复制代码名称、查看不同权重和颜色渲染的能力。

  3. Human Interface Guidelines(HIG)

  4. 技术文档(SwiftUI / UIKit 使用方式)

    • SwiftUI 示例:

      Image(systemName: "heart.fill")
          .foregroundColor(.red)
      
      
    • UIKit 示例:

      let image = UIImage(systemName: "star.fill")
      
      

常见 SF Symbols 使用技巧

图标类别 示例
常用图标 heart, star, magnifyingglass, house
系统图标 wifi, battery.100, airplane, camera
形状组合 square.and.arrow.up, envelope.badge, bell.fill

你可以用 SF Symbols App 搜索并查看所有图标的名字和样式。


❗ 注意事项

  • 不要擅自修改 SF Symbols 图标形状(除了 Apple 允许的颜色、大小、weight 等)。

  • 并非所有图标都可用于所有平台(部分仅限于最新系统版本)。

  • 要注意 iOS/macOS 兼容性(例如某些图标是从 iOS 15+ 才支持的)。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • """1.个性化消息: 将用户的姓名存到一个变量中,并向该用户显示一条消息。显示的消息应非常简单,如“Hello ...
    她即我命阅读 8,754评论 0 6
  • 为了让我有一个更快速、更精彩、更辉煌的成长,我将开始这段刻骨铭心的自我蜕变之旅!从今天开始,我将每天坚持阅...
    李薇帆阅读 6,296评论 1 4
  • 似乎最近一直都在路上,每次出来走的时候感受都会很不一样。 1、感恩一直遇到好心人,很幸运。在路上总是...
    时间里的花Lily阅读 5,404评论 1 3
  • 1、expected an indented block 冒号后面是要写上一定的内容的(新手容易遗忘这一点); 缩...
    庵下桃花仙阅读 3,764评论 0 2
  • 一、工具箱(多种工具共用一个快捷键的可同时按【Shift】加此快捷键选取)矩形、椭圆选框工具 【M】移动工具 【V...
    墨雅丫阅读 3,775评论 0 0

友情链接更多精彩内容