首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

SF符号未显示在swiftUI中的按钮上

在SwiftUI中,如果你遇到SF符号(通常是系统字体San Francisco的图标)未显示在按钮上的问题,可能是由于以下几个原因:

原因分析:

  1. 字体未正确导入:确保你的项目中已经导入了San Francisco字体。
  2. 字体名称错误:检查你在代码中引用的字体名称是否正确。
  3. 权限问题:确保你的应用有权访问并使用该字体。
  4. SwiftUI版本问题:某些版本的SwiftUI可能存在bug,确保你使用的是最新版本。

解决方案:

  1. 导入字体: 在你的Xcode项目中,确保已经导入了San Francisco字体。可以通过以下步骤导入:
    • 下载字体文件(.ttf或.otf)。
    • 将字体文件添加到项目的Assets.xcassets文件夹中。
    • 在项目的Info.plist文件中添加字体文件的名称。
  • 引用字体: 确保在SwiftUI中正确引用字体。例如:
  • 引用字体: 确保在SwiftUI中正确引用字体。例如:
  • 检查权限: 确保你的应用有权访问并使用该字体。可以在Info.plist文件中添加以下键值对:
  • 检查权限: 确保你的应用有权访问并使用该字体。可以在Info.plist文件中添加以下键值对:
  • 更新SwiftUI: 确保你使用的是最新版本的SwiftUI。可以通过Xcode的更新功能来更新。

示例代码:

以下是一个完整的示例,展示了如何在SwiftUI中使用San Francisco字体:

代码语言:txt
复制
import SwiftUI

struct ContentView: View {
    var body: some View {
        Button(action: {
            // 按钮动作
        }) {
            Text("按钮")
                .font(.system(size: 20, weight: .bold, design: .rounded))
                .foregroundColor(.white)
                .background(Color.blue)
                .cornerRadius(10)
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

参考链接:

通过以上步骤,你应该能够解决SF符号未显示在SwiftUI按钮上的问题。如果问题仍然存在,请检查控制台输出,查看是否有相关的错误信息。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

优化 SwiftUI List 显示大数据集响应效率

SwiftUI 视图生命周期研究[3] 一文,我对 List 如何对子视图显示进行优化做了一定介绍。...标识( Identity )是 SwiftUI 程序多次更新识别相同或不同元素手段,是 SwiftUI 理解你 app 关键。... SwiftUI 为视图设置显式标识目前有两种方式: ForEach 构造方法中指定 由于 ForEach 视图数量是动态且是在运行时生成,因此需要在 ForEach 构造方法中指定可用来标识子视图...新问题 细心朋友应该可以注意到,运行解决方案一代码后,第一次点击 bottom 按钮时,大概率会出现延迟情况(并不会立即开始滚动)。...由于整个滚动过程仅实例化并绘制了 100 多个子视图,对系统压力并不大,因此经过反复测试后,首次点击 bottom 按钮会延迟滚动问题大概率为当前 ScrollViewProxy Bug

9.2K20
  • SwiftUI 中用 Text 实现图文混排

    一个和一组 SwiftUI ,Text 是使用频率最高几个组件之一,几乎所有的文字显示操作均由其完成。随着 SwiftUI 版本不断提升,Text 功能也得到持续地增强。...王巍 SwiftUI Text 插值和本地化[3] 一文对此做了详尽介绍。... SwiftUI ,我们需要通过 Image 来显示 SF Symbols,并可使用一些修饰器来对其进行设置:Image(systemName: "ladybug") .symbolRenderingMode...Symbols 应用程序来修改或创建自定义符号,但由于受颜色、比例等方面的限制,相当多场合SF Symbols 仍无法满足需求。...动态类型( Dynamic Type )功能允许使用者设备端设置屏幕显示文本内容大小。它可以帮助那些需要较大文本以提高可读性用户,还能满足那些可以阅读较小文字的人,让更多信息出现在屏幕

    4.4K30

    自定义 SwiftUI 符号图像外观

    前言符号图像是来自 AppleSF Symbols 库矢量图标,设计用于 Apple 平台上使用。这些可缩放图像适应不同大小和重量,确保我们应用程序具有一致高质量图标。...例如,我们温度计符号具有白色轮廓,白色背景是不可见。并非所有符号都支持每种呈现模式。图层较少符号不同模式下看起来可能相同,分层和调色板模式看起来类似于单色。...可变值 SwiftUI 显示符号图像时,我们可以提供一个 0.0 到 1.0 之间可选值,渲染图像可以使用它来自定义外观。如果符号不支持可变值,此参数无效。...轮廓变体工具栏、导航栏和列表中非常有效,因为这些地方通常会与文本一起显示符号。将符号封装在圆形或方形等形状可以增强其可读性,特别是较小尺寸下。...将上述代码粘贴到 ContentView.swift 文件。运行项目,查看效果。结论SwiftUI增强符号图像可以显著改善应用程序外观和感觉。

    10810

    Xcode 11 初体验

    Editor Only:只显示代码编辑器。 Editor and Canvas:代码编辑器和SwiftUI预览视图。 Editor and Assistant:代码编辑器和辅助视图。...当你项目关联了版本控制工具时,比如 Git, Xcode 会检测出当前文件哪些地方相对于上次递交版本有更改,并且会通过左边显示一个蓝色线条标记出来: Change Bar 点击左键还可以选择 show...Resolving 三方框架 设计工具(Design Tools) 可以随时查看各设备效果以及作出更改。 开发和调试时,随时暗黑和明亮模式之间进行切换。...可以方便使用浏览所有SF符号 苹果内部还是提供了很多方便,比如下图,你可以根据关键字搜索出你需要图标 同时你放到相应界面上面,你还可以进行调整!... Stash 右下角会有 Stash 功能选择按钮(也可以左侧Stash Changes右键弹出)。

    3.2K10

    肘子 Swift 周报 #038 | 更好还是更便宜?

    对这部分用户而言,他们期待下一代产品佩戴舒适度、性能和显示效果进一步提升。 尽管对大多数消费者而言,AVP 价格偏高,但正是这个价格区间使其特定领域提供了超越竞争对手性能和体验。...前一期内容|全部周报列表 原创 SwiftUI 滚动控制 API 发展历程与 WWDC 2024 新亮点[3] Fatbobman( 东坡肘子 )[4] WWDC 2024 ,苹果再次为 SwiftUI...iOS 18 更新,苹果公司对其照片应用进行了全面的重新设计,其中就包含了对搜索框位置和显示效果调整。...Create Custom SF Symbols in Sketch ( Sketch 创建自定义 SF Symbols )[9] Danijela Vrzan[10] SF Symbols 是...在这篇文章,Danijela Vrzan 介绍了如何在 Sketch 应用程序创建自定义 SF Symbols 图标。

    11510

    iOS16 适配指南(基于Xcode 14 Beta3)

    iOS 16 真机调试时需要在设备设置 —> 隐私与安全 —> 开发者模式打开开发者模式。新增 UICalendarView,可以显示日期并支持单选与多选日期。...新增 LARightStore 用于存储与获取 keychain 数据。UIImage 增加了新构造函数用于支持 SF Symbols 最新版增加类别 Variable。...UITableView 与 UICollectionView 使用 Cell Content Configuration 时支持使用 UIHostingConfiguration 包装 SwiftUI...UINavigationItem 增加了一个属性style用于描述 UINavigationItem UINavigationBar 布局;增加了一个属性backAction用于实现当前 UIViewController...返回按钮事件;增加了一个属性titleMenuProvider用于给当前导航栏标题添加操作菜单。

    6.7K50

    Ask Apple 2022 与 SwiftUI 有关问答(

    锁定 Charts 纵轴刻度Q:我有一个 Swift 图表,通过监听拖动事件实现在拖动过程显示一个 RuleMark。拖动过程,Y 轴刻度会变大。...事实,这些视图( 惰性容器视图 )一旦被创建,其存续期将持续到惰性容器被销毁为止。请阅读 SwiftUI 视图生命周期研究[12] 了解更多内容。...在有些情况下,我想根据视图是否折叠来做决定( 例如,如果展开,详细视图中显示一条信息,如果折叠,则显示一个警告或其他指示 )。...A: macOS Ventura ,我们 [WindowGroup 引入了新 API](https://developer.apple.com/documentation/swiftui/windowgroup...image-20221022135326560San Francisco 宽度风格Q:如何在 SwiftUI 如何使用 SF 字体家族新增三种宽度风格( Compressed、Condensed、Expanded

    12.3K20

    iOS16 3 种新字体宽度样式

    前言 iOS 16 ,Apple 引入了三种新宽度样式字体到 SF 字体库。...更新: Xcode 14.1 SwiftUI 提供了两个新 API 设置这种新宽度样式。...目前(Xcode 16 beta 6),这种新宽度样式和初始值设定只能在 UIKit 中使用,幸运是,我们可以 SwiftUI 轻松使用它。...创建一个 Font 扩展 这种方法实际和将 UIfont 转为 Font 是同一种方法。我们只需要创建一个新 Font 扩展 SwiftUI 中使用起来更容易一些。...下载安装后,你将会发现一种结合了现有宽度和新宽度样式新样式。 基本,除了模拟器模拟系统 UI ,在任何地方都被禁止使用 SF 字体。请确保你使用前阅读并理解许可证。

    1.4K20

    SwiftUI 实现一个开源 App Store

    最重要是,我们把所有国家和地区商店,都集成一个面板,通过下拉列表选择,实现快速切换榜单。 2.2 App 详细页 App 详细页面,把开发者最关心参数显示最前面。...点击可以显示大图,并且可以下载和分享大图。 2.3 搜索 搜索区,可以输入关键字模糊搜索,或者 App ID 精准搜索。另外,右上角切换国家和地区,显示不同地区 App 搜索。...就是可以监听 App 商店状态,举例来说,App 发布了新版本,那么大概要多久才能在商店显示呢?所以,我们可以通过苹果接口,来定时查询 App 状态,从而知道 App 什么时候生效。...切换图标可以选择自己显示图标等。 大家想要什么功能,可以评论区留言啊~ 三、调研工作 接下来,我们说一下要实现以上功能,需要 API 怎么调研出来!...比如,SwiftUI 还不支持 WebView,所以用 SFSafariViewController 桥接 View SwiftUI 组件显示会异常。

    1.8K20

    SwiftUI 实战使用 MapKit API

    前言SwiftUI 与 MapKit 集成今年发生了重大变化。之前 SwiftUI 版本,我们将 MKMapView 基本功能封装到名为 Map SwiftUI 视图中。...正如我之前所说, SwiftUI 框架早期版本,我们有一个 Map 视图,为我们提供了 MapKit 基本功能,该功能现在已被弃用。...MapContentBuilder 类型与符合 MapContent 协议任何类型一起使用。我们示例,我们使用了 Marker 和 Annotation 类型。...Marker 是一个基本项,允许我们地图上放置预定义标记。Annotation 类型更先进,将使我们能够使用纬度和经度地图上放置 SwiftUI 视图。...默认情况下,它启用所有可用交互类型。总结今天,我们学习了 SwiftUI 中集成 MapKit 基础知识。接下来几周里,我们将继续讨论相机操作、地图控件和其他高级主题。希望你喜欢这篇文章。

    16000

    SwiftUI 动画进阶 — Part 5:Canvas

    不要与SF符号相混淆,后者是完全不同东西。Canvas 视图有一种引用 SwiftUI 视图方式,将其解析为一个符号,然后绘制它。...要解决视图是ViewBuilder闭包传递,如下面的例子所示。为了引用一个视图,它需要被标记为一个唯一可散列标识符。请注意,一个被解析符号可以Canvas绘制不止一次。...正如我们本文符号动画部分已经看到,一个带动画SwiftUI视图可以通过一个draw()调用被绘制到Canvas。因此,并不是所有的东西都要在Canvas里面处理。...每一列都被实现为一个单独SwiftUI视图。叠加字符和用渐变绘图是由视图处理。当我们画布使用渐变时,起始/结束点或任何其他几何参数都是相对于整个画布。...最后,Canvas负责解析每个视图,它们(x,y)位置绘制,并根据其z值添加模糊和缩放效果。我代码添加了一些注释,以帮助你浏览它,如果你有兴趣的话。

    2.7K10

    SwiftUI 实现一个开源 App Store

    [iAppStore-04.jpg] 最重要是,我们把所有国家和地区商店,都集成一个面板,通过下拉列表选择,实现快速切换榜单。...另外,右上角切换国家和地区,显示不同地区 App 搜索。 [iAppStore-06.jpg] 2.4 应用状态订阅 这个状态订阅是什么意思?...就是可以监听 App 商店状态,举例来说,App 发布了新版本,那么大概要多久才能在商店显示呢?所以,我们可以通过苹果接口,来定时查询 App 状态,从而知道 App 什么时候生效。...比如,SwiftUI 还不支持 WebView,所以用 SFSafariViewController 桥接 View SwiftUI 组件显示会异常。...另外,不考虑支持低版本系统,使用 SF Symbols 提供图标,也非常友好!

    2.1K20

    SwiftUI TextField 进阶 —— 事件、焦点、键盘

    SwiftUI 3.0 ,苹果为开发者提供了一个远好于预期解决方案,同 onSubmit 类似,可以从更高视图层次来统一对视图中 TextField 进行焦点判断和管理。... SwiftUI 3.0 之前,我们必须在主视图上另外绘制或者使用非 SwiftUI 方式来解决问题, SwiftUI 3.0 ,由于添加了原生设置键盘辅助视图(下文具体介绍)功能,解决上述问题将不再困难...自定义 SubmitLabel 默认情况下,TextField(SecureField)键盘上对应 submit 行为按钮为return,通过使用 SwiftUI 3.0 中新增了submitLabel...修饰器,我们可以将return按钮修改成更符合输入上下文显示文字。... 3.0 版本SwiftUI 不仅提供了更多原生修饰器,而且提供了 FocusState、onSubmit 此类统合管理逻辑。

    13.3K10

    解析 SwiftUI 两处由状态更新滞后引发严重 Bug

    但是,SwiftUI 一些系统控件并没有完全遵循响应式设计原则,由此某些情况下会出现严重错误,影响用户体验,并使开发者无所适从。...原文发表博客 肘子Swift记事本视图变化在前、状态变化在后 SwiftUI ,某些可编程控件执行一定操作时,会先更新视图,待视图变化完成后再修改与其对应状态。...它复现条件非常简单:真机上测试( 模拟器不容易复现 )点击 “GO” 按钮进入下一层视图点击 “Show Sheet” 按钮弹出 Sheet通过下滑手势取消 Sheet Sheet 取消后(动画结束时...它复现条件如下:iOS 16 系统,真机或模拟器测试点击视图列表按钮,可以进入下一级视图。...随着版本提高,SwiftUI 功能也确实得到了相当程度增加。不过,即使最新版本一些对 UIKit(AppKit)进行二次包装控件,仍有不少细节处理不到位问题。

    707110

    AVKit框架详细解析(四) —— 基于AVKit 和 AVFoundation框架视频流App构建

    注意:视频可能无法模拟器播放。 真实设备运行该应用程序将缓解该问题。 入门项目是一个 vlogger 应用程序,您将使用 AVKit 和 AVFoundation 添加功能和特性。...接下来,找到 List 按钮 Open Video Player注释下添加以下代码: selectedVideo = video 然后,将 fullScreenCover(item:onDismiss...您可以看到视频播放器显示了一组基本控件。 这包括一个播放按钮、一个静音按钮和用于前进和后退 15 秒跳过按钮。 2. Adding Remote Playback 那很容易,对吧?...您会在左上角看到画中画按钮……否则不会! 缺点是,撰写本文时,iOS 14.5是可用最新版本,VideoPlayer SwiftUI 视图显示画中画按钮。...尝试设备运行。

    7K10
    领券