ios 设置代码全屏

原创

mob64ca12f7ae31 2024-09-20 08:36:37 ©著作权

文章标签 全屏视图控制器 iOS 文章分类 iOS 移动开发

©著作权归作者所有：来自51CTO博客作者mob64ca12f7ae31的原创作品，请联系作者获取转载授权，否则将追究法律责任

iOS 设置代码全屏的实现

在 iOS 应用开发中，代码全屏模式常常用于提供更好的用户体验，尤其是在游戏或视频播放等场景中。本文将介绍如何在 iOS 中通过代码实现全屏模式，并提供相关示例代码。

一、什么是全屏模式？

全屏模式是指应用程序在显示时占据用户设备的整个屏幕，从而隐藏系统状态栏和其他 UI 元素。这种模式能够让用户更加专注于内容。

二、如何实现全屏模式

1. 设置视图控制器的属性

在 iOS 中，我们可以通过设置视图控制器的 edgesForExtendedLayout 和 modalPresentationStyle 属性来实现全屏模式。

edgesForExtendedLayout 属性用于控制视图的延伸边缘。
modalPresentationStyle 属性可以设置为全屏展示。

2. 示例代码

下面是一个简单的例子，展示如何在一个视图控制器中实现全屏展示。

import UIKit

class FullScreenViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
        
        // 设置背景颜色为黑色
        view.backgroundColor = UIColor.black
        
        // 隐藏状态栏
        self.prefersStatusBarHidden = true
        
        // 设置视图的边缘延伸方式
        self.edgesForExtendedLayout = []
        
        // 添加一个示例标签
        let label = UILabel()
        label.text = "全屏模式下的内容"
        label.textColor = UIColor.white
        label.textAlignment = .center
        label.frame = view.bounds
        view.addSubview(label)
    }
    
    // 隐藏状态栏
    override var prefersStatusBarHidden: Bool {
        return true
    }

    // 设置状态栏样式
    override var preferredStatusBarStyle: UIStatusBarStyle {
        return .lightContent
    }
}

3. 如何呈现视图控制器

要显示这个全屏的视图控制器，我们可以在主视图控制器中调用它。可以使用以下代码：

let fullScreenVC = FullScreenViewController()
// 设置模态展示风格为全屏
fullScreenVC.modalPresentationStyle = .fullScreen
self.present(fullScreenVC, animated: true, completion: nil)

4. 退出全屏模式

为了让用户能够退出全屏模式，我们可以简单地在 FullScreenViewController 中添加一个按钮，来关闭该视图控制器。

let closeButton = UIButton(frame: CGRect(x: 20, y: 50, width: 100, height: 50))
closeButton.setTitle("关闭", for: .normal)
closeButton.addTarget(self, action: #selector(closeFullscreen), for: .touchUpInside)
view.addSubview(closeButton)

@objc func closeFullscreen() {
    self.dismiss(animated: true, completion: nil)
}