0
点赞
收藏
分享

微信扫一扫

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

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

前言

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

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

如有错误,以你为准。

项目创建

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

Swift实用小册19:Extension扩展的使用_颜色值

扩展的定义

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

在​​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))
}
}

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

上述代码是实现​​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)
}
}

Swift实用小册19:Extension扩展的使用_16进制_03

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

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

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

隐藏虚拟键盘扩展

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

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

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

.onTapGesture {
hideKeyboard()
}

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

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

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

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

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

.foregroundColor(Color.Hex(0x409EFF))

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

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

快来动手试试吧!

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

举报

相关推荐

0 条评论