第1章第5节：如何使视图充满整个屏幕 [SwiftUI快速入门到实战]

李发展

已于 2023-11-21 20:48:55 修改

阅读量2k

点赞数

分类专栏： SwiftUI快速入门到实战文章标签： ios swift swiftui

于 2021-08-31 17:16:34 首次发布

本文为互动教程网原创文章，欢迎转载但请注明来源。

本文链接：https://blog.csdn.net/fzhlee/article/details/120022507

版权

SwiftUI快速入门到实战专栏收录该内容

230 篇文章 ¥89.90 ¥99.00

订阅专栏

超级会员免费看

在SwiftUI中，界面元素默认受限于设备的安全区域。本教程介绍了如何通过设置框架属性、背景颜色、字体大小及忽略安全区域限制，使文本视图能够覆盖整个屏幕。这种方法同样适用于其他SwiftUI视图。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

本课程源码下载：互动教程网 http://hdjc8.com/hdjc/swiftUI/

SwiftUI在界面搭建时，会考虑到屏幕设备的安全区域，界面的元素被限制在刘海的下方。本节课演示如何使界面元素可以突破这个安全限制，并撑满整个屏幕。
设置文本视图的框架属性，不限制文本视图的最大宽度和最大高度。
设置文本视图的背景颜色为橙色，从右侧的预览窗口可以看出，文本视图位于顶部刘海的下方。
设置文字的字体属性，以增加文字的尺寸。
接着设置文本视图的边缘，在上下左右四个方向上忽略安全区域的限制。点击此处的按钮，缩小预览窗口的显示比例。
文本视图忽略了安全区域的限制，从而可以撑满整个屏幕。这个忽略安全区域的设置，不仅适用于文本视图，对SwiftUI里的其它视图也同样适用。

本节源码：

//
//  ContentView.swift
//  Copyright © www.hdjc8.com 互动教程网
//

import SwiftUI

struct ContentView : View {
    
    var body: some View {
        Text("Interactive tutorials")
            .frame(minWidth: 0, maxWidth: .infinity, minHeight: 0, maxHeight: .infinity)
            .background(Color.orange)
            .font(.largeTitle)
            .edgesIgnoringSafeArea(.all)
    }
}


#if DEBUG
struct ContentView_Previews : PreviewProvider {
    static var previews: some View {
        return ContentView()
    }
}
#endif