Swift实用小册19:Extension扩展的使用
【摘要】 在本章中，你将学会Extension扩展的使用方法。前言和Apple官网或者网上分享的教程类文章不同，我将以实际开发角度讲述Swift语言的一些概念和用法，方便大家更好地学习和掌握Swift语言。这同时也是对自己学习Swift语言过程的知识整理。如有错误，以你为准。项目创建我们新建一个SwiftUI项目，命名为SwiftUIExtension。扩展的定义扩展，给一个现有的类，结构体，枚举，还...
在本章中，你将学会Extension扩展的使用方法。
前言
和Apple官网或者网上分享的教程类文章不同，我将以实际开发角度讲述Swift语言的一些概念和用法，方便大家更好地学习和掌握Swift语言。
这同时也是对自己学习Swift语言过程的知识整理。
如有错误，以你为准。
项目创建
我们新建一个SwiftUI项目，命名为SwiftUIExtension。
扩展的定义
扩展，给一个现有的类，结构体，枚举，还有协议添加新的功能的方式。
在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))
}
}
上述代码是实现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)
}
}
上述代码中，我们声明了两个存储变量：showToast是否展示吐司、showToastMessage吐司内容。
在主体框架中，我们调用扩展的toast方法，然后绑定我们的存储变量，在样式内容里，我们在点击Text文本时，触发展示toast吐司。
我们使用了Extension扩展的方式扩展结构体，使我们可以调用结构体中定义好的内容。
隐藏虚拟键盘扩展
extension View {
func hideKeyboard() {
UIApplication.shared.sendAction(
#selector(UIResponder.resignFirstResponder),
to: nil,
from: nil,
for: nil
)
}
}
上述代码中，我们Extension扩展了View的内容，然后定义了一个hideKeyboard隐藏虚拟键盘的方法，定义好后，我们就可以在项目中所有View类型的视图中调用此方法。
.onTapGesture {
hideKeyboard()
}
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)
}
}
上述代码中，我们对Color进行扩展，让我们实现传入一个16进制颜色值，转换为Color能够使用的RGB颜色值。
扩展后，我们就可以在实际业务中使用16进制颜色值进行颜色设置。示例：
.foregroundColor(Color.Hex(0x409EFF))
以上就是本章的全部内容。
快来动手试试吧！
如果本专栏对你有帮助，不妨点赞、评论、关注～
【版权声明】本文为华为云社区用户原创内容，转载时必须标注文章的来源（华为云社区）、文章链接、文章作者等基本信息， 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论（0）