前言
和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进制颜色值
进行颜色设置。示例:
以上就是本章的全部内容。
快来动手试试吧!
如果本专栏对你有帮助,不妨点赞、评论、关注~