Swiftui：Button控件自定义ButtonStyle

最新推荐文章于 2024-05-30 22:31:11 发布

qqwyuli

最新推荐文章于 2024-05-30 22:31:11 发布

阅读量648

点赞数

文章标签： swiftui ios

本文链接：https://blog.csdn.net/qqwyuli/article/details/126275584

版权

1、点击效果设置

// MARK: -  VIEWMODIFIER
struct PressableStyle: ButtonStyle {
	
	let scaledAmount: CGFloat
	
	// set default scaleAmount
	init(scaledAmount: CGFloat) {
		self.scaledAmount = scaledAmount
	}
	
	func makeBody(configuration: Configuration) -> some View {
		configuration.label
			.scaleEffect(configuration.isPressed ? scaledAmount : 1.0)
			.opacity(configuration.isPressed ? 0.9 : 1.0)
			.brightness(configuration.isPressed ? 0.05 : 0)
	}
}

// MARK: -  EXTENSTION
extension View {
	func withPressableStyle(scaledAmount: CGFloat = 0.9) -> some View {
		self.buttonStyle(PressableStyle(scaledAmount: scaledAmount))
	}
}

2、使用例子

struct ButtonStyleBootCamp: View {
	// MARK: -  PROPERTY
	// MARK: -  BODY
	var body: some View {
		Button {
			
		} label: {
			Text("Click me")
				.font(.headline)
				.foregroundColor(.white)
				.frame(height: 55)
				.frame(maxWidth: .infinity)
				.background(Color.blue.cornerRadius(10))
				.shadow(color: Color.blue.opacity(0.3), radius: 10, x: 0.0, y: 10.0)
		}
		.withPressableStyle()
		.padding(40)
	}
}