ios兼容弹框

我整理的一些关于【FT】的项目学习资料（附讲解～～）和大家一起分享、学习一下：

 https://d.51cto.com/f2PFnN

iOS兼容弹框的实现指南

在iOS开发中，弹框（Alert）是一种常见的用户交互方式。无论是用于显示警告信息，还是确认某个操作，弹框都能提升用户体验。在本文中，我将带领你一步一步学习如何实现一个iOS兼容的弹框，包含每一步所需的代码，确保你能顺利完成这个任务。

流程概述

以下是实现iOS弹框的基本步骤：

步骤	描述
1	创建一个 UIAlertController
2	添加标题和消息
3	添加动作按钮
4	显示弹框

第一步：创建UIAlertController

首先，我们需要创建一个UIAlertController实例。UIAlertController是iOS中用于显示弹框的核心类。

登录后复制

// 导入UIKit框架
import UIKit

// 创建函数用于展示弹框
func showAlert(on viewController: UIViewController) {
    // 创建UIAlertController实例
    let alert = UIAlertController(title: "警告", message: "这是一个警告弹框。", preferredStyle: .alert)
}

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.

注释：在上面的代码中，UIAlertController的title表示弹框的标题，message表示弹框中显示的内容，preferredStyle可以是.alert或.actionSheet，这里我们使用的是.alert。

第二步：添加标题和消息

在第一步中，我们已经在创建UIAlertController时添加了标题和消息。以下是一个示例演示如何进行扩展。

登录后复制

// 添加标题和消息的部分已在上一步中完成。
// 示例代码如下：
let alert = UIAlertController(title: "警告", message: "这是一个警告弹框。", preferredStyle: .alert)

• 1.
• 2.
• 3.

第三步：添加动作按钮

接下来，我们需要为弹框添加操作按钮，用户可以根据需求选择“确认”或“取消”。

登录后复制

// 创建确认按钮
let confirmAction = UIAlertAction(title: "确认", style: .default) { action in
    print("用户确认")
}

// 创建取消按钮
let cancelAction = UIAlertAction(title: "取消", style: .cancel) { action in
    print("用户取消")
}

// 将按钮添加到弹框中
alert.addAction(confirmAction)
alert.addAction(cancelAction)

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.
• 11.
• 12.
• 13.

注释：在创建UIAlertAction时，我们指定了按钮的标题和样式，style可以是.default, .cancel, 或.destructive。通过闭包，我们可以定义按钮的点击事件。

第四步：显示弹框

最后，我们通过present方法将弹框展示在视图控制器上。

登录后复制

// 展示弹框
viewController.present(alert, animated: true, completion: nil)

• 1.
• 2.

完整代码示例

将以上所有步骤整合，下面是一个完整的展示弹框的函数示例：

登录后复制

import UIKit

func showAlert(on viewController: UIViewController) {
    // 创建UIAlertController
    let alert = UIAlertController(title: "警告", message: "这是一个警告弹框。", preferredStyle: .alert)

    // 创建确认按钮
    let confirmAction = UIAlertAction(title: "确认", style: .default) { action in
        print("用户确认")
    }

    // 创建取消按钮
    let cancelAction = UIAlertAction(title: "取消", style: .cancel) { action in
        print("用户取消")
    }

    // 添加按钮到弹框
    alert.addAction(confirmAction)
    alert.addAction(cancelAction)

    // 展示弹框
    viewController.present(alert, animated: true, completion: nil)
}

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.
• 11.
• 12.
• 13.
• 14.
• 15.
• 16.
• 17.
• 18.
• 19.
• 20.
• 21.
• 22.
• 23.

饼状图展示

在这个示例中，我们使用了饼状图来表示用户操作的比例。

旅行图展示

在实现iOS兼容弹框的过程中，以下是一个旅行图以帮助你理清思路：

结尾

上述内容就是实现一个iOS兼容弹框的完整流程及其代码示例。通过这四个步骤，你可以快速创建一个用户友好的弹框。随着你在开发中的不断实践，弹框的使用场景和交互设计会越来越丰富。相信你在掌握这项技能后，会在开发中游刃有余。如果有任何问题，欢迎随时询问！

整理的一些关于【FT】的项目学习资料（附讲解～～），需要自取：

 https://d.51cto.com/f2PFnN

原创作者: u_16175470 转载于: https://blog.51cto.com/u_16175470/11754836