Swift实用小册19:Extension扩展的使用

简介: 在本章中,你将学会Extension扩展的使用方法。

image.png

前言


Apple官网或者网上分享的教程类文章不同,我将以实际开发角度讲述Swift语言的一些概念和用法,方便大家更好地学习和掌握Swift语言。

这同时也是对自己学习Swift语言过程的知识整理。

如有错误,以你为准。

项目创建


我们新建一个SwiftUI项目,命名为SwiftUIExtension

image.png

扩展的定义


扩展,给一个现有的类,结构体,枚举,还有协议添加新的功能的方式。

Swift开发过程中,我们常常会遇到Swift已有功能不满足我们业务需求的情况,如果重新写一个方法可能又太耗时耗力。

这时,我们就可以在原有官方提供的类型上进行扩展,丰富原有类型的功能。

Toast吐司效果扩展


App常见的toast吐司为例,官方并没有提供封装好的toast吐司组件,在实际开发过程中我们就需要自己实现toast吐司效果。示例:

import SwiftUI
struct ToastViewModifier: ViewModifier {
    @Binding var present: Bool // 是否显示
    @Binding var message: String // 显示的文字
    var alignment: Alignment = .center// 显示在底部还是中间
    func body(content: Content) -> some View {
        ZStack {
            // 使用者
            content
                .zIndex(0)
            // Toast 内容
            VStack {
                Text(message)
                    .padding(Edge.Set.horizontal, 20)
                    .padding(Edge.Set.vertical, 10)
                    .multilineTextAlignment(.center)
                    .foregroundColor(.white)
                    .background(Color.black.opacity(0.7))
                    .cornerRadius(5)
            }
            .frame(maxWidth: .infinity, maxHeight: .infinity, alignment: alignment)
            .background(Color.gray.opacity(0.1))
            .opacity(present ? 1 : 0)
            .zIndex(1)
            .onChange(of: present) { value in
                if value {
                    // 延迟2秒消失
                    DispatchQueue.main.asyncAfter(deadline: .now() + 2) {
                        present.toggle()
                    }
                }
            }
        }
    }
}
extension View {
    func toast(present: Binding<Bool>, message: Binding<String>, alignment: Alignment = .center) -> some View {
        modifier(ToastViewModifier(present: present, message: message, alignment: alignment))
    }
}

image.png

上述代码是实现toast吐司的示例代码,我们定义了一个结构体ToastViewModifier,遵循ViewModifier协议。

ViewModifier协议,本质上可以理解为一个CSS样式,只需要定义一次就可以在全局使用。

ToastViewModifier结构体中,我们声明了toast吐司需要的参数:present是否显示、message显示的文字内容、alignment显示的位置。

然后我们定义了一个内容方法,完善toast吐司的样式。

为了能在实际业务场景下调用,我们使用extension关键字声明拓展了View视图,我们扩充了现有的View,定义了一个toast方法在视图中调用ToastViewModifier结构体的内容。

使用时,我们只需要在业务视图中调用即可。

struct ContentView: View {
    @State var showToast = false
    @State var showToastMessage: String = ""
    var body: some View {
        Text("Swift实用小册")
            .padding()
            .onTapGesture {
                self.showToast = true
                self.showToastMessage = "文如秋雨"
            }
            .toast(present: $showToast, message: $showToastMessage, alignment: .center)
    }
}

image.png

上述代码中,我们声明了两个存储变量:showToast是否展示吐司、showToastMessage吐司内容。

在主体框架中,我们调用扩展的toast方法,然后绑定我们的存储变量,在样式内容里,我们在点击Text文本时,触发展示toast吐司。

我们使用了Extension扩展的方式扩展结构体,使我们可以调用结构体中定义好的内容。

隐藏虚拟键盘扩展


extension View {
    func hideKeyboard() {
        UIApplication.shared.sendAction(
            #selector(UIResponder.resignFirstResponder),
            to: nil,
            from: nil,
            for: nil
        )
    }
}

image.png

上述代码中,我们Extension扩展了View的内容,然后定义了一个hideKeyboard隐藏虚拟键盘的方法,定义好后,我们就可以在项目中所有View类型的视图中调用此方法。

.onTapGesture {
    hideKeyboard()
}

image.png

Color颜色扩展


Swift开发过程中,我们最常使用到一些自定义颜色。但由于SwiftUI或者UIKit都不能直接使用16进制颜色,因此我们需要对Color颜色进行扩展。示例:

import SwiftUI
extension Color {
    static func rgb(_ red: CGFloat, green: CGFloat, blue: CGFloat) -> Color {
        return Color(red: red / 255, green: green / 255, blue: blue / 255)
    }
    static func Hex(_ hex: UInt) -> Color {
        let r: CGFloat = CGFloat((hex & 0xFF0000) >> 16)
        let g: CGFloat = CGFloat((hex & 0x00FF00) >> 8)
        let b: CGFloat = CGFloat(hex & 0x0000FF)
        return rgb(r, green: g, blue: b)
    }
}

image.png

上述代码中,我们对Color进行扩展,让我们实现传入一个16进制颜色值,转换为Color能够使用的RGB颜色值

扩展后,我们就可以在实际业务中使用16进制颜色值进行颜色设置。示例:

image.png

以上就是本章的全部内容。

快来动手试试吧!

如果本专栏对你有帮助,不妨点赞、评论、关注~

相关文章
|
5天前
|
存储 弹性计算 缓存
阿里云服务器租赁费用:新版租赁收费标准及活动报价参考
本文更新了2026年阿里云全系列云服务器租赁活动报价,所有特惠资源均可前往阿里云活动中心选购,整体覆盖从个人入门到企业级高性能场景的全梯度需求。其中轻量应用服务器主打极致性价比,2核2G峰值200M带宽配置每日10点、15点限时抢购价仅38元/年,2核4G配置379元/年起;高性价比的经济型e实例、通用算力型u2i实例覆盖2核4G至4核32G全档位,适配开发测试与中小型企业业务;搭载英特尔至强6处理器的第九代c9i企业级实例算力较上代提升20%,支撑高并发生产环境,不同实例规格价差清晰,用户可根据自身业务负载与预算灵活选型。
1573 112
|
12天前
|
云安全 人工智能 运维
阿里云联动百位企业安全专家,共识Agent防御最佳实践
当Agent成为新员工,你的安全边界在哪里?
1940 8
阿里云联动百位企业安全专家,共识Agent防御最佳实践
|
6天前
|
人工智能 程序员 API
Codex 接入 DeepSeek-V4-Flash:还能补上识图,提供两套方案
Codex 接入 DeepSeek-V4-Flash 怎么配?本文覆盖 CLI 与桌面端,再用 qwen3-vl-flash 补识图,两套方案可直接照做
|
6天前
|
编解码 人工智能 安全
2核4G/4核8G/8核16G阿里云服务器如何选择实例?经济型e、通用算力型u2i与计算型c9i选哪个?
本文介绍了阿里云2核4G、4核8G、8核16G三档主流配置下经济型e、通用算力型u2i和计算型c9i三种实例的最新活动价格与适用场景。同配置下三者价差显著,以2核4G为例,经济型e低至599.93元/年,计算型c9i则高达1742.08元/年。文章详细解析了各实例的性能定位:经济型e适合轻负载入门场景,u2i兼顾稳定算力与性价比,c9i凭借第9代至强处理器与芯片级安全能力支撑高性能业务。同时提示用户可叠加满减优惠券享受折上折,建议根据业务负载与预算综合决策。
526 112
|
18天前
|
人工智能 前端开发 Linux
Codex 桌面版安装 + CC Switch 接入第三方 API 完整教程(2026 最新)
2026最新教程:手把手教你安装Codex桌面版,通过CC Switch v3.17.0一键接入Fenno等国产API(兼容OpenAI Responses格式),跳过账号登录,完整启用代码审查、多步任务与上下文感知功能。零基础友好,全程图文实操。(239字)
2565 4
|
10天前
|
存储 人工智能 关系型数据库
阿里云AI产品与云产品最新组合套餐:Token Plan、AI coding及云服务器和建站等组合优惠价
阿里云推出全新“算力+模型+应用”一站式云与AI组合套餐活动,覆盖从个人开发者到中大型企业的全场景需求。核心亮点为分三档定价的Token Plan订阅服务,支持Qwen3.8-Max-Preview大模型调用,错峰时段最低可享0.2折优惠。活动同步推出AI Coding、智能体部署、云电脑托管、0代码建站等十余类场景化组合,搭配99元/年的普惠云服务器、88元/年的入门数据库等经典特惠产品,还为企业提供1V1定制化AI转型方案,大幅降低了不同用户群体拥抱AI的技术门槛与采购成本。
721 111
|
20天前
|
人工智能 JSON 安全
Fastjson远程代码执行漏洞,阿里云AI安全为您保驾护航
阿里云AI安全产品联动防御Fastjson攻击
2634 13
Fastjson远程代码执行漏洞,阿里云AI安全为您保驾护航
|
6天前
|
人工智能 JSON Shell
2026AI漫剧本地全开源方案(附各个软件模型链接),8G显卡也能流畅运行
这是一套完全本地化部署的AI漫剧生成技术链路:涵盖LLM剧本分镜生成、FLUX文生图(IP-Adapter人脸锁定)、StoryDiffusion时序连贯控制、LTX-2.3唇形同步视频生成,及ComfyUI全流程调度。零云端费用,仅耗硬件算力,单集2–4小时可产出竖屏短视频,适配抖音/B站分发。
|
7天前
Qoder 一周年 × Qwen3.8-Max 正式上线,多重好礼限时领
8月3日,Qwen3.8-Max 正式上线Qoder,迎来Qoder一周年。新老用户可领800次免费调用,下单再赠2000次;夜间(22:00–08:00)调用5折;邀请好友双方得积分与调用额度。
448 1

热门文章

最新文章