SwiftUI—预览视图在正常模式和黑暗模式下的效果

简介: SwiftUI—预览视图在正常模式和黑暗模式下的效果

预览项目在黑暗模式下的效果是非常方便的。您将在本节课,在预览窗口观察文本、图标和图像在正常模式和黑暗模式下的效果。


示例代码:


struct ContentView : View {
    var body: some View {
        VStack(alignment: .center, spacing: 20){
            Text("Dynamic Type sizes")
                .font(.system(size: 48))
                .foregroundColor(Color.secondary)
            Text("Dynamic Type sizes")
                .foregroundColor(Color.accentColor)
            Image(systemName: "star.fill")
                .foregroundColor(Color.secondary)
                .font(.system(size: 64))
        }
        .frame(minWidth: 0, maxWidth: .infinity, minHeight: 0, maxHeight: .infinity)
        .background(Color.primary)
        .edgesIgnoringSafeArea(.all)
    }
}
#if DEBUG
struct ContentView_Previews : PreviewProvider {
    static var previews: some View {
        HStack {
           ContentView()
              .environment(\.colorScheme, .light)
           ContentView()
              .environment(\.colorScheme, .dark)
        }
    }
}
#endif


2466108-a336c13871c36262.webp.jpg


目录
相关文章
|
6天前
|
容器
怎样实现单个图表全屏功能?
怎样实现单个图表全屏功能?
|
5月前
展开&收起,使用SwiftUI搭建一个侧滑展开页面交互
展开&收起,使用SwiftUI搭建一个侧滑展开页面交互
68 0
|
6月前
CocosCreator3.8研究笔记(二十三)CocosCreator 动画系统-动画编辑器相关功能面板说明
CocosCreator3.8研究笔记(二十三)CocosCreator 动画系统-动画编辑器相关功能面板说明
|
异构计算
案例分享:Qt流水线图像显示控件(列刷新、1ms一次、缩放、拽拖、拽拖预览、性能优化、支持OpenGL GPU加速)
案例分享:Qt流水线图像显示控件(列刷新、1ms一次、缩放、拽拖、拽拖预览、性能优化、支持OpenGL GPU加速)
案例分享:Qt流水线图像显示控件(列刷新、1ms一次、缩放、拽拖、拽拖预览、性能优化、支持OpenGL GPU加速)
|
开发者 索引
SwiftUI极简教程27:DisclosureGroup拓展折叠视图的使用
SwiftUI极简教程27:DisclosureGroup拓展折叠视图的使用
483 0
SwiftUI极简教程27:DisclosureGroup拓展折叠视图的使用
SwiftUI—借助sizeCategory预览不同字体下的文本视图
SwiftUI—借助sizeCategory预览不同字体下的文本视图
120 0
SwiftUI—借助sizeCategory预览不同字体下的文本视图
SwiftUI—如何使一个视图同时支持多种的手势
SwiftUI—如何使一个视图同时支持多种的手势
214 0
SwiftUI—如何使一个视图同时支持多种的手势
SwiftUI—方便用户选择项目的Picker拾取器
SwiftUI—方便用户选择项目的Picker拾取器
389 0
SwiftUI—方便用户选择项目的Picker拾取器
|
iOS开发
iOS动画开发之三——UIView的转场切换
iOS动画开发之三——UIView的转场切换
338 0