SwiftUISwiftUI学习笔记

SwiftUI 实现在app内动态更改浅色或者深色模式

2020-09-09  本文已影响0人  Attempt_30b7

我们知道swiftUI基本可以跟随系统设置的浅色或者深色模式,但是有时我们需要用户对自己应用作出自己喜欢的模式,不受系统影响。
大致实现效果如下


屏幕录制2020-09-09 16.10.56.gif

动画效果就不展现了,动画也是一个github库找到的,通过修改实现,这里讲实现模式切换不随系统
1:首先如果你想你的app只有一种模式,可以在info.plist文件中设置User Interface Style 值为light或者dark

2:这种方法就是图片展示的方法
在SceneDelegate文件中有一开始进入app触发的方法

  func scene(_ scene: UIScene, willConnectTo session: UISceneSession, options connectionOptions: UIScene.ConnectionOptions) {
      
        if let windowScene = scene as? UIWindowScene {
            
            let window = UIWindow(windowScene: windowScene)
            
            let contentView = TranserView(window: window).environment(\.managedObjectContext, context)//这个本来是写在外面的,拿进来
            
            let style = userDefault.string(forKey: "style")//获取我们存的值,判断进入app使用什么样式,存值,在接下来的代码展示
            
            switch style {
            case "dark":
                window.overrideUserInterfaceStyle = .dark//黑暗模式
            case "light":
                window.overrideUserInterfaceStyle = .light//浅色模式
            default:
                window.overrideUserInterfaceStyle = .unspecified//跟随系统
            }
            
            
            window.rootViewController = MyHontingController(rootView: AnyView(contentView))
            self.window = window
            window.makeKeyAndVisible()
        }
        
      
    }

上诉代码可以看出window是有个overrideUserInterfaceStyle方法可以用来设置我们的界面,这样我们只要把这个值传到我们需要更改的他的界面即可

 @State var window: UIWindow//这个定义完在按钮中更改他的样式
 @Environment(\.colorScheme) var colorScheme //可以用来判断当前的模式
 Button(action: {
                            
                            self.changeModel = false
                            self.window.overrideUserInterfaceStyle = .light //更改方法
             
                            userDefault.set("light", forKey: "style") //定义的全局变量,用来存储我们更改的样式
                            
                        }) {
                            
                            Image(systemName: self.colorScheme == .dark ?  "circle" :"checkmark.circle.fill")
                                .foregroundColor(self.colorScheme == .dark ? .gray : .yellow)//三元表达式,用来适配黑暗模式与浅色模式切换时来更改展示的颜色
                        }.transition(.opacity)
                        

在更改后一定要写一个本地简单存储,userDefault,在第一进入的时候获取这个值,然后根据你获取的值来判断样式,这样就记住你改的样式

https://www.bilibili.com/video/BV1ui4y1u7Kt/
这是视频链接,随便剪辑的,哈哈哈

上一篇 下一篇

猜你喜欢

热点阅读