如何在iOS App中实现灰色/透明前景带提示功能？

嘿，这两种前景提示在iOS里用UIKit就能轻松实现，我给你拆解成两个场景，附上具体代码，你直接抄改就行～

这种半透明灰色遮罩+提示的场景很常见，比如加载中、操作确认前的遮罩。核心思路是创建一个覆盖全屏的半透明视图，上面放提示文本。

实现步骤： #

• 先创建一个自定义的遮罩视图（或者直接在ViewController里临时创建），背景色用半透明灰色，比如UIColor(white: 0.0, alpha: 0.6)，这样既能遮挡下层内容，又能让用户隐约看到背景。
• 在遮罩上添加UILabel，设置好文本、字体、颜色，居中显示。
• 把遮罩视图添加到当前VC的view上，或者iOS 13+的scene window，约束铺满整个父视图。

Swift 代码示例： #

import UIKit

class GrayOverlayView: UIView {
    private let promptLabel = UILabel()
    
    init(promptText: String) {
        super.init(frame: .zero)
        setupView(promptText: promptText)
    }
    
    required init?(coder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
    
    private func setupView(promptText: String) {
        // 设置遮罩背景
        backgroundColor = UIColor(white: 0.0, alpha: 0.6)
        translatesAutoresizingMaskIntoConstraints = false
        
        // 设置提示标签
        promptLabel.text = promptText
        promptLabel.textColor = .white
        promptLabel.font = UIFont.systemFont(ofSize: 16, weight: .medium)
        promptLabel.textAlignment = .center
        promptLabel.numberOfLines = 0
        promptLabel.translatesAutoresizingMaskIntoConstraints = false
        addSubview(promptLabel)
        
        // 添加约束
        NSLayoutConstraint.activate([
            promptLabel.centerXAnchor.constraint(equalTo: centerXAnchor),
            promptLabel.centerYAnchor.constraint(equalTo: centerYAnchor),
            promptLabel.leadingAnchor.constraint(greaterThanOrEqualTo: leadingAnchor, constant: 20),
            promptLabel.trailingAnchor.constraint(lessThanOrEqualTo: trailingAnchor, constant: -20)
        ])
    }
    
    // 显示遮罩的方法
    func show(in view: UIView) {
        view.addSubview(self)
        NSLayoutConstraint.activate([
            leadingAnchor.constraint(equalTo: view.leadingAnchor),
            trailingAnchor.constraint(equalTo: view.trailingAnchor),
            topAnchor.constraint(equalTo: view.topAnchor),
            bottomAnchor.constraint(equalTo: view.bottomAnchor)
        ])
        view.bringSubviewToFront(self)
    }
    
    // 隐藏遮罩的方法
    func hide() {
        removeFromSuperview()
    }
}

// 使用方式（在ViewController里）
let grayOverlay = GrayOverlayView(promptText: "正在加载中...")
grayOverlay.show(in: self.view)
// 需要隐藏时调用 grayOverlay.hide()

这种场景背景是透明的，只显示警告文本（比如你说的蓝牙开启提示），核心是遮罩背景透明，突出警告内容，还可以加个按钮引导用户操作。

实现步骤： #

• 创建一个透明背景的遮罩视图，确保能覆盖全屏，设置isUserInteractionEnabled = true可以拦截用户点击下层内容。
• 添加警告标签，用显眼的颜色（比如红色），设置好文本样式。
• 可选：添加一个“去设置”按钮，点击跳转到iOS系统设置页面（需要配置权限描述）。
• 把遮罩添加到父视图，约束铺满屏幕，内容居中。

Swift 代码示例： #

import UIKit

class TransparentWarningOverlay: UIView {
    private let warningLabel = UILabel()
    private let actionButton = UIButton(type: .system)
    
    init(warningText: String, buttonTitle: String? = nil) {
        super.init(frame: .zero)
        setupView(warningText: warningText, buttonTitle: buttonTitle)
    }
    
    required init?(coder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
    
    private func setupView(warningText: String, buttonTitle: String?) {
        // 透明背景，拦截点击
        backgroundColor = .clear
        isUserInteractionEnabled = true
        translatesAutoresizingMaskIntoConstraints = false
        
        // 警告标签
        warningLabel.text = warningText
        warningLabel.textColor = .red
        warningLabel.font = UIFont.systemFont(ofSize: 16, weight: .semibold)
        warningLabel.textAlignment = .center
        warningLabel.numberOfLines = 0
        warningLabel.translatesAutoresizingMaskIntoConstraints = false
        addSubview(warningLabel)
        
        var constraints = [NSLayoutConstraint]()
        constraints.append(contentsOf: [
            warningLabel.centerXAnchor.constraint(equalTo: centerXAnchor),
            warningLabel.centerYAnchor.constraint(equalTo: centerYAnchor),
            warningLabel.leadingAnchor.constraint(greaterThanOrEqualTo: leadingAnchor, constant: 20),
            warningLabel.trailingAnchor.constraint(lessThanOrEqualTo: trailingAnchor, constant: -20)
        ])
        
        // 如果有按钮，添加按钮
        if let title = buttonTitle {
            actionButton.setTitle(title, for: .normal)
            actionButton.setTitleColor(.systemBlue, for: .normal)
            actionButton.titleLabel?.font = UIFont.systemFont(ofSize: 16, weight: .medium)
            actionButton.addTarget(self, action: #selector(buttonTapped), for: .touchUpInside)
            actionButton.translatesAutoresizingMaskIntoConstraints = false
            addSubview(actionButton)
            
            constraints.append(contentsOf: [
                actionButton.topAnchor.constraint(equalTo: warningLabel.bottomAnchor, constant: 16),
                actionButton.centerXAnchor.constraint(equalTo: centerXAnchor)
            ])
        }
        
        NSLayoutConstraint.activate(constraints)
    }
    
    @objc private func buttonTapped() {
        // 跳转到系统设置页面
        if let url = URL(string: UIApplication.openSettingsURLString) {
            if UIApplication.shared.canOpenURL(url) {
                UIApplication.shared.open(url, options: [:], completionHandler: nil)
            }
        }
    }
    
    // 显示方法
    func show(in view: UIView) {
        view.addSubview(self)
        NSLayoutConstraint.activate([
            leadingAnchor.constraint(equalTo: view.leadingAnchor),
            trailingAnchor.constraint(equalTo: view.trailingAnchor),
            topAnchor.constraint(equalTo: view.topAnchor),
            bottomAnchor.constraint(equalTo: view.bottomAnchor)
        ])
        view.bringSubviewToFront(self)
    }
    
    // 隐藏方法
    func hide() {
        removeFromSuperview()
    }
}

// 使用方式（在ViewController里）
let warningOverlay = TransparentWarningOverlay(
    warningText: "please enable Bluetooth to continue using this app",
    buttonTitle: "Go to Settings"
)
warningOverlay.show(in: self.view)
// 需要隐藏时调用 warningOverlay.hide()

额外注意点： #

1. 权限配置：如果是蓝牙相关的提示，需要在Info.plist中添加蓝牙权限描述，比如NSBluetoothAlwaysUsageDescription或NSBluetoothPeripheralUsageDescription，否则App会崩溃或者无法请求权限。
2. 层级管理：确保遮罩视图在所有子视图的最上层，可以用view.bringSubviewToFront(self)来保证。
3. 复用性：可以把这两个遮罩封装成单例或者工具类，方便在整个App中调用。
4. 状态监听：对于蓝牙这类需要实时监听状态的场景，可以结合CoreBluetooth的CBCentralManager来监听蓝牙状态，自动显示/隐藏警告遮罩。

内容的提问来源于stack exchange，提问作者tarun5130