SwiftUI动态修改iOS状态栏样式-源码交易平台丞旭猿-丞旭猿

1. 项目的设置选项页里设置 Status 的样式。

点击项目
点击需要设置的应用
设置 Status 的样式

**Status Bar Style：** 状态栏样式

**Default：** 默认样式，是根据当前应用的颜色模式，Dark Model 则显示白色状态栏，Light Model 显示黑色状态栏
**Dark Content：** 显示黑色的状态栏
**Light Content：** 显示白色的状态栏

**Hide status bar：** 是否隐藏状态栏

**注意♥️：** 当你修改设置的时候，会在目录里出现一个项目名称–项目类别–Info.plist 的文件，Info.plist 会存储一些应用的设置选项，当你下载一个 Xcode 13.0 之前建的项目，会看到 Info.plist 这个文件，在 Xcode 13.0 之前，这个文件的内容在应用->项目->顶部的 Info 栏目里。并且自动生成的这个文件里设置有些不生效，可以直接删除。

2. 默认设置

目前的状态里，当我们设置状态栏样式和是否隐藏状态栏无法生效，需要在 info 里增加属性设置。

按照图示里的步骤，在 Info 里的 Custom iOS Target Properties 里，鼠标移动到一个存在的选项里，会出现加号按钮，点击添加添加一条新的记录，选择或者输入 View controller-based status bar appearance 并且后面的属性设置为 NO，则我们设置的初始是否显示状态栏和状态栏样式就可以生效了。

**注意♥️：** 如果我们点击加号的项目是个下拉的选择，一定要折叠起下来，否则添加的是这个下拉项里的内容。

**注意♥️：** 如果设置了 NO 则有些效果需要手动处理，比如使用 .sheet 加载新页面的时候，状态栏会变换，但是当我们设置了之后就不会自动切换，具体可以参考 .sheet 章节内容。

3. 动态修改

当我们在切换到新页面的时候，或者点击图片全屏的时候，可能会涉及到在应用里动态修改状态栏，目前需要用到一些 Swift 里的方法，具体可以参考下面代码。

struct StatusView: View {
    @State var show = true
    var body: some View {
        VStack(spacing: 16) {
            Button {
                UIApplication.shared.setStatusBarStyle(.darkContent, animated: true)
            } label: {
                Text("Dark Content")
            }
            
            Button {
                UIApplication.shared.setStatusBarStyle(.lightContent, animated: true)
            } label: {
                Text("Light Content")
            }
            
            Button {
                if show {
                    UIApplication.shared.setStatusBarHidden(true, with: .fade)
                } else {
                    UIApplication.shared.setStatusBarHidden(false, with: .fade)
                }
                show.toggle()
            } label: {
                Text(show ? "隐藏状态栏" : "显示状态栏")
            }
        }.onAppear {
            UIApplication.shared.setStatusBarHidden(true, with: .fade)
        }
    }
}

4. 定义方法

我们可以单独定义一个方法，简化我们的代码。这样我们就可以直接调用 Status().darkContent()

class Status {
    // 白色状态栏
    func lightContent() {
        UIApplication.shared.setStatusBarStyle(.lightContent, animated: true)
    }
    
    // 黑色状态栏
    func darkContent() {
        UIApplication.shared.setStatusBarStyle(.darkContent, animated: true)
    }
    
    // 显示和隐藏状态栏
    func toggleStatus(show: Bool, animation: UIStatusBarAnimation = .fade) {
        UIApplication.shared.setStatusBarHidden(show, with: animation)
    }
}

5. SwiftUI 隐藏状态栏

func statusBar(hidden: Bool) -> some View

暂时无法动态隐藏，应该是 Bug 会在后续某个版本修复，不过这个问题是开始就存在的，什么版本修复未知。

struct StatusView: View {
    @State var show: Bool = true
    var body: some View {
        Button(show ? "显示状态栏" : "隐藏状态栏") {
            show.toggle()
        }.statusBar(hidden: show)
    }
}

更多内容可以查看应用SwiftUI For Beginners，一个产品设计师从自学的 SwiftUI 开发的各个过程给你讲解 SwiftUI 内容，Apple 应用商店搜索 SwiftUI For Beginners 下载。

适合设计师人群，互联网从业者或者想自己做个应用的人群；
不适合技术人群，应用完全是从一个 0 基础的角度去讲解各个阶段需要的知识，对于技术人群过于简单；
内容讲解➕直接代码效果预览，学习过程更加直观；
iPhone， iPad 和 Mac 全平台支持，Apple Watch 和 TV 应用即将上线。

声明：本文部分素材转载自互联网，如有侵权立即删除。

1. 本站所有资源来源于用户上传和网络，如有侵权请邮件联系站长！邮箱：cxysz1@tom.com
2. 分享目的仅供大家学习和交流，您必须在下载后24小时内删除！
3. 不得使用于非法商业用途，不得违反国家法律。否则后果自负！
4. 本站提供的源码、模板、插件等等其他资源，都不包含技术服务请大家谅解！
5. 如有链接无法下载、失效或广告，请联系管理员处理！
6. 本站资源售价只是赞助，收取费用仅维持本站的日常运营所需！
7. 如遇到加密压缩包，请使用WINRAR解压,如遇到无法解压的请联系管理员！
8. 精力有限，不少源码未能详细测试（解密），不能分辨部分源码是病毒还是误报，所以没有进行任何修改，大家使用前请进行甄别
丞旭猿论坛

THE END

行业资讯